Z notatnika webmasterki

Uważny czytelnik, szczególnie taki, który gościł już wcześniej na moim blogu, zapewne spostrzegł iż ostatnio zmienił się nieco format wpisów na mojej stronie. Pomyślałam, że wpisy będą wyglądać ciekawiej udekorowane niewielką grafiką ilustrującą opisane zagadnienie. Oczywiście taki element można uzyskać z łatwością, po prostu wstawiając grafikę w odpowiednim miejscu tekstu z poziomu edytora i konfigurując sposób oblewania tekstem. Jednak można to zrobić prościej wykorzystując tzw. ‘własne pola‘ (ang. custom fields) i wykonując niewielką modyfikację używanej skórki. Przy okazji to świetny przykład, pozwalający zrozumieć jak działają ‘pola własne’.

Nie będę szczegółowo opisywać jak to zrobić, bo inni zrobili to już dostatecznie dobrze, jak choćby Wojciech Usarzewicz na WPninja. Bardziej ogólny opis można znaleźć w dokumentacji codex

Pokażę tylko jak zmodyfikowałam kod szablonu dla pojedynczego wpisu (single.php), aby skrypt automatycznie sprawdzał, czy dla wyświetlonego wpisu zdefiniowano grafikę i ewentualnie wyświetlał ją w odpowiednim formacie. W tym celu trzeba się posłużyć funkcją get_post_meta(), która zwróci wartość pola ‘inicjal’ dla bieżącego wpisu, jeśli zostało ono zdefiniowane.

<div class="entry">
	<?php if($scr=get_post_meta($post->ID, "inicjal", true)): ?>
		<div class="inicjal"><img src="<?php echo $scr; ?>" /></div>
	<?php endif; ?>
	<?php the_content('Czytaj dalej &raquo;'); ?>

Aby grafika była odpowiednio otaczana przez tekst wpisu wystarczy w arkuszu stylów (style.css) dodać odpowiednią definicję znacznika div.inicjal. Ja zrobiłam to w następujący sposób:

div.inicjal{
	float:left;
	padding: 5px ;
	margin: 0px 30px 30px 0px ;
	border: 1px #86b02e solid;
}

No i spodobało mi się używanie ‘pól własnych’. Chyba zacznę dociekać do czego by tu jeszcze można je wykorzystać.