تجربیاتی در زمینه طراحی وب

اضافه کردن روتیتر و زیرتیتر در وردپرس

چهارشنبه, ۱۴ مرداد ۱۳۹۴، ۱۰:۴۱ ق.ظ

این روزها خیلی با وردپرس ور می‌رم. یکی از آخرین نیازهایی که پیدا کردم داشتن روتیتر و زیرتیتر بود. چند تا افزونه‌ی پیدا کردم اما فقط یکی از این دو تا رو داشتند. تصمیم گرفتم بگردم ببینم چه جور می‌شه این کار رو کرد، راهی که خیلی‌ها پیشنهاد داده بودند استفاده از زمینه‌های شخصی (Custom Fields) بود. این هک کوچولوست برای این که روتیتر و زیرتیتر رو به وردپرس اضافه کنید.

۱- پیدا کرد تیتر عنوان (تیتر) نوشته در فایل‌های قالب

برای این کار کافی است از فهرست وردپرس به قسمت نمایش (Appearance) و سپس ویرایش‌گر (Editor) برید و فایل index.php رو باز کنید و دنبال تابعی با نام single_post_title یا the_title بگردید.
دو نمونه از کدهای مربوط به عنوان به این شکل زیراند. پس باید کدهای بالا رو پیش و پس از این خط‌ها گذاشت.

<h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>

یا این خط:


<h1 class="entry-title"><?php single_post_title();?></h1>

۲- اضافه کردن کدهای روتیتر و زیرتیتر

کافی است کد مربوط به روتیتر را پیش از این دستور و کد زیرتیتر را پس از آن بگذارید. نیاز به توضیح نیست که بسته به نیازتون می‌تونید از تگی غیر از h3 استفاده کنید. استفاده از classهای ticker و subtitle برای اینه که بتونیم از طریق CSS ویژگی‌های لازم رو بهشون بدیم و به تعبیری خوش‌گلشون کنیم.


// The Ticker: Before the main title

<h3 class="ticker">
  <?php
    $Ticker_value = get_post_meta( get_the_ID(), 'Ticker', true );
    if( ! empty( $Ticker_value ) )
      { echo $Ticker_value; }
  ?>

</h3>


// The Subtitle: After the main title

<h3 class="Subtitle">
  <?php
    Subtitle_value = get_post_meta( get_the_ID(), 'Subtitle', true );
    if( ! empty( $Subtitle_value ) )
      { echo $Subtitle_value; }
  ?>

</h3>

  • موافقین ۰ مخالفین ۰
  • ۹۴/۰۵/۱۴
  • ۸۴۷ نمایش
  • کربلایی مجید

نظرات (۰)

هیچ نظری هنوز ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی