Wordpress Quick Tips #28 - Author Box

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

Συντονιστές: WebDev Moderators, Super-Moderators, PHP Moderators

Απάντηση
Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Wordpress Quick Tips #28 - Author Box

Δημοσίευση από Basilakis » 19 Μαρ 2010 14:54

Ένα απο τα ενδιαφέροντα στοιχεία στο Wordpress, είναι όταν περνάμε ένα Author Box στο τέλος της σελίδας... Με αυτό τον τρόπο καταφέρνουμε να δώσουμε μια καλή αναγνωρισιμότητα στους αρθρογράφους μας...

Για να δούμε στα γρήγορα πως το πετυχαίνουμε!

Κώδικας: Επιλογή όλων

<div class="aboutauthor">
<div class="span-2" id="aboutauthorimg">
<?php echo get_avatar&#40; get_the_author_email&#40;&#41;, '64' &#41;; ?></div>
<div class="span-13 last"> About Author&#58;
<strong class="capitalize"><?php the_author&#40;&#41;; ?></strong>
has written <?php the_author_posts&#40;&#41;; ?> articles.
<strong class="capitalize"> <?php the_author_meta&#40;'display_name'&#41;; ?></strong>
<?php the_author_meta&#40;'description'&#41;; ?>
</div>
</div>
και το CSS μας

Κώδικας: Επιλογή όλων

.aboutauthor &#123; overflow&#58;hidden; background&#58;#f4f4f4; border&#58;1px solid #ccc;
padding&#58;5px; margin-bottom&#58;6px;&#125;
.aboutauthor img &#123; background&#58;0px; border&#58;0px; padding&#58;0px;&#125;
#aboutauthorimg &#123; float&#58;left; padding&#58;5px 0 5px 10px;&#125;
.aboutauthor .span-13 &#123; overflow&#58;hidden; margin&#58;0px; width&#58;500px; float&#58;left;&#125;
.aboutauthor .span-2 &#123;display&#58; block; float&#58; left; width&#58;70px;margin&#58;0px 10px 0 0;
padding&#58; 10px 0 0 10px;&#125;

Παρουσιάζουμε το όνομα,πόσα άρθρα έχει γράψει το avatar με βάση την υπηρεσία gravatars και ένα κείμενο του χρήστη! Easy ah? :)

Απάντηση

Επιστροφή στο “WordPress γενικά”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες