ترفند ایجاد ساب تایتل در پست وردپرس
آموزش ترفند ایجاد ساب تایتل (زیر عنوان) در زیر عنوان پست وردپرسی
دوست من سلام
امروز قصد دارم که ترفند ایجاد ساب تایتل در پست وردپرس به صورت داینامیک آموزش بدم.
خیلی از کاربران ما در آکادمی طراحی و توسعه ویشاوب از ما سوال می کردند که، چطور میتونند مانند مقاله های ویشاوب در زیر عنوان پست های وردپرسی خودشون، یک سابتایتل بدون نیاز به هر بار تنظیم و هر بار کد نویسی اضافه کنند؟
خوب برای پاسخ به این سوال ما این آموزش را هم به صورت متنی و هم به صورت ویدئویی آماده کردیم. پس با ما در این مقاله همراه باشید.
آموزش ایجاد ساب تایتل در پست وردپرس
- خوب برای شروع ابتدا باید داخل بخش پیشخوان وردپرستون بشید و از منو افزونه ها زیر منوی افزودن را کلیک کنید.
- ما نیازمند این هستیم دو افزونه بر روی وردپرسمن نصب و فعال سازی شده داشته باشیم.
- افزونه string locator
- افزونه KIA Subtitle
- خوب حالا باید بریم داخل یکی از مقاله های سایت وردپرسی مون و روی عنوان سایتمون باید راست کلیک کنیم و گزینه Inspect رو بزنیم.
- کافیه از کادر باز شده Inspect کد مربوط به عنوان سایتمون رو پیدا کنیم و بعد بخش کلاس آن کد را کپی کنیم.
- خوب تو این مرحله باید برگردیم به پیشخوان وردپرسمون و از منوی ابزارها بر روی زیر منو string locator کلیک میکنیم تا به بخش مدیریت افزونه مربوطه انتقال پیدا کنیم. بعد کلاس رو که کپی کردیم را داخل باکس Search string پیست میکنیم. در آخر هم روی search کلیک میکنیم.
- بعد از عملیات جستجو توسط پلاگین String Locator لیست کدهایی که این کلاس در آن استفاده شده را به شما نشان میدهد.
- سپس بر روی فایل مورد نظر گزینه Edit بزنید.
- خوب همونطور که مشاهده می کنید به بخش ویرایشگر کد وردپرس وارد شدید و تکه کدی که به دنبالش بودید برایتان سلکت شده است.
- حالا در انتهای آن کد و جایی که تگ آن کد بسته می شود یک اینتر بزنید تا به خط بعدی بروید.
- سپس در خط جدید کد زیر را که برای شما قرار دادم را قرار دهید.
<?php
if( function_exists( 'the_subtitle' ) ) the_subtitle( '<h2 class="subtitle">', '</h2>' );
?>
- پس از اینکه کد بالا را بعد از کد مورد نظرتان قراردادید بر روی Save Changes کلیک نمایید تا تغییرات ذخیره شود.
- خوب حالا بر میگردیم به پست مورد نظرمون و بر روی ویرایش نوشته کلیک میکنیم تا به بخش ویرایش مطلب وردپرس منتقل بشیم.
- حالا همونطور که ملاحظه میکنید در زیر عنوان مطلبتون یک فیلد برای شما اضافه شده و کافی است در آن فیلد سابتایتل مورد نظر خودتان را بنویسید و در آخر مطلب را به روز رسانی نمایید.
- خوب بر میگردیم به پستمون تا ببینیم چه اتفاقی افتاد؟؟؟
- همونطور که مشاهده میکنید زیر عنوان مطلب ما یک ساب تایتل اضافه شد.
- خوب تا اینجا کار ما تمومه و تونستیم از طریق ترفند ایجاد ساب تایتل در پست وردپرس یک ساب تایتل برای پستمون ایجاد کنیم.
- بریم سراغ استایل دهی به این سابتایتل
- اول از بالای سایت در نوار مشکلی رنگ بر روی سفارشی سازی کلیک میکنیم.
- بعد از ورود به بخش سفارشی سازی سایت حالا به قسمت css اضافی مراجعه میکنیم.
- در این بخش ما میتوانیم به راحتی از کد زیر برای دادن استایل به سابتایتل مون اقدام کنیم.
- توجه داشته باشید شما میتوانید با استفاده از کد های CSS استایل های بیشتری به این بخش بدهید.
.subtitle{
font-size:1.5em;
color: #616161;
border-top: 1px solid #eee;
padding-top: 10px;
}
- خوب در آخر گزینه انتشار را بزنید.
- بر میگردیم به مطلب مورد نظرمون و مشاهده میکنید که تمام استایل هایی که به این بخش دادیم لحاظ شده.
خوب کار ما به اتمام رسید.
این ترفند یکی از ترفند های درخواستی شما عزیزان بود که ما به دیدهمنت برای شما آماده کردیم و قرار دادیم.
حتما حتما فیلم ویدئو این ترفند که برای شما آماده کردم را نگاه کنید.🎞
اگر سوالی برایتان پیش اومد حتما حتما داخل کامنت با من در میان بذارید.✏📃
براتون آرزوی موفقیت و سلامتی دارم👨❤️👨
یا علی🌺
دیدگاهتان را بنویسید