Cum sa codam o tema wordpress(3) ?
In episodul trecut am ramas la explicarea codurilor “”bloginfo(’url’)” si “bloginfo(’name’)”.
Deci avem codul urmator:
<a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a>
Adaugati tag-ul <h1> inainte de acest cod si </h1> dupa cod.Apoi dati refresh la pagina.
Exista 6 headings, cel mai mare fiind <h1> iar cel mai mic <h6>.
Acum avem nevoie de descrierea care am setat-o blogului nostru, vom face acest lucru cu acest cod “<?php bloginfo(’description’); ?>”.
Deci acum avem codul:
<h1><a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a></h1>
<?php bloginfo(’description’); ?>
Salveaza si vei observa ca sub titlu va aparea descrierea blogului.
Acum puneti codul de mai sus intr-un <div> pentru a va usura munca, o sa il numic “header”
Deci acum codul din sectiunea <body> este:
<div id=”header”>
<h1><a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a></h1>
<?php bloginfo(’description’); ?></div>
Click aici pentru a vedea codul curent complet.
Sub div-ul header adaugam un div pe care o sa il numim “container”.
<div id=”container”>
</div>
In acest div adauga urmatorul cod:
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>
Sa analizam codul de mai sus acum:
- if(have_posts()) – Vom vedea daca avem articole scrise.
- the_post() – Afiseaza articolele.
Acum vom invata cum sa afisam titlurile articolelor.
Dupa the_post(); ?> si inainte de <?php endwhile; ?>, adaugati codul <?php the_title(); ?> :
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<?php the_title(); ?>
<?php endwhile; ?>
<?php endif; ?>
Daca veti da refresh veti observa ca titlul articolului nu este click-uibil. Daca probabil ati fost atenti la ce am explicat si nu ati dat copy&paste veti stii sa faceti acest lucru, anyway codul de care avem nevoie este:
<a href=”<?php the_permalink(); ?>“><?php the_title(); ?></a>
the_permalink ne arata adresa catre fiecare post al dvs.
Am spus ca sunt 6 headings, aici vom folosi <h2>, deci adaugati <h2> inainte de codul de mai sus si </h2> dupa codul de mai sus.
Acum totul ar trebuii sa arate cam asa:
Atat pentru azi ! Ne vedem in “Cum sa codam o tema wpress(4)?”
Lasa un comentariu