jQuery 1.4 és a WordPress

Tehát az utolsó WordPress frissítés során még nem került bele az új jQuery a core-ba. Tegyük bele mi úgy, hogy sablonunk functions.php fájljába illesszük az alábbi kódot:

if( !is_admin()){
   wp_deregister_script('jquery');
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
   wp_enqueue_script('jquery');
}

Látható a kódban, hogy a jQuery-t egyszerűen kikapcsoljuk és megadjuk az újat az adminnak.


Egyéni tovább olvasom link

Alapértelmezetten egy WordPress sablonban az alábbi kódot találjuk az index.php fájlban:

<?php the_content('Tovább olvasom...'); ?>

Ha sablont készítünk, módosítunk, akkor megoldható amint már mondtam, hogy egyes bejegyzéseknél ez a link más legyen. Ehhez egyszerűen egy egyedi mezőt kell használnunk. A kód az alábbi formán néz ki, amelyet a fentivel kell kicserélni:

<?php $tovabb = get_post_meta($post->ID, 'tovabb', true); ?>
<?php if (!$tovabb) { $tovabb = 'Tovább olvasom &raquo;'; } ?>
<?php the_content($tovabb); ?>

Ekkor az egyedi mezőnk neve a “tovabb” az értéke pedig az lesz amilyen linket szeretnénk, amennyiben nem adunk meg saját mezőt akkor a szokásos tovább olvasom szöveg fog megjelenni.


CSS reset

Minden böngésző máshogy jeleníti meg az alapértelmezett html elemeket. Emiatt célszerű CSS resetet alkalmazni, amely segítségével, mondhatni nullázunk egyet és megtesszük az első lépést a cross browser felé. Én az alábbi resetet alkalmazom, amely elég sok fejfájástól mentett már meg.

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,
blockquote,fieldset,input,hr
{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th
{font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

Szerző és adminisztrátor hozzászólása

Mivel ebben az esetben a látogató biztos lehet abban, hogy egy szerkesztő vagy adminisztrátor, vagy csak látogató ad választ kérdésére. Célszerű tehát színnel elkülöníteni a szerkesztők és az adminisztrátorok hozzászólását. Ezt úgy tudjuk megoldani, hogy a comments.php fájlban comments list résznél az alábbira cseréljük a kódot:

<ol id="commentlist">
<?php foreach ($comments as $comment) : ?>
	<?php
	$user_id = $comment->user_id;
	$role = ( isset( $roles[$user_id] ) ? $roles[$user_id] : '' );
	?>
	<li class="<?php echo $role; ?>">
	<p>By <?php comment_author_link() ?> - <?php comment_date() ?></p>
	<?php comment_text() ?>
	</li>
<?php endforeach; ?>
</ol>

Tovább olvasás…


Média feltöltés – képek igazítása

Sablon fejlesztés során ügyelnünk kell arra, hogy minden a megszokott módon működjön, emiatt ajánlatos egy lorem ipsum pack-kal tesztelni, ekkor láthatjuk az előttünk álló problémákat. Ha fellép a kép igazítás probléma, akkor az alábbi kóddal megoldhatjuk ezt: Tovább olvasás…