نمایش برچسب ها در نوشته وردپرس

  • نویسنده موضوع نویسنده موضوع khat.khati
  • تاریخ شروع تاریخ شروع

khat.khati

New member
ممکنه شما از قالبی استفاده میکنید که در ان یک قسمت اصلی آن در فایل single.php یا index.php وجود ندارد. برچسب ها (tags)
در این مطلب نحوه افزودن برچسب رو به قالب به همراه یک کادر زیبای CSS رو آموزش میدهیم.
نمایش برچسب ها به صورت ساده

در این روش فقط کافیست کد زیر رو به فایل single.php یا index.php خود قرار دهید :


PHP:
<p><?php the_tags(); ?></p>

نمایش برچسب ها در کادر CSS

اما شاید دوست نداشتنه باشید برچسب ها همینطوری و به صورت نامرتب در قالبتون قرار بگیره و به صورت زیبا درون یک کادر و به طور منظم باشد. مانند قسمت برچسب های سایت تارمستر

برای این کار ابتدا کد زیر رو به فایل style.css اضافه کنید :

کد:
.tags {
    background: #F8F8CD;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px Black;
    margin-top: 10px;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0px white;
    line-height: 20px;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

سپس کد زیر رو به فایل single.php و اگر میخواهید در صفحه اصلی هم باشد در صفحه اصلی هم قرار دهید یعنی فایل index.php :

PHP:
<div class="tags">
<p><?php the_tags(); ?></p>
    </div>

هرچند این یک فایل css عادی است و خودتون به راحتی تغییرات رو میتونید انجام بدید.
موفق باشید
 
آخرین ویرایش:
عقب
بالا