Në këtë Tutorial do ju tregoj se si mund të shtoni një Box në fund të secilit postim që të tregoj disa info për Autorin e postimit. Kjo është një gjë të cilën mund ta përdorin ato Blogje që kanë më shumë se 1 autor ose postues.

Thjeshte ngaqë në blogun tim kan nisur të postojnë edhe persona të tjerë – nisur nga tema GuestPosts – mu desh të kërkoja se si bëhet kjo gjë. Pash shumë plugine por asnjë nuk ishte i saktë edhe shumë kishin gabime. Mund të ndërhyje në function.php por edhe kjo ishte me pak rrezik sepse mund të prishësh strukturen e faqes.

Kështu që zgjidhja me e thjeshte është kjo që do ju tregoj më poshtë. Nëse doni ta shtoni edhe ju atëher ndiqni hapat e mëposhtëm.

Duke qënë se Autor Box shfaqet vetëm në artikuj, dokumenti që ju duhet të modifikoni është dokumenti single.php i templates tuaj. Kështu që hapeni këtë dokument edhe gjeni rrjeshtin e mëposhtëm:

<?php the_content(); ?>

Mbasi ta keni gjetur shtoni rrjeshtat e mëposhtëme  mbas tij:

<div>
<?php echo get_avatar( get_the_author_email(), '53' ); ?>
<strong>Artikull nga</strong><a href="<?php the_author_url(); ?>"><br />
<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a>
<p><?php the_author_firstname(); ?> ka shkruar <strong><?php the_author_posts(); ?></strong> artikuj. <?php the_author_description(); ?></p><p>Nëse ju pëlqejnë postimet tona mund të abonoheni me RSS ose EMAIL.</p>
</div>

Mbasi të keni shtuar këtë kod duhet të bëni edhe stilimin e tij me CSS. Kështu që hapni dokumentin style.css të templates tuaj edhe vendosni një kod si ky i mëposhtëmi:

.postauthor { background: #f7f7f7;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;padding: 5px;
font:.67em/1.4em verdana;margin-bottom:20px;clear:both;display:block;}
.postauthor img{float:right;margin:3px 8px 0 0;}

Ruani të gjithë ndryshimet edhe ngarkojini sërisht në server.

Tani CSS i dokumentit tuaj mund të jetë shumë ndryshe, kështu që ju duhet ta përshtani atë sipas nevoja të templatës që përdorni. Mund të luani njëcik me pozicionimin, ngjyrat edhe tekstin.

Më poshtë po ju shpresoj disa karaktere të CSS që ti keni parasysh në stilimin e boxit.

• .postauthor – është tagu i shkrimit edhe boxit të autorit.
• .postauthor img – është boxi i cili stilon imazhin ose më saktë fotografinë e vendosur aty

Këto jan dy taget kryesore kurse atributet janë disa si të mëposhtëmet:

• background:#f7f7f7 – kjo është ngjyra e boxit që i jepni ju. Mjafton të ndërroni vlerën e saj edhe ngjyra do ndryshoj
• border/padding: kjo është “hapësira” nëse mund ta quaj kështu shqip se ku zhvendoset boxi në lidhje me faqen. Nëse boxi nuk ju shfaqet mirë provoni të luani me këto vlera që ta përshtatni.
• float: është pozicionimi i një objekti. Në rastin e faqes time është në të djathtë, kurse në shembull e keni në të majtë.

Mbasi të keni bër gjithcka mirë do të keni një rezultat si ky i mëposhtëmi. Në varësi të CSS tuaj apo ndryshimeve të vogla në kodet PHP (nëse keni njohuri ndryshoni) do të merrni edhe ju një box të tillë.

Shpresoj që t’ju ketë pëlqyer ky Hack në WordPress edhe nëse keni pyetje jeni të ftuar ti bëni në komentet e mëposhtëme.