์ฒ ํ•™ ์„ฑํ–ฅ ํ…Œ์ŠคํŠธ

2010๋…„ 2์›” 12์ผ

์„œํ•‘์„ ํ•˜๋ฉด์„œ ์šฐ์—ฐํžˆ ์žฌ๋ฏธ๋‚˜๋Š” ์ฒ ํ•™์„ฑํ–ฅ ํ…Œ์ŠคํŠธ๋ผ๋Š” ๊ฒƒ์„ ์ ‘ํ–ˆ๋‹ค.
ํ…Œ์ŠคํŠธ ํ›„ ๊ฒฐ๊ณผ๋ฅผ ํŠธ๋ž™๋ฐฑ(์—ฎ์ธ๊ธ€)๋กœ ๋ณด๋‚ด๋ฉด ์ถ”์ฒจ์„ ํ•ด์„œ ๊ด€๋ จ์„œ์ ๊ณผ ์ค€๋น„๋œ ์—ฌํƒ€ ์ƒํ’ˆ์„ ๋ณด๋‚ด์ค€๋‹ค๋Š” ์ด๋ฒคํŠธ๋„ ์žˆ์–ด ์ด๋‚ด ํ˜ธ๊ธฐ์‹ฌ์ด ๋ฐœ๋™ํ–ˆ๋‹ค.
๊ทธ์ € ๋‚š์ด๋Š”๊ฑธ๊นŒ ? ํ•˜๋Š” ์†Œ์‹ฌํ•œ ์˜์‹ฌ๋„ ํ•œํŽธ ์žˆ๊ธฐ๋Š” ํ•˜์ง€๋งŒ ์žฌ๋ฏธ์žˆ๋Š” ํ…Œ์ŠคํŠธ์ธ์ง€๋ผ ์ฐธ์—ฌํ•ด ๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ใ…Žใ…Ž

์ฒ ํ•™์€ ํ‰์†Œ ์šฐ๋ฆฌ ์ƒํ™œ์†์—์„œ๋„ ๋งŽ์ด ๋А๋ผ๊ณ  ๋‚˜๋ฆ„ ์ •๋ฆฌํ•˜๊ณ  ์ž์‹ ์˜ ํ–‰๋™๊ณผ ํŒ๋‹จ์— ๊นƒ๋“ค์—ฌ ์žˆ๋Š” ๊ฒƒ์ด ์ฒ ํ•™์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์žˆ๋‹ค. ์„ฑ์ธ์ด ๋˜์–ด์„œ ์ œ๋„๊ถŒ๋‚ด์˜ ์†Œ์œ„ ์‚ฌํšŒ์ƒํ™œ์ด๋ผ๋Š” ๊ฒƒ์„ ํ•˜๊ฒŒ ๋˜๋ฉด์„œ๋ถ€ํ„ฐ ์‚ฌ์‹ค, ๋‚˜๋ฆ„์˜ ๊ฐ€์น˜๊ด€์ด๋ผ๊ณ  ํ•˜๋Š” ๊ฒƒ์€ ๋ˆ„๊ตฌ๋‚˜ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๊ณ  ๋ณด๋Š”๋ฐ ๊ทธ๊ฒƒ์ด ๊ณง ์ฒ ํ•™์ด๊ณ  ๊ทธ ์†์—์„œ ๊ณตํ†ต๋ถ„๋ชจ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ์ด ๋‹น์—ฐํžˆ ์•Œ์•„์•ผ ํ•  ๋ฒ•์งˆ์„œ๋ผ๋“ ๊ฐ€ ๋„๋•์ด๋ผ๋“ ๊ฐ€ ์˜ˆ์ ˆ(์—ํ‹ฐ๊ฒŸ) ๊ธฐ๋ณธ ์ƒ์‹๋“ฑ์ด๊ณ  ๋‚˜๋จธ์ง€๋Š”, ์ฐธ ์ฃผ๊ด€์ ์ด์ง€๋งŒ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ๋‹ค์–‘ํ•˜๊ณ  ์„œ๋กœ ๋‹ค๋ฅธ ์ƒ‰์˜ ๊ฐ€์ง€์น˜๊ด€์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ์ด ์ด ์‚ฌํšŒ์˜ ํ˜„์ƒ์˜ ํ•œ ๋ฉด์ด๋ผ๊ณ  ๋ณด๋ฉด ์ฒ ํ•™์€ ์‚ฌ์‹ค ์šฐ๋ฆฌ์˜ ํ˜„์žฌ ๋ชจ์Šต์ด์ž ์ƒํ™œ์ธ ๊ฒƒ์ด๋‹ค.

์„ฑ์ธ์ด ๋˜๊ธฐ๊นŒ์ง€ ์–ด๋А์ •๋„์˜ ๊ธฐ๋ณธ์ ์ธ ์ œ๋„๊ถŒ ๊ต์œก์„ ์ด์ˆ˜ํ•˜๊ณ  ๋‚˜๋ฉด ๋ณธ๋Šฅ์ ์œผ๋กœ ์ƒ๊ฐํ•˜๊ณ  ํ–‰๋™ํ•˜๊ณ  ๋”ฐ๋ฅด๋Š” ๊ฒƒ์ด ์ƒ๊ฒจ๋‚˜๊ฒŒ ๋˜๊ณ  ๋˜ํ•œ ๊ทธ ๊ฐ€์šด๋ฐ ๋‚˜๋ฆ„์˜ ๊ธฐ์ค€์ด ์ƒ๊ธฐ๊ณ  ๊ทธ๊ฒƒ์„ ์ƒํ™œํ™”ํ•ด์„œ ์ต์ˆ™ํ•ด ์ง€๊ธฐ๊นŒ์ง€ ์•Œ๊ฒŒ ๋ชจ๋ฅด๊ฒŒ ์ฒ ํ•™์€ ์‚ฌ์‹ค์ƒ ์šฐ๋ฆฌ ์ƒํ™œ ๊ทธ ์ž์ฒด๋ผ๊ณ  ๋ณด์•„๋„ ์ง€๋‚˜์นœ ๋ง์€ ์•„๋‹ˆ๋ผ๋Š” ๊ฒƒ์ด๋‹ค.

ํ‰์†Œ์˜ ๋‚ด ์ƒ๊ฐ์€ ์ฒ ํ•™์€ ์žฌ๋ฏธ์žˆ์–ด์•ผ ํ•˜๊ณ  ํ˜„์‹ค์— ๋ฐ˜์˜๋˜๋Š”, ์ž์‹ ์—๊ฒŒ ์ค‘์š”ํ•œ ์ง€์นจ์ด ๋˜์–ด์•ผ ํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์žˆ๋‹ค. ์ž์‹ ์„ ๋Œ์•„๋ณด๋Š” ์‹œ์ ๊ณผ ์ •ํ™•ํ•œ ์•ˆ๋ชฉ์„ ๋Š˜๋ ค์ฃผ๊ณ  ์•„์šธ๋Ÿฌ ์„ธ์ƒ์„ ๋„“๊ฒŒ ๋ณด๋Š” ์‹œ๊ฐ์„ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ๊ณง ์‚ถ์˜ ์ž์„ธ์š”, ๊ทธ๋Ÿฌํ•œ ์‚ถ์˜ ๊ธฐ๋ฐ˜์ธ ์ฒ ํ•™์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

Dropping in Your Own Logo

2010๋…„ 1์›” 13์ผ

์ถœ์ฒ˜ : Dropping in Your Own Logo

Providing the client some administrative branding can be quick and easy. Hereโ€™s how to replace the default WordPress โ€œWโ€ logo in the administrative header with a custom alternative.

First, create an image that fits the allocated space. As of WordPress 2.8, the logo is a 30 pixels wide and 31 pixels tall transparent GIF. When using a transparent GIF or 8-bit PNG, ensure that the image matte matches the header background color: hex value 464646.

A logo named โ€œcustom_logo.gifโ€ inside the template directoryโ€™s image subfolder can substitute the default WordPress logo with the following code inside the themeโ€™s โ€œfunctions.phpโ€ file.

//hook the administrative header output
add_action('admin_head', 'my_custom_logo');

function my_custom_logo() {
   echo '


   ';
}

์ง€๊ฒจ์šด Css Hack

2010๋…„ 1์›” 8์ผ

[์ถœ์ฒ˜] Browser CSS hacks | ์ž‘์„ฑ์ž – Paul Irish

์›น๊ฐœ๋ฐœ์ชฝ์—๋Š” ๋ฌธ์™ธํ•œ์ธ ๋‚ด๊ฐ€ ์ด๊ฒƒ ์ €๊ฒƒ ๋‘์„œ ์—†์ด ๊ณต๋ถ€ํ•˜๋‹ค๋ณด๋‹ˆ ์ด๋Ÿฌํ•œ ๋‚ด์šฉ๊นŒ์ง€ ์ฐธ๊ณ ํ•ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ๊นŒ์ง€ ์˜ค๊ฒŒ๋œ๋‹ค.ย  ํ”ํžˆ๋“ค ๋งํ•˜๋Š” ๊ฐœ๋ฐœ์ž๋“ค์€ ๋…ธ๊ฐ€๋‹ค๋ฅผ ํ•œ๋‹ค๊ณ ๋“ค ํ•˜๋Š” ๋ง์„ ๋“ค์–ด์™”๋Š”๋ฐ ์ด์ œ์•ผ ์ดํ•ด๊ฐ€ ๊ฐ„๋‹ค.
๊ทธ์ € ์›นํ‘œ์ค€์ด ๋ฌด์ƒ‰ํ•  ๋ฟ์ด๋‹ค.
ํ”ผ๊ณคํ•˜๊ฒ ์ง€๋งŒ ๊ทธ๋ž˜๋„ ๋ฉ”๋ชจํ•ด ๋‘๊ณ  ํ•„์š”ํ•  ๋•Œ๋งˆ๋‹ค ์ฐธ๊ณ ํ•ด์•ผ ํ•˜๋Š” ๊ฒƒ๋“ค์„ ์ •๋ฆฌํ•ด๋ณธ๋‹ค.

๏ปฟ
  • ๋กœ๊ทธ์ธ