κ°„λ‹¨ν•œ λ‹¨κ³„λ‘œ κ³ μ • μš”μ†Œ 투λͺ… 헀더λ₯Ό λ§Œλ“œλŠ” 방법

Elementorλ₯Ό μ‚¬μš©ν•˜μ—¬ 투λͺ…ν•œ κ³ μ • 헀더λ₯Ό λ§Œλ“œλŠ” 방법

μ›Ήμ‚¬μ΄νŠΈλ₯Ό λ°©λ¬Έν•  λ•Œ κ°€μž₯ λ¨Όμ € λˆˆμ— λ„λŠ” 것은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

헀더 맞죠?

예! μš°λ¦¬λŠ” λͺ¨λ‘ λ˜‘κ°™μŠ΅λ‹ˆλ‹€!

ν—€λ”λŠ” μ‚¬μ΄νŠΈμ—μ„œ 방문자의 μ‹œμ„ μ„ κ°€μž₯ λ¨Όμ € μ‚¬λ‘œμž‘λŠ” μš”μ†Œμž…λ‹ˆλ‹€. 헀더λ₯Ό λͺ¨λ“  μ›Ήμ‚¬μ΄νŠΈμ˜ 백본으둜 κ°„μ£Όν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ „μž μƒκ±°λž˜ μ‚¬μ΄νŠΈ, λΈ”λ‘œκ·Έ μ‚¬μ΄νŠΈ, μ†Œμ…œ λ―Έλ””μ–΄, 포럼 λ˜λŠ” 개인 포트폴리였 μ‚¬μ΄νŠΈλ₯Ό μ†Œμœ ν•˜κ³  μžˆλŠ”μ§€ μ—¬λΆ€λŠ” μ€‘μš”ν•˜μ§€ μ•ŠμœΌλ©° κ°„λ‹¨ν•˜κ³  νƒμƒ‰ν•˜κΈ° μ‰¬μš΄ Elementor 투λͺ… 메뉴λ₯Ό μΆ”κ°€ν•΄μ•Ό ν•©λ‹ˆλ‹€.

κ·ΈλŸ¬λ‚˜ 이제 메뉴에 κ°„λ‹¨ν•œ 헀더λ₯Ό μΆ”κ°€ν•˜λŠ” κ²ƒλ§ŒμœΌλ‘œλŠ” μΆ©λΆ„ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€! μ²­μ€‘μ—κ²Œ μ΅œμƒμ˜ μ‚¬μš©μž κ²½ν—˜μ„ μ œκ³΅ν•˜λ €λ©΄ 헀더λ₯Ό μ‚¬μš©μž μ •μ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. Elementor의 헀더 배경을 투λͺ…ν•˜κ²Œ λ§Œλ“€κ³  κ³ μ •μ‹œμΌœμ„œ κ·Έλ ‡κ²Œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€!

이 κΈ°μ‚¬μ—μ„œλŠ” Elementorλ₯Ό μ‚¬μš©ν•˜μ—¬ WordPress에 투λͺ…ν•œ κ³ μ • 헀더λ₯Ό μΆ”κ°€ν•˜λŠ” 방법에 λŒ€ν•œ κ°€μž₯ μ§„λ³΄λ˜μ—ˆμ§€λ§Œ μ‹œκ°„μ„ μ ˆμ•½ν•˜λŠ” 방법을 보여 λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€!

λ°©λ¬Έμžκ°€ μ²«λˆˆμ— κ·€ν•˜μ˜ μ›Ήμ‚¬μ΄νŠΈλ₯Ό μ’‹μ•„ν•˜κ²Œ λ§Œλ“œλŠ” Elementor κ³ μ • 헀더λ₯Ό λ§Œλ“€μ–΄ λ³΄κ² μŠ΅λ‹ˆλ‹€.

Elementskit을 μ‚¬μš©ν•˜λ©΄ λͺ‡ λΆ„ μ•ˆμ— Elementor용 μ‚¬μš©μž μ •μ˜ Elementor 투λͺ… 헀더λ₯Ό 생성할 수 μžˆλ‹€λŠ” 것을 μ•Œκ³  κ³„μ…¨μŠ΅λ‹ˆκΉŒ? ν•˜μž Elementskit을 무료둜 μ‚¬μš©ν•΄ λ³΄μ„Έμš”

λ‚΄μš©λ¬Ό 보여주닀

WordPress의 κ³ μ • 투λͺ… ν—€λ”λž€ λ¬΄μ—‡μž…λ‹ˆκΉŒ?

Elementor 투λͺ… μŠ€ν‹°μ»€ 헀더

λˆλˆν•œ 투λͺ… ν—€λ”λŠ” λˆ„κ΅°κ°€κ°€ μ•„λž˜λ‘œ λ˜λŠ” μœ„λ‘œ μŠ€ν¬λ‘€ν•  λ•Œ κ³ μ •λ˜μ–΄ 투λͺ…ν•˜κ²Œ μœ μ§€λ˜λŠ” 헀더λ₯Ό μ •μ˜ν•©λ‹ˆλ‹€. 이 헀더λ₯Ό μ‚¬μš©ν•˜λ©΄ μ‚¬μ΄νŠΈλ₯Ό μŠ€ν¬λ‘€ν•  λ•Œ μ‚¬μ΄νŠΈμ˜ 배경을 μ›ν™œν•˜κ²Œ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.

ν•„μš”ν•œ 것

이 νŠœν† λ¦¬μ–Ό λΈ”λ‘œκ·Έλ₯Ό 따라가렀면 λ‹€μŒμ΄ ν•„μš”ν•©λ‹ˆλ‹€.

  1. WordPress μ‚¬μ΄νŠΈ
  2. μš”μ†Œ νŽ˜μ΄μ§€ λΉŒλ”
  3. ElementsKit
  4. 5~10λΆ„μ˜ μ‹œκ°„μ„ νˆ¬μžν•˜μ„Έμš”.

λͺ¨λ“  것을 μ–»μ—ˆλ‚˜μš”? μ’‹μŠ΅λ‹ˆλ‹€. 이제 갈 μ€€λΉ„κ°€ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

Elementor 투λͺ… 헀더 배경을 λ””μžμΈν•΄ λ΄…μ‹œλ‹€!

μƒˆ 헀더 ν…œν”Œλ¦Ώμ΄λ‚˜ μƒˆ νŽ˜μ΄μ§€λ₯Ό 톡해 헀더λ₯Ό 생성할 수 μžˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ μ €λŠ” 항상 Elementorλ₯Ό μ‚¬μš©ν•˜μ—¬ 투λͺ…ν•œ κ³ μ • 헀더λ₯Ό λ””μžμΈν•˜κΈ° μœ„ν•΄ μƒˆ νŽ˜μ΄μ§€λ₯Ό λ§Œλ“œλŠ” 것을 μ„ ν˜Έν•©λ‹ˆλ‹€.

헀더 λ””μžμΈμ΄ μ™„λ£Œλ˜λ©΄ ν…œν”Œλ¦Ώμ„ 헀더 ν…œν”Œλ¦Ώμ— λ³΅μ‚¬ν•˜μ—¬ λΆ™μ—¬λ„£κΈ°λ§Œ ν•˜λ©΄ λ©λ‹ˆλ‹€. μ‰½μ§€μš”?

Elementorλ₯Ό μ‚¬μš©ν•˜μ—¬ WordPressμ—μ„œ 접착식 투λͺ… 헀더λ₯Ό λ§Œλ“œλŠ” 방법에 λŒ€ν•œ κ°€μ΄λ“œλ₯Ό μ‚΄νŽ΄λ³΄κ² μŠ΅λ‹ˆλ‹€.

#1단계: λ¨Όμ € 메뉴 생성

Elementor κ³ μ • 헀더λ₯Ό μΆ”κ°€ν•˜λ €λ©΄ λ¨Όμ € 메뉴λ₯Ό 생성해야 ν•©λ‹ˆλ‹€. μƒˆ 메뉴λ₯Ό λ§Œλ“€λ €λ©΄ wp-admin > λͺ¨μ–‘ > λ©”λ‰΄λ‘œ μ΄λ™ν•˜μ„Έμš”.

메뉴 생성이 μ™„λ£Œλ˜λ©΄ 메뉴 이름을 "Primary"둜 μ§€μ •ν•˜κ³  "메뉴 μ €μž₯"을 ν΄λ¦­ν•©λ‹ˆλ‹€. 이미 메뉴λ₯Ό μƒμ„±ν–ˆλ‹€λ©΄ λ‹€μŒκ³Ό 같이 보일 κ²ƒμž…λ‹ˆλ‹€.

WordPressλ₯Ό μ‚¬μš©ν•˜μ—¬ Elementorμ—μ„œ Elementor 투λͺ… 헀더 배경을 λ§Œλ“œλŠ” 방법
κΈ°λ³Έ 메뉴 λ§Œλ“€κΈ°

β€œλ©”κ°€λ©”λ‰΄β€ μ„Ήμ…˜μ„ μ°Έμ‘°ν•˜μ„Έμš”. 기본적으둜 μ΄λŠ” ElementsKit의 κ°€μž₯ μœ μš©ν•œ κΈ°λŠ₯ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€. 메뉴 μ„Ήμ…˜μ— λ§Žμ€ μΉ΄ν…Œκ³ λ¦¬λ‚˜ μ˜΅μ…˜μ„ μΆ”κ°€ν•˜λ €λŠ” 경우 이 메가메뉴 κΈ°λŠ₯을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 

⭐ ⭐ μžμ„Έν•œ μ•ˆλ‚΄λ₯Ό ν™•μΈν•΄λ³΄μ„Έμš” Elementorμ—μ„œ 메가메뉴λ₯Ό λ§Œλ“œλŠ” 방법.

Step#2: 헀더 ν…œν”Œλ¦Ώ 생성


ElementsKit의 "머리글 λ°”λ‹₯κΈ€" μ„Ήμ…˜μœΌλ‘œ μ΄λ™ν•˜μ„Έμš”. "μƒˆλ‘œ μΆ”κ°€"λ₯Ό ν΄λ¦­ν•˜μ—¬ μƒˆ 헀더 ν…œν”Œλ¦Ώμ„ μΆ”κ°€ν•©λ‹ˆλ‹€.

μš”μ†Œ 투λͺ… ν—€λ”μ˜ 헀더 ν…œν”Œλ¦Ώ
μƒˆ 헀더 ν…œν”Œλ¦Ώ μΆ”κ°€

이제 ν…œν”Œλ¦Ώ 섀정이 λ‚˜νƒ€λ‚©λ‹ˆλ‹€. μ—¬κΈ°μ„œλŠ” λ‹€μŒ μž‘μ—…μ„ μˆ˜ν–‰ν•΄μ•Ό ν•©λ‹ˆλ‹€.

  • 헀더에 제λͺ©μ„ μ§€μ •ν•˜μ„Έμš”.
  • 'μœ ν˜•' μ„€μ • λ“œλ‘­λ‹€μš΄μ—μ„œ '헀더'λ₯Ό μ„ νƒν•˜μ„Έμš”.
  • μ›ν•˜λŠ” 쑰건을 μ„ νƒν•˜μ„Έμš”. μ €λŠ” λ“œλ‘­λ‹€μš΄μ—μ„œ "전체 μ‚¬μ΄νŠΈ"λ₯Ό μ„ νƒν–ˆμŠ΅λ‹ˆλ‹€.
  • μŠ€μœ„μΉ˜λ₯Ό μΌœμ„œ 헀더 ν…œν”Œλ¦Ώμ„ ν™œμ„±ν™”ν•©λ‹ˆλ‹€.

#3단계: Elementor둜 νŽΈμ§‘

μœ„μ—μ„œ μ–ΈκΈ‰ν•œ λͺ¨λ“  μž‘μ—…μ΄ μ™„λ£Œλ˜λ©΄ μ™Όμͺ½ μ•„λž˜μ—μ„œ "Elementor둜 νŽΈμ§‘" λ²„νŠΌμ„ ν΄λ¦­ν•˜μ„Έμš”.

elementor μ‚¬μš©μž μ •μ˜ 투λͺ… κ³ μ • 헀더 ν”ŒλŸ¬κ·ΈμΈ
Elementor둜 νŽΈμ§‘

#4단계: 헀더 λ””μžμΈ 선택

이 μ„Ήμ…˜μ—μ„œλŠ” ElementsKit의 λ‚΄μž₯ 헀더 λΌμ΄λΈŒλŸ¬λ¦¬μ—μ„œ 헀더 λ””μžμΈμ„ 선택할 수 μžˆμŠ΅λ‹ˆλ‹€.

계속 μ§„ν–‰ν•˜λ €λ©΄ ElementsKit μ•„μ΄μ½˜μ„ ν΄λ¦­ν•˜κ³  μ•„λ¦„λ‹€μš΄ λ””μžμΈμ„ μ„ νƒν•œ λ‹€μŒ 'μ‚½μž…' λ²„νŠΌμ„ ν΄λ¦­ν•˜μ—¬ Elementorμ—μ„œ 헀더λ₯Ό κ°€μ Έμ˜΅λ‹ˆλ‹€.

elementor μ‚¬μš©μž μ •μ˜ 투λͺ… κ³ μ • 헀더 ν”ŒλŸ¬κ·ΈμΈ
헀더 λ””μžμΈ 선택

#5 단계: Elementor 투λͺ… 메뉴 κ³ μ •

μš°λ¦¬λŠ” 이미 헀더 λ””μžμΈμ„ μ„ νƒν–ˆμŠ΅λ‹ˆλ‹€. 이제 헀더λ₯Ό 상단 μœ„μΉ˜μ— 뢙일 μ°¨λ‘€μž…λ‹ˆλ‹€. 이 μž‘μ—…μ„ μˆ˜ν–‰ν•˜λ €λ©΄ Elementor의 'κ³ κΈ‰' 탭을 μ°Ύμ•„λ³΄μ„Έμš”. κ³ κΈ‰ νƒ­μ—μ„œ "ElementsKit Sticky"λ₯Ό μ°ΎμœΌμ„Έμš”. λ“œλ‘­λ‹€μš΄ λ©”λ‰΄μ—μ„œ 상단에 κ³ μ • 메뉴λ₯Ό λ§Œλ“­λ‹ˆλ‹€.

맞좀 μš”μ†Œ λ˜λŠ” 투λͺ… 헀더 메뉴
헀더 뢙이기

νŠΉμ • μ„Ήμ…˜κΉŒμ§€ 헀더λ₯Ό κ³ μ •ν•˜λ„λ‘ 선택할 수 μžˆμŠ΅λ‹ˆλ‹€. 이 경우 Sticky Until을 μ •μ˜ν•˜μ„Έμš”. 0~100 λ²”μœ„μ˜ 헀더에 κ³ μ • μ˜€ν”„μ…‹μ„ μ μš©ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

#6 단계: μ½˜ν…μΈ μ— λŒ€ν•œ Elementor 헀더λ₯Ό 투λͺ…ν•˜κ²Œ λ§Œλ“­λ‹ˆλ‹€.

이제 'μŠ€νƒ€μΌ' νƒ­μœΌλ‘œ μ΄λ™ν•˜μ„Έμš”. "메뉴 래퍼" μ„Ήμ…˜μ—μ„œ μ›ν•˜λŠ” Elementor 투λͺ… 메뉴 높이λ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.

메뉴 래퍼 λ°°κ²½ μœ ν˜• 'ν΄λž˜μ‹'을 μ„ νƒν•˜κ³  μ™Όμͺ½ 끝의 μŠ¬λΌμ΄λ”λ₯Ό μ‚¬μš©ν•˜μ—¬ 색상을 μ œκ±°ν•©λ‹ˆλ‹€. 색상 μ½”λ“œλ₯Ό μˆ˜λ™μœΌλ‘œ μž…λ ₯ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. 이 경우 투λͺ…ν•œ 배경을 μ–»μœΌλ €λ©΄ #00000000을 μž…λ ₯ν•˜μ‹­μ‹œμ˜€. λ˜ν•œ μ½˜ν…μΈ  νƒ­μ—μ„œ μ½˜ν…μΈ  μœ„μ— Elementor 헀더λ₯Ό μ‘°μ •ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

μ½˜ν…μΈ  μœ„μ— 투λͺ…도와 헀더λ₯Ό μΆ”κ°€ν•˜μ—¬ Elementorλ₯Ό μ‚¬μš©ν•˜μ—¬ WordPressμ—μ„œ λˆλˆν•˜κ³  투λͺ…ν•œ 헀더λ₯Ό λ§Œλ“­λ‹ˆλ‹€.
헀더 배경을 투λͺ…ν•˜κ²Œ λ§Œλ“€κΈ°


헀더λ₯Ό λ”μš± μ„Έλ ¨λ˜κ³  맀λ ₯적으둜 λ§Œλ“€κΈ° μœ„ν•΄ λ‹€μŒ μ„€μ • 쀑 ν•˜λ‚˜λ₯Ό ν™œμš©ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

μ½˜ν…μΈ  μœ„μ— 헀더가 μžˆλŠ” μš”μ†Œ 투λͺ… 헀더 메뉴
μ†μ‰¬μš΄ μ‚¬μš©μž μ •μ˜λ₯Ό μœ„ν•œ μΆ”κ°€ μ„€μ •

#7단계: ν…ŒμŠ€νŠΈ Elementor 투λͺ… 헀더

κΈ€μŽ„, μš°λ¦¬λŠ” Elementor와 λ‹€λ₯Έ 것을 μ‚¬μš©ν•˜μ—¬ 이 투λͺ…ν•œ 헀더λ₯Ό λ””μžμΈν–ˆμŠ΅λ‹ˆλ‹€. Elementor 투λͺ… 헀더 μ• λ“œμ˜¨ ν”ŒλŸ¬κ·ΈμΈ ElementsKit이라고 ν•©λ‹ˆλ‹€. 이제 κ²°κ³Όλ₯Ό 확인할 μ°¨λ‘€μž…λ‹ˆλ‹€.

투λͺ…성을 더 잘 μ΄ν•΄ν•˜κΈ° μœ„ν•΄ 헀더 μ•„λž˜μ— λͺ‡ 가지 μ„Ήμ…˜μ„ 더 μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 이 νŠœν† λ¦¬μ–Όμ—μ„œλŠ” 헀더 μ„Ήμ…˜ μ•„λž˜μ— 두 개의 이미지λ₯Ό μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€. μ΅œμ’… 좜λ ₯은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

Elementor κ³ μ • 헀더
투λͺ… μŠ€ν‹°μ»€ 헀더

그게 λ‹€μ•Ό! Elementor 투λͺ… 헀더 배경을 μ„±κ³΅μ μœΌλ‘œ λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. 이제 이 헀더λ₯Ό λ³΅μ‚¬ν•˜μ—¬ μ›Ήμ‚¬μ΄νŠΈμ˜ λͺ¨λ“  νŽ˜μ΄μ§€μ— μ μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

아직도 ν˜Όλž€μŠ€λŸ¬μ›Œμš”? 이 νŠœν† λ¦¬μ–Ό λΉ„λ””μ˜€λ₯Ό ν™•μΈν•˜μ„Έμš”:

ElementsKit μ‚¬μš©μžλ₯Ό μœ„ν•œ λ‹€μ–‘ν•œ 헀더 λ””μžμΈ

ElementsKitμ—λŠ” 기본적으둜 λ‹€μ–‘ν•œ 헀더 λ””μžμΈμ΄ λ‚΄μž₯λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€. 이 λͺ¨λ“  κΈ°λŠ₯은 μ„Έλ ¨λ˜κ³  λ…νŠΉν•˜λ©° μ‚¬μš©μžκ°€ 전체 μ›Ήμ‚¬μ΄νŠΈλ₯Ό νƒμƒ‰ν•˜λŠ” 데 도움이 λ©λ‹ˆλ‹€.

ElementsKit의 λͺ‡ 가지 헀더 λ””μžμΈμ„ μ‚΄νŽ΄λ³΄μ„Έμš”.

Elementor 투λͺ… 헀더

κ·Έλ¦Ό 1 – Elementor κ³ μ • 헀더

Elementor κ³ μ • 헀더

κ·Έλ¦Ό 2 – Elementor κ³ μ • 헀더

Elementor 투λͺ… 헀더 - ElementsKit - wpmet

κ·Έλ¦Ό 3 – Elementor κ³ μ • 헀더

Elementor κ³ μ • 헀더 - ElementsKit - Wpmet

  κ·Έλ¦Ό 4 – Elementor κ³ μ • 헀더

μš”μ†Œ λ˜λŠ” 투λͺ… 헀더 - ElementsKit - Wpmet

  κ·Έλ¦Ό 5 – Elementor κ³ μ • 헀더

이 λ””μžμΈλ“€ 정말 멋지지 μ•Šλ‚˜μš”? 예, λ‹€μŒμ„ μ‚¬μš©ν•˜μ—¬ 이와 같은 λ‹€μ–‘ν•œ 프리미엄 λ””μžμΈ λͺ©λ‘μ— μ•‘μ„ΈμŠ€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. ElementsKit.

μ™œ μ‚¬μš©ν•΄μ•Όν•©λ‹ˆκΉŒ? 투λͺ…ν•œ Elementor κ³ μ • 헀더?

Elementor용 λˆλˆν•œ 투λͺ… 헀더가 λ§ˆμŒμ— λ“€λ“  μ‹«λ“  ν•œ 번 μ‹œλ„ν•΄ λ³΄μ„Έμš”. 이 멋지고 νŠΈλ Œλ””ν•œ ν—€λ”λŠ” κ·€ν•˜μ˜ μ›Ήμ‚¬μ΄νŠΈμ— 큰 κ°€μΉ˜λ₯Ό λ”ν•΄μ€λ‹ˆλ‹€. μ—¬κΈ°μ—μ„œλŠ” μ›Ήμ‚¬μ΄νŠΈμ— 투λͺ… κ³ μ • 헀더λ₯Ό μ‚¬μš©ν•˜λŠ” λ„€ 가지 이유λ₯Ό λ‚˜μ—΄ν–ˆμŠ΅λ‹ˆλ‹€.

더 λ‚˜μ€ λΈŒλžœλ”©

수천 개의 νšŒμ‚¬κ°€ κΈ°λ³Έ 헀더에 둜고λ₯Ό λ„£μ—ˆμŠ΅λ‹ˆλ‹€. κ·Έλƒ₯ μš°μ—°μ΄λΌκ³  μƒκ°ν•˜μ‹œλ‚˜μš”?

μ•„λ‹ˆμš”! 

ㅏ Lucidpress의 λ³΄κ³ μ„œμ— λ”°λ₯΄λ©΄ λΈŒλžœλ“œ 둜고의 μΌκ΄€λœ ν‘œν˜„μ΄ μ¦κ°€ν•˜λŠ” κ²ƒμœΌλ‘œ λ‚˜νƒ€λ‚¬μŠ΅λ‹ˆλ‹€. μˆ˜μ΅μ€ μ•½ 33% μ¦κ°€ν–ˆμŠ΅λ‹ˆλ‹€. μ΄λŠ” λΈŒλžœλ“œ 둜고λ₯Ό μ²­μ€‘μ—κ²Œ λ³΄μ—¬μ£Όμ–΄μ•Όλ§Œ νšŒμ‚¬μ˜ μˆ˜μ΅μ„ 높일 수 μžˆλ‹€λŠ” 것을 μ˜λ―Έν•©λ‹ˆλ‹€.

Elementor의 κ³ μ • 헀더에 둜고λ₯Ό λ„£μœΌλ©΄ μ›Ήμ‚¬μ΄νŠΈ μ „μ²΄μ—μ„œ λ‘œκ³ κ°€ ν‘œμ‹œλ©λ‹ˆλ‹€. λ”°λΌμ„œ μ‚¬λžŒλ“€μ€ κ·€ν•˜μ˜ 둜고λ₯Ό 더 μ˜€λž«λ™μ•ˆ 보게 될 κ²ƒμž…λ‹ˆλ‹€. κ·€ν•˜μ˜ λΈŒλžœλ“œκ°€ 더 λ§Žμ€ μ‚¬λžŒλ“€μ—κ²Œ μΉœμˆ™ν•΄μ§€κ³  μˆ˜μ΅λ„ μ¦λŒ€λ  κ²ƒμž…λ‹ˆλ‹€.

더 λ‚˜μ€ μ‚¬μš©μž κ²½ν—˜

κ³ μ • 헀더λ₯Ό μ‚¬μš©ν•˜λ©΄ μ‚¬μš©μžκ°€ μ›Ήμ‚¬μ΄νŠΈλ₯Ό 더 λΉ λ₯΄κ²Œ 탐색할 수 μžˆμŠ΅λ‹ˆλ‹€. μ΅œμ†Œν•œμ˜ λ…Έλ ₯으둜 μ›ν•˜λŠ” 정보λ₯Ό 찾을 수 μžˆμŠ΅λ‹ˆλ‹€.

반면 κ³ μ • 헀더λ₯Ό μ‚¬μš©ν•˜λ©΄ μ‚¬μš©μžκ°€ 정보λ₯Ό μ°ΎλŠ” 데 더 λ§Žμ€ μ‹œκ°„μ΄ ν•„μš”ν•©λ‹ˆλ‹€. κΈ°λ³Έ 헀더λ₯Ό μ‚¬μš©ν•˜κΈ° μœ„ν•΄ 항상 맨 μœ„λ‘œ μŠ€ν¬λ‘€ν•˜κ³  싢은 μ‚¬λžŒμ€ μ—†μŠ΅λ‹ˆλ‹€. 결과적으둜 μ‚¬μš©μžλŠ” κ·€ν•˜μ˜ μ›Ήμ‚¬μ΄νŠΈλ₯Ό λ– λ‚©λ‹ˆλ‹€.

κΈ€μŽ„, 머리글을 맨 μœ„μ— 뢙일 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ 이것이 λ‹Ήμ‹ μ˜ μž„λ¬΄μ˜ 끝은 μ•„λ‹™λ‹ˆλ‹€. μš”μ¦˜ λŒ€λΆ€λΆ„μ˜ μ‚¬λžŒλ“€μ€ λͺ¨λ°”일 κΈ°κΈ°λ₯Ό 톡해 μ›Ήμ‚¬μ΄νŠΈλ₯Ό νƒμƒ‰ν•©λ‹ˆλ‹€. 헀더λ₯Ό 상단에 뢙이면 곡간이 쀄어듀고 λ‚΄μš©μ΄ 적게 ν‘œμ‹œλ©λ‹ˆλ‹€. μ‚¬μš©μž μΉœν™”μ μ΄μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

이 문제λ₯Ό ν•΄κ²°ν•˜λ €λ©΄ Elementor 투λͺ… 헀더λ₯Ό μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€. λ”°λΌμ„œ 헀더λ₯Ό 계속 ν‘œμ‹œν•  수 있고 λ°©λ¬Έμžμ—κ²Œ 더 λ§Žμ€ μ½˜ν…μΈ λ₯Ό ν‘œμ‹œν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. λ‘˜ λ‹€ 윈윈(win-win) 상황인 것 μ•„λ‹Œκ°€μš”?

검색 엔진 μˆœμœ„ ν–₯상

μ›Ήλ§ˆμŠ€ν„°λΌλ©΄ 검색 엔진이 μ‚¬μš©μž κ²½ν—˜μ—λ„ λ§Žμ€ 관심을 κ°–κ³  μžˆλ‹€λŠ” 사싀을 μ•Œκ³  계싀 κ²ƒμž…λ‹ˆλ‹€. μ΄λŠ” Google의 κ°€μž₯ μ€‘μš”ν•œ μˆœμœ„ μš”μ†Œ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€. μ΄λŠ” κ³ μ • ν—€λ”λ§Œμ΄ Googleμ—μ„œ κ·€ν•˜μ˜ μ›Ήμ‚¬μ΄νŠΈ μˆœμœ„λ₯Ό 높이고 더 λ§Žμ€ 잠재 고객을 μœ μΉ˜ν•˜λŠ” 데 도움이 λœλ‹€λŠ” 것을 μ˜λ―Έν•©λ‹ˆλ‹€.

고객을 μžƒκ³  μ‹ΆμŠ΅λ‹ˆκΉŒ? λ‚˜λŠ” κ·Έλ ‡κ²Œ μƒκ°ν•˜μ§€ μ•ŠλŠ”λ‹€!

λ”μš± μ‰¬μ›Œμ§„ 탐색

μ›Ήμ‚¬μ΄νŠΈλ₯Ό νƒμƒ‰ν•˜λŠ” 데 어렀움을 κ²ͺ은 적이 μžˆμŠ΅λ‹ˆκΉŒ?

κΈ€μŽ„, λ‚˜λŠ” 그것을 많이 μ§λ©΄ν–ˆμŠ΅λ‹ˆλ‹€!

항상 맨 μœ„λ‘œ μŠ€ν¬λ‘€ν•˜λŠ” 것은 μ›Ήμ‚¬μ΄νŠΈλ₯Ό λ°©λ¬Έν•˜λŠ” λ™μ•ˆ κ°€μž₯ μ§€λ£¨ν•˜κ±°λ‚˜ μ§€λ£¨ν•œ μΌμž…λ‹ˆλ‹€. μ²­μ€‘μ—κ²Œ 좔가적인 λ²ˆκ±°λ‘œμ›€μ„ μ£Όκ³  싢지 μ•Šλ‹€λ©΄ ν‘œμ€€ 헀더λ₯Ό μ§€κΈˆ λ‹Ήμž₯ 버렀야 ν•©λ‹ˆλ‹€.

κ·Έ λŒ€μ‹  Elementor λ§žμΆ€ν˜• 투λͺ… 헀더λ₯Ό λ””μžμΈν•˜κ³  κ³ κ°μ—κ²Œ 보닀 μ›ν™œν•œ 탐색 κ²½ν—˜μ„ μ œκ³΅ν•˜μ‹­μ‹œμ˜€. κ²Œλ‹€κ°€ λ‹€μŒμ„ μ‚¬μš©ν•˜μ—¬ λ‚΄λΉ„κ²Œμ΄μ…˜μ„ 맀우 μΉœμˆ™ν•˜κ²Œ λ§Œλ“€ μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. ν•œ νŽ˜μ΄μ§€ 탐색 WordPress.

μ΅œμ’… 단어

μ§€κΈˆκΉŒμ§€ Elementor 투λͺ… 헀더 배경을 μ‚¬μš©ν•΄μ•Όλ§Œ μ–Όλ§ˆλ‚˜ λ§Žμ€ 이점을 얻을 수 μžˆλŠ”μ§€ μ΄ν•΄ν•˜μ…¨μ„ κ²ƒμž…λ‹ˆλ‹€. μ§€κΈˆ μ›Ήμ‚¬μ΄νŠΈμ— 투λͺ…ν•œ κ³ μ • 헀더λ₯Ό μΆ”κ°€ν•˜κ³  μ›Ήμ‚¬μ΄νŠΈλ₯Ό μ΅œλŒ€ν•œ ν™œμš©ν•˜μ„Έμš”.

λ°”λΌκ±΄λŒ€, λ‹€μŒμ„ μ‚¬μš©ν•˜μ—¬ λ§žμΆ€ν˜• 투λͺ… μ ‘μ°© 헀더λ₯Ό 많이 λ””μžμΈν•  수 있기λ₯Ό λ°”λžλ‹ˆλ‹€. ElementsKit μš”μ†Œ μ• λ“œμ˜¨ 이 지침을 따라 Elementorλ₯Ό μ‹€ν–‰ν•˜μ„Έμš”.

Elementor의 κ³ μ • 투λͺ… 헀더에 κ΄€ν•΄ μΆ”κ°€ λ¬Έμ˜μ‚¬ν•­μ΄ μžˆλŠ” 경우 λŒ“κΈ€ μ„Ήμ…˜μ„ 톡해 μ•Œλ €μ£Όμ‹œκΈ° λ°”λžλ‹ˆλ‹€. μš°λ¦¬λŠ” κ·€ν•˜μ˜ λ¬Έμ œκ°€ ν•΄κ²°λ˜κΈ°λ₯Ό κ°„μ ˆνžˆ 기닀리고 μžˆμŠ΅λ‹ˆλ‹€.

쒋은 ν•˜λ£¨ λ³΄λ‚΄μ„Έμš”!

자주 λ¬»λŠ” 질문(FAQ)

이상적인 ν—€λ”μ˜ μš”μ†ŒλŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ?

쒋은 ν—€λ”μ—λŠ” 탐색을 μ›ν™œν•˜κ³  μœ μ—°ν•˜κ²Œ λ§Œλ“œλŠ” λͺ‡ 가지 ν•„μˆ˜ μš”μ†Œκ°€ ν¬ν•¨λ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€. 이상적인 ν—€λ”μ˜ ν•„μˆ˜ μš”μ†ŒλŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

  • μ‹¬λ²Œ 마크
  • 검색 μ°½
  • μ—°λ½μ²˜
  • μ–Έμ–΄ ν† κΈ€
  • 탐색 메뉴
  • μ†Œμ…œ λ―Έλ””μ–΄ μ•„μ΄μ½˜
  • CTA
  • μž₯λ°”κ΅¬λ‹ˆ μ•„μ΄μ½˜

λ‹€μ–‘ν•œ μœ ν˜•μ˜ μž₯μΉ˜μ— 투λͺ… 헀더λ₯Ό κ³ μ •ν•˜λ €λ©΄ μ–΄λ–»κ²Œ ν•΄μ•Ό ν•©λ‹ˆκΉŒ?

운 μ’‹κ²Œλ„ κ³ μ • 헀더λ₯Ό μœ μ§€ν•˜λ €λŠ” μž₯치 μœ ν˜•μ„ 선택할 수 μžˆμŠ΅λ‹ˆλ‹€. λͺ¨λ°”일, νƒœλΈ”λ¦Ώ λ˜λŠ” λ°μŠ€ν¬ν†± μ‚¬μš©μžλ₯Ό μœ„ν•΄ 투λͺ… κ³ μ • 헀더λ₯Ό 섀정할지 μ—¬λΆ€λ₯Ό 자유둭게 μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λͺ¨λ“  μœ ν˜•μ˜ μž₯μΉ˜μ— 투λͺ… 헀더 고정을 μ„€μ •ν•˜λ €λ©΄ λͺ¨λ“  μž₯μΉ˜μ— 고정을 μ„€μ •ν–ˆλŠ”μ§€ ν™•μΈν•˜μ‹­μ‹œμ˜€.

μš”μ†Œ λ˜λŠ” 투λͺ… 헀더 메뉴 μ‚¬μš©μž μ •μ˜
λͺ¨λ°”일, νƒœλΈ”λ¦Ώ 및 λ°μŠ€ν¬ν†±μš© Elementor κ³ μ • 헀더 μ„€μ •

쒋은 ν—€λ”λž€ λ¬΄μ—‡μž…λ‹ˆκΉŒ?

쒋은 ν—€λ”λŠ” 읽기 μ‰¬μ›Œμ•Ό ν•˜λ©° μ‚¬μ΄νŠΈμ˜ λͺ¨λ“  ν•„μˆ˜ νŽ˜μ΄μ§€λ₯Ό 포함해야 ν•©λ‹ˆλ‹€. κ²Œλ‹€κ°€ 색상 λŒ€λΉ„μ™€ 글꼴도 λˆˆμ— λ„κ²Œ λ§Œλ“œλŠ” 데 μ€‘μš”ν•œ 역할을 ν•©λ‹ˆλ‹€. 헀더에 λ„ˆλ¬΄ λ§Žμ€ ν•­λͺ©μ„ ν¬ν•¨ν•˜κΈ°λ³΄λ‹€λŠ” ν™•μž₯ κ°€λŠ₯ν•˜κ²Œ λ§Œλ“€μ–΄μ•Ό ν•©λ‹ˆλ‹€. ν•„μˆ˜ μš”μ†Œλ₯Ό ν¬ν•¨ν•˜λ©΄ λΈŒλžœλ“œ 아이덴티티λ₯Ό μ„±κ³΅μ μœΌλ‘œ μœ μ§€ν•˜κ³  μ†μ‰½κ²Œ 탐색할 수 μžˆλŠ” 쒋은 헀더가 λ©λ‹ˆλ‹€.

Elementor κ³ μ • 헀더λ₯Ό μ„€μ •ν•˜λ €λ©΄ μ‚¬μš©μž μ •μ˜ CSSλ₯Ό μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆκΉŒ?

μ•„λ‹ˆμš”. ElementsKit proλ₯Ό μ‚¬μš©ν•˜λ©΄ ElementsKit Sticky μ„€μ •μ—μ„œ μ›ν•˜λŠ” 거의 λͺ¨λ“  것을 얻을 수 μžˆμŠ΅λ‹ˆλ‹€. Elementor에 λŒ€ν•œ 투λͺ…ν•œ κ³ μ • 헀더λ₯Ό κ΅¬μΆ•ν•˜κΈ° μœ„ν•΄ μ‚¬μš©μž μ •μ˜ CSSλ₯Ό μ‚¬μš©ν•  ν•„μš”λŠ” μ—†μŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ μ—¬μ „νžˆ μ‚¬μš©μž μ •μ˜ CSSλ₯Ό μΆ”κ°€ν•˜κ³  μ‹Άλ‹€λ©΄ "ν‚·-κ³ μ • 효과 클래슀 μ˜€ν”„μ…‹ μΆ”κ°€"와 κΈ°λŠ₯ ν…Œλ§ˆλ₯Ό ν™œμš©ν•˜μ—¬ CSS μ½”λ“œλ‘œ μž‘μ—…μ„ μ™„λ£Œν•˜μ„Έμš”.

κ³ μ •λ˜μ–΄ μžˆμ§€λ§Œ 투λͺ…ν•˜μ§€ μ•Šμ€ μš”μ†Œ 헀더λ₯Ό μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

예, κ·Έλ ‡κ²Œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 헀더λ₯Ό 투λͺ…ν•˜κ²Œ λ§Œλ“€μ§€ μ•Šκ³  κ³ μ •λ˜κ²Œ λ§Œλ“€κ³  μ‹Άλ‹€λ©΄ κ³ μ • 헀더λ₯Ό '상단'으둜 μ„€μ •ν•œ λ‹€μŒ "κ³ μ • 배경색" μ„€μ •μ—μ„œ 배경색을 μ›ν•˜λŠ” μƒ‰μƒμœΌλ‘œ λ³€κ²½ν•˜λ©΄ λ©λ‹ˆλ‹€.

Elementor Sticky Headerλ₯Ό μ‚¬μš©ν•˜λ €λ©΄ Elementor Proκ°€ ν•„μš”ν•©λ‹ˆκΉŒ?

μ•„λ‹ˆμš”, ElementsKit Proκ°€ ν¬ν•¨λœ Elementor 무료 버전이 μžˆλŠ” 경우 Elementor 헀더λ₯Ό 투λͺ…ν•˜κ³  κ³ μ •λ˜κ²Œ λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.

κ·ΈλŸ¬λ‹ˆ μ„œλ‘˜λŸ¬μ„œ ElementsKit을 μ‚¬μš©ν•˜μ—¬ WordPress μ‚¬μ΄νŠΈμ— Elementor용 κ³ μ • 헀더λ₯Ό λ§Œλ“œμ„Έμš”. 헀더λ₯Ό κ³ μ •μ„±κ³Ό 투λͺ…성을 λ™μ‹œμ— λ§Œλ“€ 수 μžˆλŠ”λ° μ™œ 기회λ₯Ό λ†“μΉ κΉŒμš”?


μ½”λ©˜νŠΈ

  1. μ‚°λ“œλΌ
    μ‚°λ“œλΌ

    μ†”μ§νžˆ λ§ν•΄μ„œ ν”„λ‘œμ„ΈμŠ€λ₯Ό λͺ…ν™•ν•˜κ²Œ 보여쀄 μˆ˜λ„ μžˆμ§€λ§Œ 유료 λ²„μ „μ—μ„œ ν•΄λ‹Ή μ˜΅μ…˜μ„ μ‚¬μš©ν•  수 μžˆλ‹€λŠ” κ°€μž₯ μ€‘μš”ν•œ 점을 μ–ΈκΈ‰ν•˜μ§€ μ•Šμ•˜μœΌλ―€λ‘œ μ‹œκ°„μ„ λ‚­λΉ„ν–ˆμŠ΅λ‹ˆλ‹€. 이것은 맀우 μ€‘μš”ν•œ μ •λ³΄μž…λ‹ˆλ‹€. λˆ„κ΅°κ°€κ°€ κ·€ν•˜μ˜ 웹을 톡해 κ΅¬λ§€ν•˜λ©΄ μ•½κ°„μ˜ μ»€λ―Έμ…˜μ„ 받을 수 μžˆλ‹€λŠ” 점을 μ•Œκ³  μžˆμ§€λ§Œ μ΄λŠ” 맀우 μ§œμ¦λ‚˜λŠ” μΌμž…λ‹ˆλ‹€.

    1. ν•˜μ‹œλΈŒ
      ν•˜μ‹œλΈŒ

      μ•ˆλ…•ν•˜μ„Έμš” Sandraλ‹˜, ν”Όλ“œλ°±μ„ λ³΄λ‚΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. μ—¬κΈ°μ—μ„œλŠ” 초보자λ₯Ό 포함해 λˆ„κ΅¬λ‚˜ 따라할 수 μžˆλŠ” 과정을 λ³΄μ—¬λ“œλ ΈμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ 무료둜 ν•˜κ³  μ‹Άλ‹€λ©΄ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ 그러렀면 λ„ˆλ¬΄ λ§Žμ€ μ‹œκ°„κ³Ό λ…Έλ ₯이 ν•„μš”ν•©λ‹ˆλ‹€.

λ‹΅κΈ€μ“°κΈ°

이메일은 ν‘œμ‹œλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. ν•„μˆ˜ ν•„λ“œλŠ” *둜그인이 λ©λ‹ˆλ‹€