افزودن زمینه دلخواه با ACF (قسمت دوم)

post

سلامی به گرمای یک قهوه‌ی تلخ !

این نوشته ادامه نوشته‌ی قبلیم هست : لینک به نوشته قبلی 

در نوشته‌ی قبلی توضیحات کلی و تعاریف درباره افزونه داده شد و همچنین دو تابع کاربردی افزونه هم همراه با مثال معرفی شدند.

حال در این نوشته٬ با استفاده از دوتابعی که معرفی شد یک برگه طراحی می‌کنیم !

۱. یک قالب‌بندی به‌نام Home Page ایجاد کنید.

پرونده قالب‌بندی (template file) یک پرونده php در پوشه‌ی قالب شماست که برای نمایش یک نوشته یا برگه به‌کار میرود.

پرونده‌ای با نام TEMPLATE_HOME و با ساختار php در پوشه‌ی پوسته‌ی خود ایجاد کنید. ( TEMPLATE_HOME.php)

و دستورات زیر را در ان کپی کنید .

<?php
/**
* Template Name: Home Page
*/
?>
<?php get_header(); ?>

<?php get_footer(); ?>

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

۲. زمینه‌های دلخواه را ایجاد کنید.

Untitled

هم‌اکنون زمان استفاده از افزونه AFC برای افزودن زمینه‌های دلخواه است ! زمینه‌هایی که نیاز داریم :

  • تیتر ( نوع : متن )
  • تصویر ( نوع : پرونده )
  • ستون ۱ ( نوع : ویرایشگر دیداری)
  • ستون ۲ ( نوع : ویرایشگر دیداری )
  • مقاله برجسته ( نوع : موضوع نوشته )

به برگه افزونه بروید و ۵ زمینه را ایجاد کنید . زمینه‌های شما باید به صورت زیر باشد :
Untitled

۳. تنظیمات مکان

حال که گروه-زمینه خود را ایجاد کرده‌اید٬ باید آن را با برگه‌ای که ساخته‌اید پیوند دهید.Untitled

در ادامه بخوانید  10 قالب شگفت انگیز برای قسمت مدیریت وردپرس

۴. همه‌چیز را مخفی کنید

امکانی که افزونه Advanced Custom Fields به شما می‌دهد مخفی‌سازی المان‌ها از برگه ویرایش نوشته/برگه است . در این قسمت ما نیازی به هیچ‌یک از المان‌های پیش‌فرض نداریم پس همه را مخفی می‌کنیم. ( متاباکس تنظیمات > مخفی‌ماندن در صفحه > مخفی کردن همه )Untitled

۵. برگه Home Page را ویرایش کنید !

حالا برگه مورد نظر را می‌سازیم ! به برگه‌ها > افزودن برگه بروید. در متاباکس صفات برگه ٬ قالب برگه را بر روی Home Page قرار دهید.

و همچنین عنوان برگه را Home قرار دهید ؛ برگه را منتشر کرده و منتظر بمانید تا تغییرات زمینه‌ها اعمال و زمینه‌های برای ویرایش آماده شوند.

Untitled

غول مرحله آخر !

آخرین مرحله از آموزش کمی کدنویسی برای ایجاد برگه قالب‌ TEMPLATE_HOME دارد٬ در این بخش ما فقط به دو تابع از چندین تابع افزونه AFC نیاز داریم : the_field و get_field .

به بخش ویرایشگر پوسته بروید و برگه TEMPLATE_HOME را باز کنید و کدها را به صورت زیر در ان قرار دهید :

<?php
/**
* Template Name: Home Page
*/
?>
<?php get_header(); ?>

<div>
    <h1><?php the_field('heading'); ?></h1>
    <img src="<?php the_field('hero_image'); ?>" alt="Melbourne Web Designer" />
</div>
<div>
    <div>
        <?php the_field('column_1_content'); ?>
    </div>
    <div>
        <?php the_field('column_2_content'); ?>
    </div>
    <div>
        <?php $featured = get_field('featured_article'); ?>
        <h2>Featured Article</h2>
        <h3><a href="<?php echo get_permalink($featured->ID); ?>"><?php echo $featured->post_title ?></a></h3>
        <?php echo $featured->post_excerpt; ?>
    </div>
</div>

<?php get_footer(); ?>

بخش css این بخش قرار نگرفته چرا که اموزش این بخش بیشتر برای آشنایی با شیوه‌ی کار افزونه و نحوه‌ی استفاده از دو تابع بوده و css این بخش بر عهده‌ی خود شماست !

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۱۲۷,۶۶۱ نفر

پاسخ دهید

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

  1. سلام
    چه جوری میشه یک جعبه دانلودی ساخت که به تعداد بالای فیلد برای لینک یا متن داشته باشه.
    مثلا برای اینکه ۲۰ لینک دانلود بسازیم باید ۲۰ تا زمینه لینک دانلود بسازم؟

  2. سلام.
    من این افزونه رو نصب کردم و یه فیلد معمولی(متن) ساختم. کدش رو هم داخل قالب قرار دادم (کپی کردم داخل sigle.php) حالا این فیلد زیر متن پست نمایش داده میشه ولی استایل متن پست رو نداره. چجوری میتونم استایل متنِ پست رو بهش بدم؟
    میدونم سوالم خیلی کلیه ولی اگه یه راهنمایی کوچیک کنید بقیشو خودم میتونم انجام بدم. یه اسکرین شات هم گرفتم که قرارش میدم. خیلی ممنون میشم راهنمایی کنید
    http://uupload.ir/files/m3n8_cats.jpg

    • 3 سال عضو همیار وردپرس

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

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

  3. سلام
    من پکیج ۰ تا ۱۰۰ طراحی وب دوره ۱۴ رو تهیه کردم.
    برای قسمت نمونه کارهای سایت از این افزونه استفاده شده…من روی لوکال هاست انجام دادم ولی وقتی روی هاست واقعی انجام دادم عمل نمیکنه
    یعنی نوع زمینه رو میزارم روی دکمه رادیویی و توی انتخاب ها وارد میکنم
    ولی وقتی تو یه نوشته انتخاب میکنم روی سایت عمل نمیکنه
    امکان داره راهنمایی کنید؟

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین