برای داشتن مطالب شخصی به صورت سفارشی می بایست در کدهای CSS قالب های وردپرس تغییراتی را ایجاد کنید. وردپرس به صورت خودکار به هر یک از مطالب سایت یک کلاس شخصی اختصاص می دهد. حال برای ایجاد تغییرات می توانید کدهای سفارشی CSS را به این کلاس ها اضافه کنید. در ادامه این مطلب آموزشی به سفارشی سازی مطالب شخصی با زمینه های سفارشی می پردازیم. با ما همراه شوید.

روش نمایش مطالب شخصی با زمینه های سفارشی

روش نمایش مطالب شخصی با زمینه های سفارشی در وردپرس
برای ایجاد روش نمایش متفاوت برای مطالب شخصی می توانید از زمینه های سفارشی استفاده کنید. با کمک زمینه های سفارشی می توانید کلاس های سفارشی خود را اضافه کنید و سپس از آنها برای نمایش متفاوت مطالب و نوشته ها استفاده کنید. ابتدا مطالبی را که می خواهید با سبک و شیوه متفاوتی نمایش دهید را برای ویرایش انتخاب کنید. سپس به بخش زمینه های سفارشی و فیلد post-class سفارشی بروید.

در ادامه شما باید فایل های قالب وردپرس را ویرایش کنید و قطعه کد زیر را در ابتدای حلقه وردپرس کپی کنید.

<?php $custom_values = get_post_meta($post->ID, 'post-class'); ?>

حال باید به دنبال خطی با تابع post_class بگردید! شما می توانید در قطعه کد زیر این تابع را مشاهده کنید:


<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

در قطعه کد فوق باید تغییراتی را ایجاد کنید.این خط را تغییر دهید تا مقدار فیلد سفارشی شما همانند کد زیر شود:


<article id="post-<?php the_ID(); ?>" <?php post_class($custom_values); ?>>

اگر شما سورس صفحات خودتان را با ابزار اینسپکت بررسی کنید فیلد های css استفاده شده درون آن ها را میتوانید مشاهده کنید. حال شما می توانید از کلاس های CSS برای افزودن CSS های سفارشی و داشتن مطالبی با استایل متفاوت استفاده کنید. برای عدم ایجاد مشکلات بعدی می توانید یک نسخه پشتیبان از وب سایت تان پیش از ایجاد تغییرات تهیه کنید.

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

امیدوارم این آموزش مورد استفاده شما دوستان قرار گیرد.

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته
Loading...