home
μ•ŒνŒŒ μ—…μ…€πŸ‘†πŸ»
///
home
μ•ŒνŒŒ μ—…μ…€πŸ‘†πŸ»
μ•ŒνŒŒ ν‘Έμ‹œπŸ‘†πŸ»
ν‘Έμ‹œ 프리미엄 πŸ’«
///
πŸ“Ί

λ°°λ„ˆ 관리 πŸ†•

κΈ°λŠ₯ μ‚¬μš© μ „ λ°˜λ“œμ‹œ 필독!

μ»€μŠ€ν…€ μ„€μ • μ‹œ [카페24 λ””μžμΈ > html λ‚΄ μ½”λ“œ μ‚½μž…] κΉŒμ§€ λͺ¨λ‘ μ™„λ£Œ ν•΄μ£Όμ…”μ•Ό μ‡Όν•‘λͺ° λ‚΄μ—μ„œ λ³΄μ—¬μ§€κ²Œ λ©λ‹ˆλ‹€
직접 μ„€μΉ˜κ°€ μ–΄λ ΅λ‹€λ©΄? 1:1 상담을 톡해 PC/MO의 μ‚½μž… 희망 μœ„μΉ˜κ°€ ν‘œμ‹œ 된 이미지λ₯Ό 전달 ν•΄μ£Όμ„Έμš”! μ„€μΉ˜ μž‘μ—…μ„ λ„μ™€λ“œλ €μš”(3~5 μ˜μ—…μΌ μ†Œμš”)
카페24둜 λ°°λ„ˆ 이미지λ₯Ό μ„€μ • 해두셨닀면 μ€‘λ³΅μœΌλ‘œ λ³΄μ—¬μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€
기쑴에 μ„€μ • ν•΄λ‘μ—ˆλ˜ λ°°λ„ˆλ₯Ό μ‚­μ œν•˜κ³  μ‹ΆμœΌμ‹œλ‹€λ©΄ 카페24λ₯Ό 톡해 확인 ν•΄μ£Όμ„Έμš”!
카페24 λ°°λ„ˆ μ„€μ • 확인 방법

λ°°λ„ˆ κ΄€λ¦¬λž€?

λ°°λ„ˆ 관리 κΈ°λŠ₯으둜 νŽΈλ¦¬ν•˜κ²Œ 이미지&λ™μ˜μƒμ„ 넣을 수 μžˆμ–΄μš”
λ°°λ„ˆ 이미지λ₯Ό λ§Œλ“€μ—ˆλŠ”λ° html이 뭐지? λ„ˆλ¬΄ μ–΄λ €μ›Œ!
μœ νŠœλΈŒμ— μ—…λ‘œλ“œ λ˜μ–΄μžˆλŠ” μƒν’ˆ κ΄‘κ³  μ˜μƒμ„ μ‡Όν•‘λͺ°μ—μ„œλ„ 보여 쀄 수 μ—†μ„κΉŒ?
μ‡Όν•‘λͺ°μ— 이미지λ₯Ό λ„£κ³  μ‹Άμ§€λ§Œ 방법이 μ–΄λ €μ›Œ κ³ λ―Όν•˜κ³  κ³„μ‹ κ°€μš”?
μ•ŒνŒŒ ν‘Έμ‹œμ˜ λ°°λ„ˆ 관리 κΈ°λŠ₯을 μ‚¬μš©ν•˜μ‹œλ©΄ μ‡Όν•‘λͺ° λ‚΄ μ›ν•˜λŠ” μœ„μΉ˜μ— 이미지&λ™μ˜μƒμ„ 넣을 수 μžˆμ–΄μš”!
html에 직접 μ½”λ“œλ₯Ό μ„€μΉ˜ν•΄μ•Όν•˜λŠ” μ–΄λ €μš΄ 방법은 그만!
이미지&λ™μ˜μƒμ„ μ²¨λΆ€λ§Œν•˜λ©΄ μžλ™μœΌλ‘œ λ“±λ‘λ˜κ³  자유둭게 on/off ν•  수 μžˆλŠ” νŽΈλ¦¬ν•œ κΈ°λŠ₯으둜
μ‡Όν•‘λͺ°μ— λ°©λ¬Έν•œ 고객의 λˆˆκΈΈμ„ μ‚¬λ‘œμž‘λŠ” λ‹€μ–‘ν•œ μ½˜ν…μΈ λ₯Ό 등둝 ν•΄λ³΄μ„Έμš”
λ§Œμ•½ μ§€μ •λœ μœ„μΉ˜(전체 νŽ˜μ΄μ§€ μ΅œμƒλ‹¨, μƒμ„ΈνŽ˜μ΄μ§€ 상/ν•˜λ‹¨)κ°€ μ•„λ‹Œ λ‹€λ₯Έ μœ„μΉ˜μ— 이미지&λ™μ˜μƒμ„ λ„£κ³  μ‹Άλ‹€λ©΄
μ»€μŠ€ν…€ μ„€μ • ν›„ μ½”λ“œλ₯Ό λ³΅μ‚¬ν•˜μ—¬ 직접 μ„€μΉ˜λ₯Ό ν•΄μ£Όμ„Έμš”!
직접 μ„€μΉ˜κ°€ μ–΄λ €μš°μ‹  경우 1:1 상담을 톡해 μ‚½μž… μœ„μΉ˜λ₯Ό 전달 ν•΄μ£Όμ‹œλ©΄ μ„€μΉ˜ μž‘μ—…μ„ λ„μ™€λ“œλ¦¬κ³  μžˆμŠ΅λ‹ˆλ‹€(3~5 μ˜μ—…μΌ μ†Œμš”)

1. λ°°λ„ˆ μ„€μ •ν•˜κΈ° (μžλ™ μ„€μΉ˜)

접속 경둜: [프리미엄 > λ°°λ„ˆκ΄€λ¦¬]

1.
μœ„ 경둜둜 λŒ€μ‹œλ³΄λ“œ 접속 ν›„ 이미지 λ˜λŠ” λ™μ˜μƒμ„ μΆ”κ°€ ν•  PC/MO의 λ””μžμΈ μŠ€ν‚¨μ„ μ„ νƒν•΄μ£Όμ„Έμš”
이미 λ‹€λ₯Έ μŠ€ν‚¨μ— 섀정을 해두셨더라도 λ‹€λ₯Έ μŠ€ν‚¨μ— 이미지 λ˜λŠ” λ™μ˜μƒμ„ μΆ”κ°€ ν•  수 μžˆμ–΄μš”
2.
+λ°°λ„ˆ κ·Έλ£Ή μΆ”κ°€ λ²„νŠΌμ„ λˆŒλŸ¬μ£Όμ„Έμš”
3.
μΆ”κ°€ 될 λ°°λ„ˆ μ’…λ₯˜λ₯Ό 선택 ν•΄ 섀정을 μ™„λ£Œ ν•΄μ£Όμ„Έμš”
β€’
λ λ°°λ„ˆ: μ‡Όν•‘λͺ° μ΅œμƒλ‹¨μ—μ„œ λ³΄μ—¬μ§€λŠ” ν˜•μ‹ (ν…μŠ€νŠΈλ§Œ 등둝 μ„€μ • ν•  수 μžˆμ–΄μš”)
β€’
μ½˜ν…μΈ  λ°°λ„ˆ: νŽ˜μ΄μ§€ μ•ˆμ— 이미지가 μ‚½μž…λ˜λŠ” ν˜•μ‹ (JPG.PNG ν˜•μ‹μ˜ 이미지 파일 λ˜λŠ” 이미지 및 λ™μ˜μƒμ˜ URL만 μ„€μ • ν•  수 μžˆμ–΄μš”)
μ›ν•˜μ‹œλŠ” λ°°λ„ˆ μ’…λ₯˜λ₯Ό 클릭해 μ„€μ • 방법을 확인 ν•΄λ³΄μ„Έμš”!

λ λ°°λ„ˆ μ„€μ • 상세

μ½˜ν…μΈ  λ°°λ„ˆ μ„€μ • 상세

λ λ°°λ„ˆ/μ½˜ν…μΈ  λ°°λ„ˆ 곡톡
β€’
μ½˜ν…μΈ  μ„€μ •
β—¦
μ½˜ν…μΈ κ°€ μ—¬λŸ¬κ°œμΌλ•Œ 1,2,3번의 μˆœμ„œλŒ€λ‘œ 보여지고, μ•„μ΄μ½˜μ„ ν΄λ¦­ν•œμ±„λ‘œ λ“œλž˜κ·Έ μ‹œ μˆœμ„œλ₯Ό λ°”κΏ€ 수 μžˆμ–΄μš”
μ‚¬μš© 쀑 토글을 ν΄λ¦­ν•˜λ©΄ off둜 λ³€κ²½ 되고, λΉ„ν™œμ„±ν™” 된 μ½˜ν…μΈ λŠ” 더이상 λ…ΈμΆœλ˜μ§€ μ•Šμ•„μš”
β€’
λ°°λ„ˆ 정보
β—¦
μ—¬λŸ¬κ°œμ˜ λ°°λ„ˆλ₯Ό μ„€μ • ν•΄λ‘μ…¨μ„λ•Œ, κ΄€λ¦¬μžκ°€ μ‰½κ²Œ ꡬ뢄 ν•  수 μžˆλ„λ‘ κ°„λ‹¨ν•œ 정보 및 νžˆμŠ€ν† λ¦¬λ₯Ό μž…λ ₯ ν•  수 μžˆμ–΄μš”

2. μ»€μŠ€ν…€ μ„€μ • (직접 μ„€μΉ˜)

μ»€μŠ€ν…€ μ„€μ • μ‹œ [카페24 λ””μžμΈ > html λ‚΄ μ½”λ“œ μ‚½μž…] κΉŒμ§€ λͺ¨λ‘ μ™„λ£Œ ν•΄μ£Όμ…”μ•Ό μ‡Όν•‘λͺ° λ‚΄μ—μ„œ λ³΄μ—¬μ§€κ²Œ λ©λ‹ˆλ‹€
직접 μ„€μΉ˜κ°€ μ–΄λ ΅λ‹€λ©΄? 1:1 상담을 톡해 PC/MO의 μ‚½μž… 희망 μœ„μΉ˜κ°€ ν‘œμ‹œ 된 이미지λ₯Ό 전달 ν•΄μ£Όμ„Έμš”! μ„€μΉ˜ μž‘μ—…μ„ λ„μ™€λ“œλ €μš”(3~5 μ˜μ—…μΌ μ†Œμš”)

접속 경둜: [프리미엄 κΈ°λŠ₯ > λ°°λ„ˆκ΄€λ¦¬]

1.
μ»€μŠ€ν…€ μ„€μ • 클릭 ν›„ λ°°λ„ˆ 섀정을 μ™„λ£Œ ν•΄μ£Όμ„Έμš”
μ„€μ • λ©”λ‰΄λŠ” μžλ™ μ„€μΉ˜μ™€ 동일 ν•©λ‹ˆλ‹€
2.
λ°°λ„ˆ 이미지 μ‚½μž…μ„ μœ„ν•΄ html μ‚½μž… μ½”λ“œλ₯Ό 볡사 ν•΄μ£Όμ„Έμš”
카페24 html μ„€μΉ˜ λ™μ˜μƒ 보기(쀀비쀑)
3.
카페24 μ–΄λ“œλ―Ό 둜그인 ν›„ λ””μžμΈ νŽΈμ§‘μ„ 클릭 ν•΄μ£Όμ„Έμš”
λ§Œμ•½ λŒ€ν‘œ λ””μžμΈμ΄ μ•„λ‹Œ μŠ€ν‚¨μ— μ„€μΉ˜λ₯Ό μ›ν•˜μ‹œλŠ” 경우 λ””μžμΈ λ³΄κ΄€ν•¨μ—μ„œ ν•΄λ‹Ή μŠ€ν‚¨μ˜ λ””μžμΈμ„ νŽΈμ§‘ ν•΄μ£Όμ„Έμš”
잠깐!
1.
λ°˜μ‘ν˜• μŠ€ν‚¨μ΄ μ•„λ‹ˆλΌλ©΄ PC와 λͺ¨λ°”일 μŠ€ν‚¨ λͺ¨λ‘ μ„€μΉ˜ μž‘μ—…μ„ ν•΄μ£Όμ…”μ•Ό ν•©λ‹ˆλ‹€
(λ°˜μ‘ν˜• μŠ€ν‚¨μ€ 1개의 μŠ€ν‚¨ λ””μžμΈμ΄ ν™”λ©΄ λ„ˆλΉ„λ₯Ό 인식해 μžλ™μœΌλ‘œ PC/MO λ””μžμΈμ΄ μ „ν™˜λ˜λŠ” μŠ€ν‚¨μ„ λœ»ν•©λ‹ˆλ‹€)
2.
슀마트 λ””μžμΈ Easy도 html μˆ˜μ •μ΄ κ°€λŠ₯ ν•©λ‹ˆλ‹€
이해λ₯Ό 돕기 μœ„ν•œ μ˜ˆμ‹œ μ΄λ―Έμ§€λ‘œ μ‹€μ œ 적용 μœ„μΉ˜λŠ” λ‹€λ₯Ό 수 μžˆμŠ΅λ‹ˆλ‹€
4.
μ›ν•˜λŠ” μœ„μΉ˜λ₯Ό μ°Ύμ•„ 볡사해둔 μ½”λ“œλ₯Ό λΆ™μ—¬ λ„£μ–΄μ£Όμ„Έμš”
5.
λ””μžμΈ νŽΈμ§‘μ°½ 쒌츑 μƒλ‹¨μ˜ μ €μž₯ λ²„νŠΌμ„ ν΄λ¦­ν•œ λ’€ μ‡Όν•‘λͺ°μ˜ μΊμ‹œ/μΏ ν‚€ μ‚­μ œ ν›„ 적용 된 λͺ¨μŠ΅μ„ 확인 ν•΄λ³΄μ„Έμš”
λ―Έλ¦¬λ³΄κΈ°μ—μ„œ μ‚½μž…μ„ μ›ν•˜λŠ” μœ„μΉ˜ 상/ν•˜λ‹¨μ— μžˆλŠ” μ˜μ—­μ„ ν΄λ¦­ν•΄λ³΄μ„Έμš”
HTMLμ—μ„œ 음영 처리 된 μ˜μ—­μ΄ ν΄λ¦­ν•œ μ˜μ—­μ΄λ―€λ‘œ, 음영 처리 된 λ°•μŠ€λ₯Ό κΈ°μ€€μœΌλ‘œ μœ„μΉ˜λ₯Ό 찾을 수 μžˆμ–΄μš”
μ˜ˆμ‹œ 이미지

3. μ—¬λ°± μΆ”κ°€ν•˜λŠ” 방법

기본적으둜 이미지 μ‚½μž… μ‹œ κΈ°μ‘΄ λ””μžμΈμ„ λ°€μ–΄λ‚΄κ³  λ°°λ„ˆ 이미지가 μ‚½μž… λ˜λŠ” λ°©μ‹μœΌλ‘œ μžλ™ μ„€μΉ˜ λ©λ‹ˆλ‹€
λ‹€λ§Œ μ‡Όν•‘λͺ° λ””μžμΈ ꡬ쑰가 νŠΉμˆ˜ν•œ 경우 λ°°λ„ˆ 이미지가 μ‚½μž…λ˜λ©΄μ„œ 기쑴의 μ‡Όν•‘λͺ° λ””μžμΈκ³Ό 겹쳐질 수 μžˆμ–΄μš”
μ΄λ•Œ λ°°λ„ˆ 이미지 ν•˜λ‹¨μ— 여백을 μΆ”κ°€λ‘œ μ‚½μž…ν•΄μ„œ 기쑴의 λ””μžμΈκ³Ό 겹쳐 보이지 μ•Šλ„λ‘ ν•΄μ£Όμ‹œλ©΄ κ°„λ‹¨ν•˜κ²Œ ν•΄κ²° λ©λ‹ˆλ‹€
우츑 이미지와 같은 κ²½λ‘œμ—μ„œ μ½˜ν…μΈ  μ„€μ • ν•˜λ‹¨μ— html을 μ‚½μž…ν•˜λŠ” 창에 μ•„λž˜μ˜ μ½”λ“œλ₯Ό 볡사해 λΆ™μ—¬λ„£κ³  μ €μž₯ν•΄μ£Όμ„Έμš”! (λ λ°°λ„ˆ 경둜 동일)
카페24 λ””μžμΈμ—μ„œ λ³„λ„μ˜ μˆ˜μ •μ„ ν•˜μ§€ μ•ŠμœΌμ‹œλ”λΌλ„ μ•ŒνŒŒν‘Έμ‹œ λ‚΄ html 섀정이 μ μš©λ©λ‹ˆλ‹€
<script>document.addEventListener('DOMContentLoaded', () => { postMessageToOrigin('handleCustomBanner', 'header_fixed');});</script>
HTML
볡사
μ„€μ • μ™„λ£Œ ν›„ μ‡Όν•‘λͺ°μ˜ μΊμ‹œ/μΏ ν‚€λ₯Ό μ‚­μ œ ν•΄μ„œ 확인 ν•΄μ£Όμ‹œλ©΄ λ˜λŠ”λ°, λ§Œμ•½ μ„€μ • 후에도 이미지가 κ²ΉμΉ˜λŠ” ν˜„μƒμ΄ ν•΄κ²°λ˜μ§€ μ•ŠλŠ” 경우
1:1 상담을 톡해 전달 ν•΄μ£Όμ„Έμš”!
λ™μΌν•œ μœ„μΉ˜μ— 이미지λ₯Ό μ—¬λŸ¬κ°œ 등둝 해두셨더라도 1개의 μ½˜ν…μΈ μ—λ§Œ 여백을 μ‚½μž…ν•΄μ£Όμ„Έμš”

λ‹€λ₯Έ κΈ°λŠ₯ 확인 ν•˜κΈ°

μ„ λ¬Όν•˜κΈ°πŸ†•
μƒν’ˆ μΆ”μ²œ λ©”μ‹œμ§€
탐색 μœ λ„ μž₯치
μ˜¨μ‚¬μ΄νŠΈ 캠페인