Custom get_categories with description – Pagina Categorii

Când vrei să faci un design mai bine structurat şi ancorat în wordpress, poţi să iei în considerare că dacă ai o pagină pentru prezentarea categoriilor, în loc de o listă ce nu spune nimic, să reodonezi într-o grafică care să spună ceva şi care să fie optimizată SEO pentru a nu duce lipsă de rezultate bune.

De ce să creezi o pagină pentru categorii?

  • Pentru că să le afişezi în meniu într-o listă, deja e prea banal.
  • Pentru că vei putea să îţi prezinţi „marfa” mai cu amănuntul.
  • Pentru că poţi direcţiona traficul mai bine şi mai „arătos”.

Cum se face o pagină specială pentru categorii?

1. Primul pas este să creezi pagina template pentru categorii. Deschizi Notepad şi pui următorul cod:

<?php /* Template Name: Categorii */ ?>

2. Salvezi şi denumeşti fişierul categorii.php . Atenţie .php asigură că fişierul este un script php!!

3. Pasul trei este să încarci fişierul în directorul temei tale. Conectează-te la server prin FTP, mergi la wp-content/themes şi în directorul temei tale încarcă fişierul categorii.php.

4. Pasul următor este să editezi şi să asiguri grafica corectă pentru acest fişier. Mergi la Appearance > Editor şi selectează din listă fişierul page.php. Copie întreg conţinului acelui fişier şi lipeştel în interiorul fişierului categorii.php (desigur, după liniile deja completate). Salvează!

5. Pasul următor este să schimbi codul de afişare. În primă fază acest template acum îţi va arăta conţinutul paginii Categorii la fel ca oricare pagină, adică nimic deosebit. De aceea caută în codul fişierului tău categorii.php linia:

<?php the_content(); ?>

Sub această linie de cod, lipeşte următorul cod:

<div class=”categorii”>
<ul>
<?php
$categories = get_categories(‘exclude=’);
foreach ($categories as $cat) {
$desc = substr(category_description($cat->cat_ID), 0, 100);
$description = strip_tags($desc);
echo ‘<li><a href=”‘.get_category_link( $cat->cat_ID ).'”>’.$cat->cat_name.'</a>’. $description .'</li>’;
}
?>
</ul>
</div>

În linia $desc = substr(category_description($cat->cat_ID), 0, 100); numărul 100 indică numărul de caractere afişate. Asta pentru că poate vrei să afişezi doar o parte din descriere categoriei tale.

În linia $description = strip_tags($desc); se elimină tag-urile HTML care nu sunt necesare. Uneori wordpress introduce tag-uri incomplete alteori nu. Dacă acest cod nu te satisface, probabil vrei să afişezi toată descriere, aşa că iată un alt cod bun:

<div class=”categorii”>
<ul>
<?php
$categories = get_categories();
foreach ($categories as $cat) {
echo ‘<li><a href=”‘.get_category_link( $cat->cat_ID ).'”>’.$cat->cat_name.'</a>’. echo category_description($cat->cat_ID) .'</li>’;
}
?>
</ul>
</div>

Pentru opţiuni în plus, „chemarea” categoriilor se face prin get_categories(), aşa că WordPress Codex are totul pregătit aici.

6. Salvează fişierul! Următorul pas este să creezi o pagină nouă cu numele Categorii. Mergi la Pages > Add New, completează numele şi asigură template-ul Categorii din secţiunea din dreapta Page Attributes > Template.

7. Publici şi pagina ta pentru categorii este creată.

Cel mai important pas este să stilizezi afişarea categoriilor. Poţi schimba tagurile HTML, le poţi stiliza în CSS pe cele deja existente. În CSS stilizarea codului de mai sus o poţi face pentru:

ul.categorii { }
ul.categorii li { }
ul.categorii li a { }

Nelămuriri?

Demo :

  1. Categoriile de pe Jorjette.co.cc
  2. Pagina Categorii
Articol etichetat cu:, , ,

Care este gandul tau?

 

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.