Captions – Obramuj sobie zdjęcie

Mała ale za to przydatna przynajmniej dla mnie ukryta funkcja w WordPress’ie, mianowicie chodzi o obramowanie zdjęcia w sposób troszkę inny, widoczny na tym blogu. Capations bo tak nazywa się ta funkcja jest ukryta dla starszych motywów graficznych dla WP, można ją w bardzo łatwy sposób aktywować dodając do naszego motywu kawałek kodu który jest za to odpowiedzialny. Jak się do tego zabrać przeczytacie w dalszej części wpisu.

W naszym motywie graficznym otwieramy plik style.css np. w programie Notepad++, następnie na końcu naszego stylu dodajemy poniższy kod:

    /* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
 
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
 
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

Zapisujemy i już prawie gotowe, teraz pozostaje nam dodać tylko podpis (patrz niżej) wybranego przez nas wcześniej zdjęcia i gotowe. Małe proste i wyróżniające się od innych ramek. Dodam że ta funkcja nie współpracuje z niektórymi motywami graficznymi (na szczęście jest ich mało), z owym wyglądem miałem problemy ale dzięki pomocy Wojtka doszliśmy do ładu i składu.

Obramowanie Zdjęcia w WordPress'ie