ایجاد روتیتر یا زیرتیتر در وردپرس بدون کدنویسی

مدتی قبل یک امکان جدید کوچولو در مجله جاجیگا به منظور نمایش عنوان دوم (Secondary Title) ایجاد کردم و به نظرم رسید که روش کار رو با شما به اشتراک بذارم.

قبل هر چیز این نکته رو بگم که می‌تونستم با فیلتر (filter) گذاشتن روی the_title و البته ایجاد متاتگ (meta tag) این امکان رو پیاده‌سازی کنم ولی ترجیح دادم در کوتاه‌ترین زمان ممکن و بدون کدنویسی و توسعه فایل‌های قالب کار رو پیش ببرم.

به راحتی با کمی گوگل کردن به افزونه Secondary Title رسیدم. افزونه‌ای ساده و سبک هست و برای دوستانی که آشنایی با کدنویسی و توسعه قالب وردپرس ندارن میتونه خیلی مفید باشه.

نصب و پیکربندی افزونه

پس از نصب افزونه مورد نظرمون، از طریق منوی تنظیمات و زیرمنوی Secondary Title وارد تنظیمات افزونه میشیم.

نمایی از تنظیمات افزونه Secondary Title
نمایی از تنظیمات افزونه Secondary Title

همانطور که در تصویر مشخص هست، افزونه به صورت خودکار در حالت روشن قرار داره و یک فرمت پیشفرض برای نمایش عنوان و عنوان دوم در نظر گرفته.

به صورت پیشفرض این ترکیب به عنوان یک عبارت داخل تگ عنوان (h1) نوشته شما قرار می‌گیره اما در مجله جاجیگا قراره با کمی تغییر در ترکیب و ساختار نمایش داده بشه. به فرمت زیر دقت کنید:

<span>%secondary_title%</span><br/>%title%

در قطعه کد بالا، عنوان دوم رو داخل یک تگ span قرار دادم تا بتونم روی اندازه فونت و ظاهر این عنوان کنترل داشته باشم. خروجی html این ترکیب پس از انتشار نوشته به صورت زیر خواهد بود (نمونه موردی):

<h1 class=&quotentry-title&quot><span>عنوان دوم</span><br>راهنمای سفر به کیش | Travel Guide To Kish</h1>

صفحه تنظیمات این افزونه شامل موارد دیگه‌ای هم هست که به راحتی می‌تونید بررسی کنید.

حالا کافیه وارد صفحه افزودن/ویرایش نوشته شده و در کادر ایجاد شده عنوان دوم مورد نظرمون رو درج کنیم.

درج عنوان دوم در صفحه افزودن/ویرایش نوشته
درج عنوان دوم در صفحه افزودن/ویرایش نوشته

و این هم نمای منتشرشده از نوشته مورد نظر ما شامل عنوان دوم که بر اساس نیاز شما می‌تونه به صورت روتیتر یا زیرتیر ترکیب‌بندی (format) بشه.

نمونه‌ای از نمایش عنوان دوم بالای عنوان اصلی
نمونه‌ای از نمایش عنوان دوم بالای عنوان اصلی

تذکر

در نمایش موردی فوق روی تگ span کمی css‌کاری شده :) و این ترکیب در تنظیمات افزونه لحاظ شده:

<span class=&quotentry-second_title&quot>%secondary_title%</span><br/>%title%

اینم خروجی html مربوط به عنوان و زیرعنوان (نمونه موردی جاجیگا):

خروجی html عنوان اصلی و عنوان دوم
خروجی html عنوان اصلی و عنوان دوم

پایان

امیدوارم مفید واقع بشه :)