داشتن اطلاعات دقیق و سفارشی سازی شده در صفحات وب از اهمیت بالایی برخوردار است. سیستم مدیریت محتوای وردپرس به عنوان یکی از محبوب ترین ابزارها برای ایجاد وب سایت، امکانات زیادی برای شخصی سازی محتوا فراهم می کند. یکی از این امکانات، قابلیت استفاده از متاباکس ها است. متاباکس ها به شما این امکان را می دهند که به راحتی اطلاعات اضافی را به صفحات و پست های وب سایت خود اضافه کنید و آن ها را به صورت دلخواه به نمایش بگذارید.
متاباکس ها در وردپرس، یک ابزار قدرتمند برای افزودن فراداده (Metadata) و ایجاد فرم های سفارشی در پنل مدیریت هستند. این ویژگی به شما کمک می کند تا به سادگی اطلاعاتی همچون جزئیات نویسنده، تاریخ، مکان، یا هر نوع داده ی سفارشی دیگری را به پست ها و صفحات اضافه کنید. افزونه های متعددی وجود دارند که فرآیند ایجاد و مدیریت متاباکس ها را تسهیل می کنند، اما با استفاده از ابزارهای داخلی وردپرس نیز می توانید این کار را انجام دهید.
استفاده از متاباکس ها نه تنها به بهبود ظاهر و کارایی طراحی وب سایت کمک می کند، بلکه از نظر سئو نیز می تواند تاثیر مثبتی داشته باشد. این ویژگی به شما امکان می دهد تا اطلاعات مفیدی را به موتورهای جستجو ارائه دهید و در نتیجه، رتبه بندی طراحی وبسایت خود را بهبود بخشید. در این مقاله، به بررسی نحوه ایجاد و استفاده از متاباکس های شخصی سازی شده در وردپرس خواهیم پرداخت.
متاباکس در وردپرس چیست و چه کاربردی دارد؟
چگونه میتوانم یک متاباکس سفارشی در وردپرس ایجاد کنم؟
console.log( 'Code is Poetry' );
متاباکس چیست؟
متاباکس (Meta Box) در وردپرس یک بخش قابل تنظیم و قابل استفاده است که به شما امکان می دهد اطلاعات اضافی یا فراداده (Metadata) را به پست ها، صفحات و یا هر نوع محتوای سفارشی دیگر اضافه کنید. این بخش ها معمولاً در صفحه ویرایشگر وردپرس نمایش داده می شوند و می توانند شامل فیلدهای متنی، چک باکس ها، دکمه های رادیویی، انتخاب گرهای تاریخ و سایر عناصر فرم باشند.
در این آموزش قصد داریم تا نحوه افزودن متاباکس شخصی سازی شده در بخش نوشته های وردپرس را به صورت مرحله به مرحله توضیح دهیم. با استفاده از این قابلیت، می توانید اطلاعات اضافی مانند نام نویسنده یا سن او را به پست های خود اضافه کنید و در قالب سایت نمایش دهید.
بیشتر بخوانید:
سفارشی سازی اسکرول بار در وردپرس + ویدیو آموزشی
مراحل افزودن متاباکس شخصی سازی شده
1. فعال سازی زمینه های دلخواه در ویرایشگر گوتنبرگ
- ورود به ویرایشگر گوتنبرگ:
ابتدا وارد یکی از نوشته های خود شوید یا یک نوشته جدید ایجاد کنید. - باز کردن منوی ترجیحات:
در بالا سمت چپ صفحه، روی سه نقطه کلیک کنید و گزینه “ترجیحات” را انتخاب کنید. - فعال سازی زمینه های دلخواه:
در انتهای بخش عمومی، گزینه “زمینه های دلخواه” را فعال کنید.
2. افزودن زمینه های دلخواه به نوشته
- افزودن نام نویسنده: در بخش زمینه های دلخواه، یک زمینه جدید با نام “نام نویسنده” (توجه داشته باشید که باید از خط فاصله استفاده کنید، نه اسپیس) اضافه کنید و نام نویسنده را وارد کنید.
- افزودن سن نویسنده: زمینه دیگری با نام “سن-نویسنده” اضافه کرده و مقدار آن را مثلاً “۲۴” قرار دهید.
3. نمایش زمینه های دلخواه در قالب
- ایجاد قالب سفارشی: با استفاده از ابزار صفحه ساز (مانند المنتور)، قالبی را ایجاد کنید که می خواهید اطلاعات زمینه های دلخواه در آن نمایش داده شود.
- افزودن سکشن برای نمایش اطلاعات: سکشنی را به قالب اضافه کنید که اطلاعات زمینه ها در آن نمایش داده شود.
- استفاده از برچسب های پویا: یک المان متنی (مانند لیست آیکون) را به سکشن اضافه کنید.
متن پیش فرض را پاک کنید و روی “برچسب های پویا” کلیک کنید.
گزینه “کلید دلخواه نوشته” را انتخاب کنید و نام زمینه (مانند “نام-نویسنده”) را وارد کنید. - تنظیم متن و نمایش اطلاعات: برای نمایش نام نویسنده، می توانید قبل از نمایش مقدار، متنی مانند “نام نویسنده: ” اضافه کنید. برای نمایش سن نویسنده، مشابه مرحله قبل عمل کنید و کلید “سن-نویسنده” را وارد کنید.
4. ذخیره و نمایش پست
- ذخیره تغییرات: پست و قالب خود را ذخیره کنید.
- مشاهده نمایش پست: حالا می توانید پست را مشاهده کنید و اطلاعات زمینه های دلخواه (مانند نام و سن نویسنده) در قالب نمایش داده خواهد شد.
آموزش ایجاد متاباکس سفارشی در وردپرس با استفاده از کد
برای افزودن متاباکس سفارشی به پست ها در وردپرس، می توانید از کدهای زیر استفاده کنید. این متاباکس به شما اجازه می دهد اطلاعات اضافی مانند نام نویسنده را در هر پست ذخیره کنید و به راحتی به قالب سایت اضافه نمایید.
- افزودن متاباکس به ویرایشگر وردپرس
ابتدا، متاباکس خود را در ویرایشگر وردپرس تعریف کنید. کد زیر را به فایل functions.php قالب خود اضافه کنید:
// افزودن متاباکس سفارشی برای نمایش اطلاعات نویسنده
function custom_meta_box() {
add_meta_box(
'custom_meta', // شناسه متاباکس
'اطلاعات نویسنده', // عنوان متاباکس
'display_meta_box', // تابع نمایش متاباکس
'post' // نوع پست (در اینجا پست های عادی)
);
}
add_action('add_meta_boxes', 'custom_meta_box');
این کد یک متاباکس جدید به نام “اطلاعات نویسنده” ایجاد می کند که در صفحه ویرایش پست های وردپرس نمایش داده خواهد شد.
- مرحله دوم؛ ایجاد فیلدهای متاباکس برای ذخیره اطلاعات
تابعی که برای نمایش فیلدهای متاباکس تعریف می کنیم، اطلاعات فعلی نویسنده را نمایش می دهد و به کاربر اجازه می دهد که این اطلاعات را ویرایش کند.
// تابع نمایش متاباکس
function display_meta_box($post) {
$author_name = get_post_meta($post->ID, '_author_name', true); // بازیابی اطلاعات ذخیره شده
echo '<label for="author_name">نام نویسنده:</label>';
echo '<input type="text" name="author_name" value="' . esc_attr($author_name) . '" />';
}
کد بالا یک فیلد متنی ایجاد می کند که کاربر می تواند نام نویسنده را وارد کند. این نام با هر بار باز کردن صفحه ویرایش پست، نمایش داده می شود.
- مرحله سوم؛ ذخیره اطلاعات متاباکس در پایگاه داده
حال باید داده هایی که کاربر وارد می کند، در پایگاه داده ذخیره شوند. این کد را به فایل functions.php اضافه کنید تا اطلاعات متاباکس به طور خودکار با ذخیره پست، در پایگاه داده ذخیره شود؛
// ذخیره اطلاعات متاباکس
function save_meta_box_data($post_id) {
if (array_key_exists('author_name', $_POST)) {
update_post_meta(
$post_id,
'_author_name',
sanitize_text_field($_POST['author_name'])
);
}
}
add_action('save_post', 'save_meta_box_data');
این کد اطلاعات فیلد “نام نویسنده” را با استفاده از تابع update_post_meta در پایگاه داده ذخیره می کند.
- مرحله 4: نمایش اطلاعات متاباکس در قالب سایت
برای نمایش داده های متاباکس در قالب سایت، از کد زیر استفاده کنید. این کد را در فایل قالب خود (مثلاً single.php) اضافه کنید تا اطلاعات وارد شده نمایش داده شود.
// نمایش اطلاعات متاباکس در قالب سایت
$author_name = get_post_meta(get_the_ID(), '_author_name', true);
if ($author_name) {
echo '<p>نام نویسنده: ' . esc_html($author_name) . '</p>';
}
این کد نام نویسنده را از پایگاه داده بازیابی کرده و در قالب سایت نمایش می دهد. با این روش می توانید اطلاعات متاباکس های سفارشی را به راحتی به صفحات سایت اضافه کنید.
نتیجه گیری
استفاده از متاباکس متاباکس شخصی سازی در وردپرس، راهی موثر برای افزایش کارایی و جذابیت وب سایت شما است. با افزودن اطلاعات دقیق و به روز، می توانید تجربه کاربری بهتری برای بازدیدکنندگان فراهم کنید و آن ها را به تعامل بیشتر با محتوای خود ترغیب نمایید. همچنین، این قابلیت به شما کمک می کند تا محتوای خود را به شکلی ساختار یافته و سازمان یافته ارائه دهید، که این امر می تواند به افزایش اعتبار وب سایت شما نزد موتورهای جستجو منجر شود.
در کنار افزایش جذابیت بصری، متاباکس متاباکس شخصی سازی امکان انعطاف پذیری بیشتری در نمایش اطلاعات فراهم می کنند. شما می توانید متاباکس ها را برای انواع مختلفی از محتوا، از جمله پست ها، صفحات و محصولات ووکامرس استفاده کنید. این انعطاف پذیری به شما این امکان را می دهد که محتوای خود را بر اساس نیازها و سلیقه های مختلف کاربران تنظیم کنید و بازخورد مثبت تری دریافت نمایید.
اگر به دنبال این هستید که کسب و کار خود را گسترش دهید و برای کسب و کار خودتان طراحی سایت سئو شده انجام دهید میتوانید با مشاوران ما در آژانس دیجیتال مارکتینگ نارینگ در تماس باشد. مهم تر از طراحی سایت در شهر کرج می توان به سئو سایت اشاره کرد. با سئو وب سایت میتوانید کسب و کار خود را نسبت به دیگر رقبا متمایز کنید و کسب و کار خود را در دید مخاطبین هدف قرار دهید.
