زمینه های سفارشی وردپرس 101: نکات ، ترفندها و هک ها

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

بسیاری از افزونه ها و تم های محبوب WordPress از زمینه های سفارشی برای ذخیره داده های مهم استفاده می کنند. همچنین می توانید از فیلدهای سفارشی برای ذخیره داده های خود استفاده کرده و سپس از آنها در وب سایت خود استفاده کنید.

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

Using custom fields in WordPress with practical examples

از آنجا که این یک مقاله طولانی است ، ما برای پیمایش آسان جدول مطالب را اضافه کرده ایم.

زمینه های سفارشی وردپرس چیست؟ h4>

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

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

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

قسمت دوم اطلاعات مربوط به آن محتوای خاص است. به عنوان مثال ، عنوان ، نویسنده ، تاریخ ، زمان و موارد دیگر. این بیت اطلاعاتی پست را متادیتا می نامند.

وردپرس به طور خودکار تمام فراداده های مورد نیاز را به هر پست یا صفحه ای که ایجاد می کنید اضافه می کند.

همچنین می توانید با استفاده از فیلدهای سفارشی ، فراداده خود را ایجاد و ذخیره کنید.

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

Post editor options

با این کار یک پنجره بازشو ظاهر می شود که در آن شما باید گزینه “زمینه های سفارشی” را در زیر پانل های پیشرفته بررسی کنید. پس از آن ، بر روی دکمه “فعال کردن و بارگیری مجدد” کلیک کنید تا ویرایشگر پست مجدداً بارگیری شود.

Enable and display custom fields panel

ویرایشگر پست بارگیری مجدد می شود و شما می توانید پانل زمینه های سفارشی را در زیر ویرایشگر محتوا مشاهده کنید.

Custom fields metabox below the post editor

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

با این حال ، برای انجام این کار باید فایل های قالب وردپرس خود را ویرایش کنید.

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

با بیان این مطلب ، بیایید نگاهی به نحوه افزودن و استفاده از زمینه های سفارشی در وردپرس بیندازیم.

افزودن قسمتهای سفارشی در وردپرس h4>

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

Adding custom field name and value

در مرحله بعد ، شما باید یک نام برای فیلد سفارشی خود ارائه دهید و سپس مقدار آن را وارد کنید. برای ذخیره آن روی دکمه Add Custom Field کلیک کنید.

این قسمت ذخیره می شود و در جعبه متا زمینه های سفارشی به این صورت نمایش داده می شود:

Saved custom field

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

اکنون می توانید پست خود را ذخیره کنید تا تنظیمات زمینه دلخواه خود را ذخیره کنید.

نمایش زمینه های سفارشی در مضامین وردپرس h4>

برای نمایش قسمت سفارشی خود در وب سایت خود ، باید فایل های قالب وردپرس خود را ویرایش کنید. اگر قبلاً این کار را انجام نداده اید ، نگاهی به راهنمای ما در نحوه کپی و جایگذاری کد در وردپرس .

ابتدا باید فایل تم را پیدا کنید که برای نمایش فیلد سفارشی خود باید ویرایش کنید. در حالت ایده آل شما می خواهید آن را در یک صفحه پست ارسال کنید. شما باید فایل single.php یا content-single.php را ویرایش کنید.

باید کد قسمتهای سفارشی خود را در داخل حلقه وردپرس وارد کنید > به دنبال خطی بروید که به این شکل است:

  

می خواهید مطمئن شوید که کد خود را قبل از خط زیر اضافه کرده اید:

  

اکنون باید این کد را به پرونده طرح زمینه خود اضافه کنید:

 شناسه ، 'کلید' ، درست است)؛ ؟>

فراموش نکنید که کلید را با نام فیلد سفارشی خود جایگزین کنید. به عنوان مثال ، ما از این کد در موضوع نمایشی خود استفاده کردیم:

 

حالت امروز: شناسه ، 'حالت' ، درست است)؛ ؟>

اکنون می توانید تغییرات خود را ذخیره کرده و از پستی که در آن قسمت سفارشی را اضافه کرده اید بازدید کنید تا در عمل مشاهده شود.

Custom field data displayed in a WordPress theme

اکنون می توانید از این قسمت سفارشی در سایر پست های وردپرس خود نیز استفاده کنید.

به سادگی یک پست جدید ایجاد کنید یا یک پست موجود را ویرایش کنید. به قسمت meta box دلخواه سفارشی بروید و قسمت دلخواه خود را از فهرست کشویی انتخاب کرده و مقدار آن را وارد کنید.

Reuse custom field

برای ذخیره تغییرات روی دکمه “افزودن زمینه سفارشی” کلیک کنید و سپس پست خود را منتشر یا به روز کنید.

نمی توان فیلد سفارشی را در حالت کشویی در صفحه ویرایش پست پیدا کرد h4>

به طور پیش فرض ، وردپرس فقط 30 قسمت سفارشی را در این فرم بارگیری می کند.

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

برای رفع این مشکل ، باید کد زیر را به فایل توابع.php یا افزونه اختصاصی سایت .


add_filter ('postmeta_form_limit'، 'meta_limit_increase')؛
عملکرد meta_limit_increase (محدودیت $) {
    بازگشت 50؛
}

کد بالا این محدودیت را به 50 تغییر می دهد. اگر هنوز نمی توانید قسمت سفارشی خود را مشاهده کنید ، سعی کنید این حد را حتی بیشتر کنید.

ایجاد یک رابط کاربری برای قسمتهای سفارشی h4>

همانطور که مشاهده می کنید ، هرگاه فیلد سفارشی را اضافه کنید ، باید هر بار که یک پست می نویسید ، فیلد را انتخاب کرده و مقدار آن را وارد کنید.

اگر تعداد زیادی فیلد سفارشی یا چندین کاربر در وب سایت خود می نویسید ، این یک راه حل ایده آل نیست.

آیا خوب نیست اگر بتوانید رابط کاربری ایجاد کنید که کاربران بتوانند فرم را برای افزودن مقادیر به قسمتهای سفارشی شما پر کنند؟

این همان چیزی است که افزونه های محبوب وردپرس قبلاً انجام داده اند. به عنوان مثال ، جعبه عنوان SEO و توضیحات متا درون همه در یک افزونه SEO یک جعبه متا سفارشی است:

All in One SEO Pack Meta Box

ساده ترین راه برای انجام این کار استفاده از قسمتهای سفارشی پیشرفته .

افزودن قسمتهای سفارشی با استفاده از قسمتهای پیشرفته سفارشی h4>

اولین کاری که باید انجام دهید نصب و فعال سازی زمینه های سفارشی پیشرفته . برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .

پس از فعال سازی ، باید از صفحه زمینه های سفارشی »گروه های زمینه بازدید کرده و بر روی دکمه افزودن جدید کلیک کنید.

Add new field group

گروه فیلدها مانند ظرف مجموعه ای از فیلدهای سفارشی است. این به شما امکان می دهد چندین پانل از زمینه های سفارشی اضافه کنید.

اکنون ، شما باید یک عنوان برای گروه زمینه خود ارائه دهید و سپس بر روی دکمه “افزودن زمینه” کلیک کنید.

Add new field

اکنون می توانید برای فیلد سفارشی خود نامی تهیه کرده و نوع فیلد را انتخاب کنید. زمینه های سفارشی پیشرفته به شما امکان می دهد انواع زمینه ها از جمله متن ، بارگذاری تصویر ، تعداد ، کشویی ، کادرهای انتخاب و موارد دیگر را ایجاد کنید.

Adding a new fielld

به پایین پیمایش کنید ، گزینه های دیگری برای آن قسمت خاص مشاهده خواهید کرد. می توانید آنها را به نیازهای خود تغییر دهید.

در صورت تمایل می توانید چندین زمینه را به گروه زمینه خود اضافه کنید. پس از پایان کار ، بر روی دکمه انتشار کلیک کنید تا تغییرات خود را ذخیره کنید.

اکنون می توانید یک پست را ویرایش کنید یا یک پست جدید ایجاد کنید و در زیر ویرایشگر محتوا ، یک پانل جدید برای زمینه های سفارشی خود مشاهده خواهید کرد.

Custom field panel on the post edit screen

برای جزئیات دستورالعمل گام به گام ، به راهنمای ما در مورد نحوه افزودن جعبه های متا سفارشی در پست ها و انواع پست های وردپرس .

پنهان کردن زمینه های سفارشی خالی با بیانیه مشروط h4>

تاکنون نحوه ایجاد یک زمینه سفارشی و نمایش آن در موضوع شما را شرح داده ایم.

اکنون بیایید ببینیم چگونه فیلد سفارشی قبل از نمایش خالی است. برای انجام این کار ، کد خود را اصلاح می کنیم تا ابتدا بررسی کنیم که آیا فیلد داده ای در آن دارد.

 ID ، "حالت" ، درست است)؛

if ($ mood) {؟>

حال امروز:

فراموش نکنید که Mood را با نام فیلد سفارشی خود جایگزین کنید.

افزودن مقادیر متعدد به یک قسمت سفارشی h4>

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

Adding multiple values to a custom field

با این حال ، کدی که ما در مثال های بالا استفاده کرده ایم فقط قادر به نشان دادن یک مقدار واحد است.

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

 ID ، 'Mood' ، false)؛
if (شمارش ($ mood)! = 0) {؟>

حال امروز:

    ‘. $ mood. ”؛
    }
    ؟>

فراموش نکنید که Mood را با نام فیلد سفارشی خود جایگزین کنید.

در این مثال ، متوجه خواهید شد که ما آخرین پارامتر عملکرد get_post_meta را به false تغییر داده ایم. این پارامتر مشخص می کند که آیا تابع باید یک مقدار واحد را برگرداند یا خیر. تنظیم آن روی false به شما امکان می دهد تا داده ها را به صورت آرایه ای بازگرداند ، سپس آن را در یک حلقه foreach نمایش می دهیم.

نمایش پست ها با یک کلید سفارشی خاص h4>

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

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

$ args = آرایه (
'meta_key' => 'حالت' ،
'meta_value' => 'مبارک'
)
$ the_query = WP_Query جدید ($ args) ؛



 have_posts ()):؟>


 have_posts ()): $ the_query-> the_post ()؛ ؟>

h2>

فراموش نکنید که پارامترهای meta_key و meta_value را با مقادیر خود جایگزین کنید.

افزودن نام نویسنده مهمان با استفاده از قسمتهای سفارشی h4>

آیا می خواهید پست مهمان اضافه کنید اما نمی خواهید فایل functions.php یا یک افزونه اختصاصی سایت .

add_filter ('نویسنده_ ،' نام_ نویسنده_ مهمان ')؛
add_filter ('get_the_author_display_name'، 'guest_author_name')؛
عملکرد guest_author_name ($ name) {
پست جهانی $؛
$ author = get_post_meta ($ post-> ID ، 'guest-author' ، درست است)؛
اگر ($ نویسنده)
$ name = $ نویسنده؛
بازگشت $ name؛
}

این کد تابعی را به نویسنده و get_the_author_display_name فیلترها در وردپرس.

این تابع ابتدا نام نویسنده مهمان را بررسی می کند. اگر وجود داشته باشد ، نام نویسنده را با نام نویسنده مهمان جایگزین می کند.

اکنون باید پستی را ویرایش کنید که می خواهید نام نویسنده مهمان در آن نمایش داده شود. به قسمت متا جعبه سفارشی بروید و نام نویسنده مهمان خود را اضافه کنید.

Adding guest author custom field

برای جزئیات بیشتر ، به مقاله ما در نحوه بازنویسی نام نویسنده مهمان با فیلدهای سفارشی در وردپرس .

نمایش همکاران مقاله با استفاده از زمینه های سفارشی h4>

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

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

روش دیگر برای این کار افزودن مشارکت کنندگان به عنوان یک زمینه سفارشی است.

ابتدا باید پستی را ویرایش کنید که در آن می خواهید نویسندگان یا همکاران خود را نمایش دهید. به پایین به قسمت متا جعبه های سفارشی بروید و نام نویسندگان را به عنوان فیلد سفارشی همکار اضافه کنید.

Adding co-author custom field

اکنون این کد را به پرونده های تم خود اضافه کنید ، جایی که می خواهید همکاران خود را نشان دهید.


 شناسه ، 'هم نویسنده' ، نادرست)؛
if (شمارش ($ coauthors)! = 0) {؟>
  • همکاران

    '. $ coauthors. '


  • }
    ؟>

برای نمایش نام نویسندگان جدا شده با ویرگول ، می توانید موارد زیر را اضافه کنید CSS سفارشی .

نویسندگان همکار ul {
نمایش: درون خطی ؛
}
. نویسندگان لی {
نمایش: درون خطی ؛
سبک لیست: هیچ؛
}
. نویسندگان لی: بعد از {
محتوا:"،"
}
نویسندگان همکار li: فرزند آخر: بعد از {
    محتوا: ""؛
}
نویسندگان همکار li: فرزند اول: بعد از {
    محتوا: ":"؛
}

در سایت نمایشی ما اینگونه مشاهده شد.

Co-authors displayed using custom fields

نمایش زمینه های سفارشی خارج از حلقه در وردپرس h4>

تاکنون همه مثال هایی را که زمینه های سفارشی در داخل حلقه وردپرس نمایش داده می شوند ، به شما نشان داده ایم. اگر لازم بود آنها را خارج از حلقه نشان دهید چه می کنید؟ به عنوان مثال ، در نوار کناری یک پست واحد.

برای نمایش قسمتهای سفارشی خارج از حلقه وردپرس ، کد زیر را اضافه کنید:

 post-> ID؛
echo get_post_meta ($ postid ، "کلید" ، درست)؛
wp_reset_query ()؛
؟>

فراموش نکنید که کلید را با نام فیلد سفارشی خود جایگزین کنید.

نمایش سرصفحه ، پاورقی ، نوار کناری سفارشی با استفاده از قسمتهای سفارشی h4>

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

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

Adding custom sidebar to a post using custom field

اکنون باید پرونده های قالب WordPress خود را مانند single.php ویرایش کنید ، جایی که می خواهید نوار کناری سفارشی نمایش داده شود. شما به دنبال کد زیر هستید:


این خط را با کد زیر جایگزین کنید:

 post-> ID؛
$ sidebar = get_post_meta ($ postid ، "نوار کناری" ، درست است)؛
get_sidebar ($ نوار کناری)؛
wp_reset_query ()؛
؟>

این کد به سادگی به دنبال قسمت سفارشی ستون کناری می رود و سپس آن را در طرح زمینه شما نمایش می دهد. به عنوان مثال ، اگر wpbpage را به عنوان فیلد سفارشی نوار کناری خود اضافه کنید ، سپس کد برای نمایش فایل sidebar-wpbpage.php جستجو می کند.

شما باید فایل sidebar-wpbpage.php را در پوشه طرح زمینه خود ایجاد کنید. می توانید کد را از فایل sidebar.php طرح زمینه خود به عنوان نقطه شروع کپی کنید.

دستکاری محتوای خوراک RSS با قسمتهای سفارشی h4>

آیا می خواهید داده های متا یا محتوای اضافی را برای کاربران فید RSS خود نمایش دهید؟ با استفاده از زمینه های سفارشی می توانید RSS RSS وردپرس خود را دستکاری کرده و محتوای سفارشی را به فیدهای خود اضافه کنید.

ابتدا لازم است کد زیر را در پرونده یا یک افزونه اختصاصی سایت .

تابع wpbeginner_postrss ($ محتوا) {
$ wp_query جهانی؛
$ postid = $ wp_query-> post-> ID؛
$ coolcustom = get_post_meta ($ postid ، 'coolcustom' ، درست است)؛
if (is_feed ()) {
اگر ($ coolcustom! == "") {
$ content = $ content. "

". $ coolcustom. "
"؛ } دیگر { $ content = $ content؛ } } بازگرداندن محتوای $؛ } add_filter ('the_excerpt_rss'، 'wpbeginner_postrss')؛ add_filter ('the_centent'، 'wpbeginner_postrss')؛

اکنون فقط یک قسمت سفارشی به نام "coolcustom" ایجاد کنید و هر مقداری را که دوست دارید اضافه کنید. می توانید از آن برای نمایش تبلیغات ، تصاویر ، متن یا هر آنچه می خواهید استفاده کنید.

عنوان RSS را با قسمتهای سفارشی دستکاری کنید h4>

گاهی اوقات ممکن است بخواهید متن اضافی به عنوان پست برای کاربران RSS feed اضافه کنید. به عنوان مثال ، اگر در حال انتشار یک پست پشتیبانی شده یا یک پست مهمان هستید.

ابتدا کد زیر را در یا یک افزونه اختصاصی سایت .

تابع wpbeginner_titlers ($ محتوا) {
$ wp_query جهانی؛
$ postid = $ wp_query-> post-> ID؛
$ gpost = get_post_meta ($ postid ، 'guest_post' ، درست است)؛
$ spost = get_post_meta ($ postid ، 'sponsored_post' ، درست است)؛

اگر ($ gpost! == "") {
$ content = 'مهمان پست:'. $ content؛
}
elseif ($ spost! == "") {
$ content = 'Sponsored Post:'. $ content؛
}
دیگر {
$ content = $ content؛
}
بازگرداندن محتوای $؛
}
add_filter ('the_title_rss'، 'wpbeginner_titlers')؛

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

Sponsored and guest post custom fields

اگر هر یک از این دو قسمت سفارشی با مقدار "true" پیدا شود ، متن مناسب قبل از عنوان را اضافه می کند. این روش را می توان به روش های مختلف متناسب با هر آنچه دوست دارید استفاده کرد.

آیا می خواهید هک های خوراک RSS جالب تری بیاموزید؟ راهنمای ما را در مورد چگونگی افزودن محتوا و دستکاری RSS های وردپرس خود .

تعیین تاریخ انقضا برای ارسال ها در وردپرس با استفاده از زمینه های سفارشی h4>

آیا می خواهید برای برخی از پست های سایت وردپرس خود تاریخ انقضا تعیین کنید؟ این در شرایطی مفید است که می خواهید محتوا را فقط برای یک دوره خاص مانند اجرای نظرسنجی یا پیشنهادات محدود ارائه دهید.

یکی از راه های انجام این کار حذف دستی محتوای پست یا استفاده از افزونه ای مانند Post Expirator .

روش دیگر برای این کار استفاده از قسمتهای سفارشی برای انقضا exp خودکار پست ها پس از یک زمان خاص است.

شما باید پرونده های تم خود را ویرایش کنید و حلقه وردپرس را به این صورت اصلاح کنید:

 شناسه ، "انقضا" ، نادرست) ؛
if (شمارش ($ انقضا)! = "") {
if (است_آرایه ($ انقضا)) {
$ expirestring = implode ($ expiredtime)؛
}

$ secondsbetween = strtotime ($ expirestring) -time ()؛
اگر ($ ثانیه بین> = 0) {
echo 'این پست منقضی می شود'. $ expirestring. ''؛
محتوای()؛
} دیگری {
echo "با عرض پوزش ، این پست منقضی شده است!"
}
} دیگری {
محتوای()؛
}
در همین حال
endif
؟>

توجه: برای مطابقت با موضوع خود باید این کد را ویرایش کنید.

بعد از افزودن این کد ، می توانید قسمت سفارشی انقضا را به پستی که می خواهید منقضی شود اضافه کنید. اطمینان حاصل کنید که زمان را با این قالب اضافه کنید mm / dd / yyyy 00:00:00 .

Adding an expiration date using custom field

سبک ارسال های فردی با استفاده از قسمت های سفارشی h4>

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

با این حال ، با استفاده از زمینه های سفارشی می توانید کلاسهای سفارشی خود را اضافه کنید و سپس از آنها برای سبک دادن به پستهای متفاوت استفاده کنید.

ابتدا باید پستی را ویرایش کنید که می خواهید سبک آن متفاوت باشد. به کادر قسمتهای سفارشی و قسمت سفارشی پس از کلاس بروید.

Post class custom field

بعد ، شما باید فایل های قالب WordPress خود را ویرایش کنید و این کد را در ابتدای حلقه وردپرس اضافه کنید.

  ID، 'post-class')؛ ؟> 

اکنون باید یک خط با تابع post_class () پیدا کنید. نحوه نمایش آن در موضوع نمایشی ما این است:

 
>

این خط را تغییر دهید تا مقدار فیلد سفارشی خود را وارد کند ، مانند این:

 
>

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

Custom field post class

اکنون می توانید از این کلاس CSS برای افزودن CSS سفارشی استفاده کنید و پست خود را به گونه ای دیگر سبک کنید.

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

اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .

منبع:
https://www.wpbeginner.com/wp-tutorials/wordpress-custom-fields-101-tips-tricks-and-hacks/.

دیدگاهتان را بنویسید