آموزش طراحی وب

زمینه های دلخواه سفارشی با Advanced Custom Fields​

در این مقاله قصد دارم افزونه Advanced Custom Fields​ رو بهتون معرفی کنم و نحوه ی استفاده از این افزونه رو خدمتتون آموزش بدم.

زمینه های دلخواه با Advanced Custom Fields​

سلام خدمت همراهان همیشگی مدرسه مجازی ایرانیان

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

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

شاید برای شما هم این مشکل بوجود اومده باشه که در سایتتون از زمینه های دلخواه زیادی استفاده کنید و مدیریت این زمینه های دلخواه براتون سخت باشه. با افزونه advanced custom fields به راحتی می تونید زمینه های دلخواهتون رو مدیریت کنید.

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

۲ – پس از اینکه نصب شد در منوی کناری بخشی بنام زمینه های دلخواه اضافه میشه :

advance custom field

حالا روی گزینه ی زمینه های دلخواه کلیک کنید. در صفحه ی جدید دکمه ی افزودن رو کلیک کنید:

advance custom field

وارد صفحه ی تعریف زمینه های دلخواه میشید:

advance custom field

۱- عنوان گروه زمینه های دلخواه رو وارد کنید . (شما میتونید چند گروه زمینه دلخواه ایجاد کنید ، هر گروه در یک کادر و متاباکس مجزا نمایش داده میشه که این مقدار عنوان متاباکس رو مشخص میکنه)

۲- در این قسمت مشخص می کنید که این زمینه های دلخواه برای چه بخشی در نظر گرفته بشه. معمولا برای پست ها زمینه های دلخواه تعریف می کنیم پس ” نوع نوشته ” و ” post ” رو انتخاب می کنیم.

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

مثلا برای دسته بندی نرم افزار یک گروه زمینه دلخواه ، برای دسته بندی های اخبار و مقالات یک گروه دیگه در نظر بگیرید .

۳ –  حالا با زدن دکمه ی افزودن زمینه میتونید به هر تعداد که دلتون میخواد زمینه تعریف کنید. جالب اینجاست که فرمت های مختلفی رو میتونید تعریف کنید. مثلا فیلد متنی باشه ، فیلد تصویر باشه و یا … .

5

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

در ” نام زمینه ” عنوان زمینه دلخواه رو وارد می کنید. نامی که برای تعریف در قالب ازش استفاده می کنید. مثلا در مثالی که در تصویر میبینید ما عنوان رو valume قرار دادیم حالا برای فراخوانی و نمایش مقدار این زمینه دلخواه باید از کد زیر استفاده کنیم:

در صفحه single و حلقه ی نمایش محتوا در جای مناسب کد زیر رو قرار بدید :

به همین ترتیب می تونید با زدن دکمه ی ” افزودن زمینه ” هر چند فیلد دلخواه میخواین تعریف کنید.

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

advance custom field

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

advance custom field

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

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

advance custom field

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

موفق و پاینده باشید

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

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

دیدگاه ۱۸

  • سلام ببخشید چرا سایت آپدیت نمیشه؟آموزش های جدید css و html رو چه موقع میخواین منتشر کنین؟.

    • سلام

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

      موفق باشید

  • سلام.

    وقتی زمینه های دلخواه رو ساختیم، توی کدهای قالب چطور باید اطلاعات رو به اصطلاح بیرون بکشیم؟

    این تابع ()the_field از توابع استاندارد وردپرس هستش؟

    • سلام دوست عزیز
      دقیقا به همون صورت که تو آموزش گفته شده ، مثلا شما یه زمینه دلخواه با نام dlLink میسازید ، حالا برای درج مقدار این زمینه دلخواه در قالب از نامش استفاده می کنید و به شکل زیر اون رو تو قالب می نویسید :

      the_field(‘dlLink’);

      تابع the_field توی افزونه ی advanced custom fields تعریف شده مثل همه ی توابعی که در پوسته ی وردپرس استفاده می کنید و در مخزن وردپرس تعریف شده.
      موفق باشید

  • با سلام
    من میخوام از این افزونه برای درج گالری استفاده کنم ، زمینه دلخواه گالری رو هم ایجاد کردم و در جایی که میخواستم این کد رو از توی مستندات سایت افزونه جاگذاری کردم:

    >
    <a href="”>
    <img src="” alt=”” />


    اما عکسها یا کیفیت پایینی لود میشن
    و همچنین آیکون های جهت برای بجایی بین عکسها هم نمیدونم چه طورپدیدار بشه

  • سلام. من یه فیلد ساختم برای نمایش پست های easy digital downloads در صفحه کتگوری مطالب اصلی. حالا چجوری باید اینارو به نمایش بزارم؟ باید برگه category template رو ویرایش کنم؟ اونجا باید چه کدی رو بزارم؟ من زیاد وارد نیستم ممنون میشم اگر کد لازم رو برام بزارید یا به ایمیلم بفرستید. ممنون

  • لطفا آموزش های jquery هم تو سایتتون بگذارید. این مطالب خیلی کمه .می خوام آموزش
    کامل و حرفه ای جی کوئری از سایت جالب و زیبای شما یاد بگیرم.
    باتشکر

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

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