Header.php in wordpress (II)

Pe langa cele specificate in articolul anterior m-am gandit sa va mai dau cateva informatii care v-ar putea ajuta in realizarea unei teme wordpress.

 1. Ajutor tags in Dreamweaver

Pentru cei care folosesc Dreamweaver ca si editor si exista o extensie care ajuta la insertarea (adaugarea) tagurilor in file-urile temei wordpress. Daca tagul are parametrii se poate apela la wizard pentru ajutor. Download-ul se poate face de la pagina:Solutoire.com: Template Tag Dreamweaver extension (TAGStention).

2.  Schimbarea imaginii din header.

Exista diferite variante si metode pentru a schimba banner-ul sau imaginea din header.

O vainata ar fi: Kubrickr – Changes Default Theme Header Images

O alta varianta ar fi rotatia imaginii din header:Random Image Rotator.

Salvati scriptul intr-un folder separat undeati pus toate imaginile care doriti sa se roteasca in header. Ca si exemplu, denumiti rotatie.php.  Pentru a folosi ca si background image care se schimba de fiecare daca cand pagina se incarca :

#header {  background: url("/images/headerimgs/rotatie.php")  no-repeat bottom center; }

Pentru a realiza asta in header adaugati link-ul imaginii in partea header-ului :

<img src="/images/headerimgs/rotatie.php" alt="A Random Header Image" />

• Photomatt’s Random Image Rotator
• WordPress Randomize Plugin

3.  Ascunde textul din header

Daca doriti ca tema dvs sa nu afiseze text in header ci doar imagine aveti urmatoarele solutii:

a. scoateti tag-urile care genereaza titlul si descrierea blogului sau

b. le lasati dar le ascundeti.

Pentru a ascunde textul din header fara a schimba din structura codului trebuie doar sa schimbati CSS-ul. Adaugati  display:none in fisierul CSS acolo unde nu doriti ca textul sa fie afisat. Spre exemplu pentru a ascunde textul heading 2 (h2), ati putea avea un cod in css de genul: h1 {display:none; font-size: 100%; color: red;…….O alta metoda ar fi sa pozitionati continutul  “off the page” prin negatie.De exemplu:

h2 {    font-size: 0;    text-indent: -1000px; }

Mai exista o metoda numita aural style sheet despre care va puteti informa la urmatoarele link-uri:

• W3’s Aural Style Sheets
• About Web Design’s Aural Style Sheets
• ACSS: Aural Style Sheets
• Richinstyles Guide to Aural Style Sheets

4. Adaugarea meniului in header

Pentru a adauga un meniu orizontal in partea header-ului trebui sa stabiliti in css cum doriti sa arate, eventual setate si tagurile ul si li

Un exemplu de setare CSS impreuna cu wordpress pentru meniu gasiti in pagina oficiala a wordpress-ului.
Specificari(personale):

• meniul din header ar trebui sa contina paginile si nu categoriile;
• meniul din header ar trebui sa lucreze precum meniul principal al oricarui site;
• meniul ar trebui sa usureze navigarea blogului si sa contina paginile de baza:Home, About, Contact;
• meniul ar trebui sa fie vizibil  si daca folositi imagini in loc de tabs/links sa fie clare (catre ce informatie trimit).

Pentru a afisa paginile din blog aveti nevoie de tag-ul: wp_list_pages().

Mai multe despre acest tag in urmatorul articol.