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

متاباکس چیست؟

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

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

چه زمانی از متاباکس استفاده کنیم؟

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

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

ساخت متاباکس وردپرس

کد زیر مقدار بازگشتی فیلد ها را بر می گرداند. این تابع زمانی استفاده می شود که مقدار در متاباکس وارد نشده باشد و مقدار خالی باشد. پس کد زیر را داخل فایل function.php قرار دهید:

قدم بعدی در انجام کار، ساخت متاباکس وردپرس می باشد. با قرار دادن کد زیر متاباکسی به نام ” نمونه متاباکس مدرسه وردپرس” به صفحه نوشته و برگه اضافه خواهد شد. البته شما می توانید نام آن را هم تغییر دهید. کد زیر را داخل فایل functions.php قالب خودتون اضافه کنید

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

متاباکس در وردپرس

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

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

تعریف فیلدهای متاباکس در وردپرس

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

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

پارامتر normal در کدها، به این معناست که متاباکس در زیر ادیتور قرار بگیرد. اگر بخواهید متاباکس در سایدبار چپ زیر متاباکس انتشار قرار بگیرد، می بایست به جای عبارت normal عبارت side را قرار دهید.

پارامتر بعدی high اولیت متاباکس را نشان می دهد و بدین معناست که این متاباکس می بایست اول از همه و قبل از بقیه متاباکس ها قرار بگیرد.

کد زیر جایگاه متاباکس را معرفی می کند:

نکته: کد بالا فقط برای معرفی جایگاه متاباکس قرار داده شده و نیازی به درج آن در فایل function.php نیست

آموزش امروز مدرسه وردپرس هم به پایان رسید.

موفق باشید

11 دیدگاه برای “ساخت متاباکس وردپرس

  • هومن
    - ۱ خرداد , ۱۳۹۳

    سلام. خیلی ممنون بابت آموزش. فقط یه سوال :
    چطور میشه برای متن ادیتور اضافه کرد؟ یعنی به جای textarea خالی ادیتور باشه؟
    ممنون

    • الناز بیک زاده
      - ۱ خرداد , ۱۳۹۳

      سلام هومن جان
      از تابع زیر استفاده کنید

      < ?php wp_editor( '', 'content-id', array( 'textarea_name' => 'content', 'media_buttons' => false, 'tinymce' => array( 'theme_advanced_buttons1' => 'formatselect,forecolor,|,bold,italic,underline,|,bullist,numlist,blockquote,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink,|,spellchecker,wp_fullscreen,wp_adv' ) ) );
      ?>

  • محمد
    - ۲۱ خرداد , ۱۳۹۳

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

    • الناز بیک زاده
      - ۳۱ خرداد , ۱۳۹۳

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

  • milad
    - ۷ بهمن , ۱۳۹۳

    سلام تو قسمت ساخت متاباکس wpschool_meta_box_output رو حذف کنید و به جای اون نام تابع را قرار دهید.

  • فرشید
    - ۲۴ بهمن , ۱۳۹۳

    خیلی از توضیحاتتون ممنونم
    من یک همچین متاباکسی در محصولات ( ووکامرس ) درست کرده ام و به خوبی کار میکند فقط نمیدونم چطوری وقتی کسی اون محصول را میبینه ، موارد ذخیره شده نمایش داده بشه ؟
    ممنون

    • الناز بیک زاده
      - ۲۵ بهمن , ۱۳۹۳

      سلام دوست عزیز. برای نمایش محتوای متاباکس میتونید از کد زیر استفاده کنید
      get_post_meta( get_the_ID(), ‘id’, true )

      در قسمت id نام فیلد را بگذارید

  • dwgir
    - ۲۷ آبان , ۱۳۹۵

    نام فیلد یا آی دی فیلد؟

    • الناز
      - ۲۸ آبان , ۱۳۹۵

      id field

  • مجید
    - ۱۹ اردیبهشت , ۱۳۹۷

    ممنون از آموزش خوبتون
    اما وقتی من این کارارو انجام میدم
    متاباکس افزونه های دیگه ام باز نمیشه
    مثلا متاباکس یواست سئو دیگه باز نمیشه

دیدگاه خود را بیان کنید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Captcha loading...