Custom Fields Part1.

WordPress에서는 글 작성시 Custom Fields를 이용하여 css를 작성하면 http://ilovetypography.com/같은 블로그처럼 포스팅마다 새로운 디자인의 페이지를 만들어 낼수가 있습니다.

사용하고 계신 Themes의 header.php파일을 열고 head안쪽으로 아래와 같이 소스를 추가해 줍니다.

<br />
&lt;?php //Custom Fields<br />
if(is_single()) {<br />
	$style = get_post_meta($post-&gt;ID, '_custom_style', true);<br />
	if($style) {<br />
?&gt;<br />
&lt;style type=&quot;text/css&quot; media=&quot;screen, print&quot;&gt;<br />
&lt;?=$style?&gt;<br />
&lt;/style&gt;<br />
&lt;?php<br />
	}<br />
}<br />
?&gt;<br />

Themes를 수정하셨다면 글 작성시 아래 이미지와 같이 Custom Fields부분에 내용을 작성 하시면 새로운 디자인의 페이지를 만들어 내실수 있습니다.

WordPress 포스팅시..

WordPress에 사진 등의 이미지파일을 포스팅하면 워드프레스에서 자동으로 div.wp-caption박스에 자동으로 너비가 들어가도록 되어 있습니다.
여기에는 이미지의 너비 또는 admin > setting > media에서 설정한 Medium size가 적용이 되도록 되어 있더군요.

문제는 포스팅시에는 문제가 없는데 포스팅 한 내용을 보면 div.wp-caption박스의 너비가 10px 더 커져 있다는 겁니다.
구글신의 도움을 받아 확인해 본 결과 /wp-includes/media.php 653번째 줄(WordPress 버전에 따라 달라질 수 있습니다.)에서 10px를 더해주고 있더군요.-_-?

영어가 딸리는 관계로 이유까지는 알 수 없었지만, 그러한 이유로 10px를 빼고 포스팅을 하거나 WordPress 소스를 고치는 방법밖에 없는듯합니다.

소스를 직접 수정하는 방법

/wp-includes/media.php 653번째 줄(WordPress 2.9.1.)

<br />
return '&lt;div ' . $id . 'class=&quot;wp-caption ' . esc_attr($align) . '&quot; style=&quot;width: ' . (10 + (int) $width) . 'px&quot;&gt;'<br />

위와 같은 부분을 찾아서 아래와 같이 바꿔주면 될듯합니다.
<br />
return '&lt;div ' . $id . 'class=&quot;wp-caption ' . esc_attr($align) . '&quot; style=&quot;width: ' . ((int) $width) . 'px&quot;&gt;'<br />

더 좋은 방법을 알고 계시다면 답글 부탁 드립니다.:)