Tutoriale Web Design, Wordpress si SEO

File-ul index.php este foarte important daca doriti ca prima pagina a blogului vostru sa fie diferita de celelalte pagini din blog. In general e bine sa lucrati la index.php dupa ce ati terminat toate celelalte file-uri ca sa stiti cum e mai bine sa construiti acest file. Orice index.php trebuie sa inceapa cu <?php get_header(); ?> si sa se termine cu <?php get_sidebar(); ?> (daca aveti sidebar) si <?php get_footer(); ?>.

Structura este:


<?php get_header(); ?>
 <div id="content" >
 <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?>main<?php endwhile; ?> <?php else : ?>
  <?php endif; ?>
 </div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Cum modificati depinde de cum doriti sa arate indexul. Daca vreti sa fie default nu aveti decat sa copiati index.php din tema default sau classic.

Daca doriti sa aveti un post de sine statator cum este cel de la mine din blog atunci trebuie sa folositi urmatorul cod:

<div id="baza">

<?php
// Incepe codul pentru postul static, trebuie sa modificati la showpost cate
posturi sa fie afisate,in acest exemplu aveti doar un post”1″ si la cat trebuie
sa puneti ID-ul categoriei de unde doriti sa fie extrase postul(urile)respective.
Folositi img src daca doriti sa aveti o poza acolo daca nu scoateti codu
query_posts(’showposts=1&cat=15′); ?>
<?php while (have_posts()) : the_post(); ?>
<a href=”<?php the_permalink() ?>” rel=”bookmark”
title=”Permanent Link to <?php the_title(); ?>”><img src=”<?php bloginfo
(’template_url’); ?>/images/poza.png<?php
// Imaginea printata nu schimbati codul decat la alt, nume si id
$values = get_post_custom_values(”Image”); echo $values[0]; ?>”
alt=”Tutoriale Web Design, Wordpress si SEO” name=”bazapic” id=”bazapic” /></a>
<h3>
<?php
// Aici e codul pentru titlul postului, atentie iar la include sa puneti ID-ul
categoriei(in ex este”15″)
wp_list_categories(’include=15&title_li=&style=none’); ?></h3>
<a href=”<?php the_permalink() ?>” rel=”bookmark”
title=”Permanent Link to <?php the_title(); ?>” class=”title”>
<?php
the_title(); ?>
</a>
<?php
// Link-ul pentru “more” care poate fi schimbat in detalii sau read more
the_excerpt(); ?>
<a href=”<?php the_permalink() ?>” rel=”bookmark”
title=”Permanent Link to <?php the_title(); ?>”>More»</a>
<?php endwhile; ?>
</div>

Daca vreti doar titlul a catorva posturi dintr-o anume categorie si sa aiba si o imagine fiecare post atunci veti folosi codul:

<div >
   <?php
// Aici va trebui sa schimbati cate posturi sa apara,
in exemplu avem doar 7 posturi  si categoria, in exemplu este 111
 query_posts('showposts=7&cat=111'); ?>
    <h3><?php
 // Aici apare numele categoriei cu heading 3, nu uitati iar ID-ul categoriei.
Atentie daca vei dori sa va alegeti pozele dintr-un anume folder schimbati
denumire"/images/" si cand veti crea un post va trebui sa folositi tag-ul
Image. Daca vreti o anume imagine sa apara la toate post-urile atunci
folositi"/images/pozax.jpg"
 wp_list_categories('include=111&title_li=&style=none'); ?></h3>
    <?php while (have_posts()) : the_post(); ?>
    <div class="categorii"><a href="<?php the_permalink() ?>" rel="bookmark"
title="Permanent Link to <?php the_title(); ?>">
<img src="<?php bloginfo('template_url'); ?>/images/<?php
 $values = get_post_custom_values("Image"); echo $values[0]; ?>"
alt="" /></a><a href="<?php the_permalink() ?>" rel="bookmark" class="title">
      <?php
// Tilul fiecarui post
   the_title(); ?>»</a>
<?php endwhile; ?>
</div>

Daca vreti sa aveti cate un post din fiecare categorie in prima pagina atunci va trebui sa va folositi de acest cod:

<?php
// Aici trebuie sa specificati ID-ul categoriilor voastre, inca o data la showposts
trebuie sa specificati cate posuri din categoriile voastre trebuie sa apara, cazul
din exemplu- apare doar un post
$display_categories = array(19,13,11);
foreach ($display_categories as $category) { ?>
       <?php query_posts("showposts=1&cat=$category");
     $wp_query->is_category = false;
  $wp_query->is_archive = false;
  $wp_query->is_home = true;
   ?>
      <h3> <a href="<?php echo get_category_link($category);?>"><?php
 // Aici intre h3 va apare titlul categoriei si al postului
   single_cat_title(); ?></a></h3>
      <?php while (have_posts()) : the_post(); ?>
      <?php
// De aici isi ia imaginea daca tagul Image este specificat in post
 $values = get_post_custom_values("Image");
// this checks to see if an image file exists
 if (isset($values[0])) {
?>
      <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to
<?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/
<?php $values = get_post_custom_values("Image"); echo $values[0]; ?>" alt="" /></a>
      <?php } ?>
      <a href="<?php the_permalink() ?>" rel="bookmark" class="title"><?php
   the_title(); ?>»</a>
      <?php the_excerpt(); ?>
      <?php endwhile; ?>
    </div>
    <?php } ?>

Daca doriti sa includeti un alt file, un text sau o reclama, care sa apara doar pe prima pagina atunci folositi intre div-uri

<?php include (TEMPLATEPATH . '/ads.php'); ?>

unde ads.php este file-ul care se doreste inclus.

Daca vreti sa aveti link-urile de preview si next entry si un text pentru eroare cand o pagina nu exista atunci veti folosi

<div class="navigation">
   <span class="previous-entries"><?php next_posts_link('Previous Entries')
?></span> <span class="next-entries"><?php previous_posts_link('Next Entries') ?></span>
 </div>
  <?php else : ?>
  <h2>Not Found</h2>
  <p>Sorry, but you are looking for something that isn't here.</p>
    <?php endif; ?>

Daca vreti sa mai includeti si alte tag-uri uitati-va peste celelalte tutoriale, precum: IV. Fisierul sidebar.php intr-o tema wordpress .

Cine cunoaste si alte “trucuri” pentru modificarea primei pagini din blog este binevenit sa ni le impartaseasca. Sau chiar va rog si va multumesc daca puteti sa simplificati si mai mult codul pus de bine.
Succes