افزودن زمینه دلخواه با 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

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

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

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

۵. برگه 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 این بخش بر عهده‌ی خود شماست !

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

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

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

301,250 نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید شاخص

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

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

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

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

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

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

  4. 4 سال عضو همیار وردپرس

    سلام
    بنده یه سایت وردپرسی دارم که با قالب sahifa راه اندازی شده و کدها ی acf رو تونستم تو برگه پست ها (Single.php) قرار بدم اما جزو content به حساب نمیاد و نمیدونم چطور این کد ها رو تو صفحه اصلی تو قسمت خلاصه پست قرار بدم
    و خواستم بدونم میشه توابع the_content() و the_excerpt() رو ویرایش کنم؟
    لطفا راهنمایی کنید
    تشکر

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

  6. 4 سال عضو همیار وردپرس

    ممنون از آموزش خوبتون
    نسخه حرفه ای این افزونه که پولی هم هست و خیلی قابلیت های زیادی هم داره به زبان فارسی با فیلد تاریخ شمسی می تونید از اینجا خرید کنید:
    http://marketwp.ir/products/%D8%B2%D9%85%DB%8C%D9%86%D9%87-%D9%87%D8%A7%DB%8C-%D8%AF%D9%84%D8%AE%D9%88%D8%A7%D9%87-%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87-%D9%86%D8%B3%D8%AE%D9%87-%D8%AD%D8%B1%D9%81%D9%87-%D8%A7%DB%8C-acf-5/

  7. 4 سال عضو همیار وردپرس

    ممنون بابت این آموزش…
    بنده یک گروه زمینه ساختم و تا ۵۷ عدد زمینه تونستم توش ایجاد کنم ولی بیشتر از ۵۷ عدد نشد ایجاد کنم …این مشکل ازچی هست؟؟آیا بیشتر از ۵۷ اصلا میشه ساخت ؟محدودیت دارد یا خیر؟

  8. 4 سال عضو همیار وردپرس

    سلام.
    من همونی ام که عکسش درست لود نمیشد.
    وقتی با
    insept element
    رفتم و آدرسی که عکس لود میکرد رو نگاه کردم دیدم که توی قسمت آدرس یه چیزایه دیگه ای بهجر آدرس عکس وجود داره.
    اما………………….
    مشکل من حل شد.
    اول رفتم پرونده رو به تصویر تغییر دادم.
    سپس در کد به جاش اینو گذاشتم

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

  9. 4 سال عضو همیار وردپرس

    سلام
    من با بخش تصویرش مشکل دارم.
    وقتی عکس رو آپلود میکنم نمایش نمیده وقتی هم آدرس رو چک میکنم میبینم به آدرس اصلی یه چیزایی اضافه کرده.
    آدرس اصلی تصویرم :
    http://localhost/wp-content/uploads/2015/04/fekravard.jpg
    آدرسی که وارد صفحه ام میشه :
    ۶۰, , fekravard, , , image/jpeg, http://localhost/wp-content/uploads/2015/04/fekravard.jpg
    لطف کمک کنید…

  10. 4 سال عضو همیار وردپرس

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

  11. 4 سال عضو همیار وردپرس

    سلام من یه سوالی داشتم .راستش به بن بست رسیدم دیگه !
    من میخام باکس دانلودی که خود قالبم داره استفاده کنم قالبم هم لاگر هست
    حالا مشکل اینکه میرم زمینه رو ایجاد میکنم به شکل متن و بعد لینک میدم اما بجای لینک من لینک آدرس مطلب رو میده .کدی که تو سینگل نمایشش میده اینه لطفاً کمکم کنید
    ID, “download”, true)) : ?>
    <a href="” title=”دانلود ” rel=”bookmark” class=”button”>دانلود

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

      سلام
      خب شما الان آدرس رو باید داخل دو کوتیشن href قرار بدید. مشکل چیه ؟

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

      ممنون از راهنماییتون
      خوب مشکل اینه که من download رو که id هست داخل زمینه قرار میدم اما بازم لینک مطلبم رو نشون میده جای لینک دانلود. با چه کدی میتونم ارتباط با افزونه بر قرار کنم. نمونه ش http://www.ligand.ir/test

  12. 4 سال عضو همیار وردپرس

    تورا خدا یه آموزش ویدیو از این آموزش بزارید آدم گیج میشه حالا دقیقا واسه این آموزش مهم ویدیو نزاشتید؟؟؟

  13. 4 سال عضو همیار وردپرس

    اینا را تو single.php کپی کردم کار نداد؟

  14. سلام من هر کار میکنم عکسم توی صفحه لود نمیشه 
    به url عکسی که گداشتم یه چیزایی اضافه میشه و عکس لود نمیشه.
    ممنون میشم راهنمایی کنید.

  15. دانیال عزیز با تشکر از راهنمایی خوبی که گذاشتید در صورت امکان لطفا مطلبی در رابطه با فرم های سفارش خرید بگذارید چون فک می کنم به جز افزونه مباحث بصورت کد گذاری کم باشد ….

    متشکرم

  16. یه سئوال دیگه هم داشتم که تفاوت این که از افزونه استفاده کنیم یا اینکه از کد نویسی استفاده کنیم در سرعت و لود سایت چقدر تاثیر داره ؟

  17. ممنون ، در فایل sinle.php از این کد استفاده کردم اما این کد برای ابزارک کار نمیکنه !

  18. سلام
    توضیحات کاملی بود ، ممنون

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

    <a target="_blank" href="” > Download

    برای ابزارک هم :
    [acf field="download"]
    برای قسمت ابزارک میخوام اگه فیلدی خالی باشه نشون داده نشده ، از چه کدی باید استفاده کنم ؟

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

      باید زمینه به این صورت فراخوانی بشه : (مثال) ( به استفاده از هر دو تگ get_field و the_field دقت کن )

      <?php if( get_field('field_name') ): ?>
      	<p>My field value: <?php the_field('field_name'); ?></p>
      <?php endif; ?>
      
  19. به به بالاخره می دونستم هروز سر زدنم به همیار بی نتیجه نمی مونه راستش حوصله سر و کله زدن با اون همه کد متاباکس رو نداشتم … راستی میشه برای ساخت فرم های ثبت و نام و سفارش و اینا از این هم استفاده کرد یا فقط در حد ادمین هستش ؟

    ممنونم از راهنمایی و اموزش خوبتون .

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

      اره؛ چرا که نه ! ولی به نظر شخصی بنده بهتره در زمینه فرم‌های سفارش و تماس و اینا از افزونه‌های دیگه‌ای استفاده کنی که مختص ساخت این نوع فرم‌ها هستن

  20. ممکنه بفرمایید کدی که باید تو صفحه استفاده کنیم چیه؟
    ممنون

  21. سلام
    آیا میشه از این افزونه مثل همون زمینه های دلخواه خود سایت استفاده کرد
    یعنی تو صفحه single.php کدها رو بزایم و زمینه ها رو زیر مطلب نمایش بده

  22. ای بابا چرا این قد بی خبر اسباب گشی کردین ؟؟؟ یه ایمیلی یه چیزی..
    نیم ساعته دارم تو سیاره وردپرس دنبال یه مطلب خوب میگردم هی میرم رو لینکا میبینم اسمش عجیب قریبه روش کلیک نمیکنم تا اینکه دیدم مطالبش داره آشنا میشه … بعد که بیشتر دقت کردم دیدم آدرسش هم یه جورایی آشناس بعد یادم اومد که wp 98 هم نمیومد و … بعد از کلی اکتشاف و آزمایش و… فهمیدم همیار وردپرس خودمونه … 🙂
    دفه بعد خواستین آدرس عوض کنین به ما هم بگین …

  23. دمت گرم دانبال خان جدیدا خو ب دوپینگ کردیا (هر پستی اقا مهران و ندا خانوم میزنن پشت بندش دانبال خان اپ میکنه :ی ولی نمدونم چرا جدیدا علی اقا کم پیداس فک کنم بازنشستش کردید شما هااااااااااا اگه دیدیدش از طرف من ی ه سلامی بهشون برسونید !

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

دوره‌های آموزشی