میخواهید متاباکس سفارشی برای پستها و صفحات وردپرس ایجاد کنید؟ متاباکس معمولا برای داشتن رابط کاربری بهتر و برای اضافه کردن متادیتا به محتوی پستها استفاده میشود. در این مقاله تعریف متاباکس و نحوه اضافه کردن آن در پستهای وردپرس شرح داده خواهد شد.
متاباکس سفارشی در وردپرس چیست؟
متاباکس سفارشی با اضافه کردن متادیتا در پستها و صفحات، رابط کاربری خیلی بهتری را ارائه داده است. در حالت عادی محتویات وردپرس شامل متن اصلی و متادیتا میباشد. متادیتا اطلاعات مرتبط با محتویات پست میباشد، همانند تاریخ و زمان، نام نویسنده، عنوان و غیره میباشد. در فیلدهای سفارشی قابلیت اضافه کردن متادیتای جدید وجود دارد.
زمانی که متادیتای جدید اضافه میکنید، آپشنهای بیشتری را به پست اضافه کردهاید و اکثر افزونهها به همین صورت امکاناتی را به پست اضافه میکنند. برای مثال عنوان سئو و توضیحات متا در افزونه Yoast SEO نوعی از متاباکس سفارشی میباشد.
اضافه کردن آن بسیار ساده است و در ادامه شرح داده شده است. با ما همراه باشید.
ایجاد متاباکس سفارشی در وردپرس
ابتدا باید افزونه Advanced Custom Fields نصب شود. بعد از فعالسازی افزونه، منوی فیلد سفارشی به منوی مدیریت شما اضافه میشود. روی آن کلیک کنید. اولین بار صفحه باز شده خالی است زیرا تا کنون فیلدی اضافه نکردهاید. روی دکمه جدید کلیک کنید تا فیلدی ایجاد کنید.
در صفحهای که باز میشود، نیاز است عنوانی برای گروه فیلد انتخاب کنید. این عنوان قرار است نام متاباکس جدید شما باشد. سپس روی دکمه فیلد را اضافه کن کلیک کنید.
سپس به فرم تنظیمات فیلد هدایت میشوید. ابتدا باید برچسبی برای فیلد انتخاب کنید. این برچسب در متاباکس نشان داده خواهد شد.
سپس نوع فیلد را انتخاب کنید. این نوع میتواند متن، ناحیه متن، دکمه انتخاب، چک باکس، ویرایشگر فول آپشن، تصویر و غیره باشد. پائین این قسمت میتوانید آپشنهای دیگری به فیلد اضافه کنید. به این آپشنها با دقت نگاه کنید و مواردی که مرتبط هستند را برای فیلد خود تنظیم کنید.
سپس دکمه بستن فیلد را کلیک کنید تا این آپشنها جمع شوند. اگر فیلدهای دیگری نیاز دارید روی دکمه فیلد جدید اضافه کن کلیک کنید.
لازم است به بخش لوکیشن اسکرول کنید. متاباکسهایی که ایجاد کردهاید در این محل نشان داده میشوند.
فیلدهای سفارشی پیشرفته قوانین از پیش تعریف شدهای دارند که باید از بین آنها انتخاب کنید. برای مثال نوع پست، گروهبندی پست، دستهبندی، صفحه پدر و غیره. در ادامه تنظیمات متاباکس نشان داده شده است. ابتدا باید ترتیب آنها را مشخش کنید. اگر چندین گروه فیلد برای یک لوکیشن تعریف کردهاید، لازم است ترتیب نمایش آنها را مشخص کنید. اگر نه این فیلد را با صفر مقدار دهی کنید.
سپس لازم است محل نمایش متاباکس را مشخص کنید. سپس میتوانید استایل نمایش متاباکس را مشخص کنید. اگر seamless را انتخاب کنید یعنی اصلا نمیخواهید متاباکسی نشان داده شود. اگر با استایلها آشناییت ندارید حالت استاندارد را انتخاب کنید. سپس لیست فیلدها در پنجره ویرایش نشان داده میشود. اگر میخواهید فیلدی نشان داده نشود در این قسمت تعیین کنید. در نهایت لازم است مطلب را انتشار دهید تا گروه فیلدتان شروع به کار کند.
تبریک! متاباکس سفارشی شما برای پستتان ایجاد شد. با توجه به تنظیماتی که انجام دادهاید، با ملاقات کردن پستتان میتوانید عکسالعمل متاباکستان را مشاهده کنید.
نمایش متاباکس سفارشی در قالب وردپرس
در مرحله قبل متاباکس را ایجاد کردید، در این مرحله نیاز است اطلاعاتی که در این فیلدها ذخیره میشود را در قالب وردپرس نمایش دهید. ابتدا باید گروه فیلدی که ایجاد کرده بودید را ویرایش کنید. در صفحه ویرایش گروه فیلد، فیلدها و نامهایشان را مشاده میکنید.
برای نمایش این فیلدها در پست خود میتوانید از میانبر استفاده کنید.
[acf field=“article_byline”]
برای نمایش آنها میتوانید از کد نیز استفاده کنید. فایلی که میخواهید اطلاعات این فیلدها درونش نمایش داده شود را انتخاب کنید. برای مثال single.php, content.php, page.php و غیره. کد زیر را در صفحه موردنظر پیدا کنید.
<?php while ( have_posts() ) : the_post(); ?>
بعد از این خط کد مورد نظر خود را اضافه کنید. یعنی کد باید قبل از این خط کد قرار گرفته باشد.
<?php endwhile; // end of the loop. ?>
کد مورد نظر شما تقریبا شبیه به این کد میباشد.
<h2 class=”article-byline”><?php the_field(‘article_byline’); ?></h2>
مثالی دیگر میتواند همانند زیر باشد.
<blockquote class=”article-pullquote”>
<?php the_field(‘article_pullquote’); ?>
</blockquote>
فراموش نکنید نام فیلدهایتان را جایگزین کنید. خوب در این مرحله میتوانید اطلاعاتی که در فیلدهای سفارشی اضافه کردهاید را مشاهده کنید.
منبع: wpbeginner