Tutoriale Web Design, Wordpress si SEO

Continuand tutorialele legate de cum puteti realiza sau modifica o tema wordpress, azi am sa va explic cate ceva legate de fisierul footer.php. In general footer-ul ar trebui sa contina link-ul catre cel care a realizat design-ul sau tema wordpress. Pe langa acest link, se poate baga meniul principal( paginile), rss-urile si chiar posturi recente, blogroll etc.

VI. Realizarea unui footer.php pentru o tema wordpress

Un footer cat se poate de simplu poate sa arate, ceva de genul:

<div id="footer1">  <?php bloginfo('name'); ?> is proudly powered by  <a href=http://wordpress.org/">WordPress</a> 

<a href="<?php bloginfo('rss2_url'); ?>">Articole (RSS)</a>

and <a href="<?php bloginfo('comments_rss2_url'); ?>">
Comentarii (RSS)</a>.

<!– <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds. –>
</div>
</div>
<?php wp_footer(); ?>
</body>
</html>

In acest caz footer-ul va contine doar numele blog-ului cu link-ul catre wordpress si rss-uri.

Schimbarea link-urilor si imagini la rss-uri

<div id="footer1"><p><a href="<?php bloginfo('name'); ?>"
title="<?php bloginfo('name'); ?>"><?php bloginfo('name');
?></a> is dedicated to blogging.</p>
<p>Powered by <a href="http://wordpress.org/" title="WordPress">WordPress</a>
and designed by <a href="http://tutoriale.anadesign.info/"
title="Tutoriale Web Design">Ana Web Design</a></p>
<p><a href="feed:<?php bloginfo('rss2_url'); ?>">
<img src="http://examplu.com/images/feedicon.gif"
alt="RSS Feed Icon" />Blog Posts Feed (RSS)</a>
| <a href="feed:<?php bloginfo('comments_rss2_url'); ?>">
<img src="http://examplu.com/images/feedicon.gif"
alt="RSS Feed Icon" />Blog Comments Feed (RSS)</a>
</p>
</div>
</div>

Adugarea meniului principal (pagini) si a categoriilor

<div id="footer1"><p>&a href="<?php bloginfo('name'); ?>"
title="<?php bloginfo('name'); ?>"><?php bloginfo('name');
?></a> is dedicated to blogging.</p>
<ul class="footerlinks">
<?php
wp_list_pages('title_li='); ?>
</ul>
<ul class="footerlinks">
<?php
wp_list_categories('title_li='); ?>
</ul>
Powered by <a href="http://wordpress.org/" title="WordPress">WordPress</a>
and designed by <a href="http://tutoriale.anadesign.info/" title="Tutoriale web Design">
Ana Web Design</a><br />
<a href="feed:<?php bloginfo('rss2_url'); ?>"><
img src="http://examplu.com/images/feedicon.gif"
alt="RSS Feed Icon" />Blog Posts Feed (RSS)</a>
| <a href="feed:<?php bloginfo('comments_rss2_url'); ?>"><
img src="http://examplu.com/images/feedicon.gif"
alt="RSS Feed Icon" />Blog Comments Feed (RSS)</a>
</p>
</div>
</div>

Daca se doreste adaugarea unei singure imagini in footer (gen poza blogerului)

<div id="footer1"><p><img src="http://examplu.com/images/photo.jpg"  alt="Imagine Autor Blog"
class="alignleft" /><a href="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>
"><?php bloginfo('name'); ?></a> is dedicated to blogging.</p>

De cum arata footerul ca si design tine de cum construiti voi css-ul. Probabil intr-un tutorial viitor am sa va arat si un model de style.css pentru o tema wordpress.