زمینه دلخواه گروه دکمه ها – ACF Button Group

زمینه دلخواه گروه دکمه ها برای ایجاد چند دکمه « Button » در پنل مدیریت تعبیه شده است. قبل از هر چیز این آموزش نیازمند آشنایی با زمینه های دلخواه پیشرفته Advanced Custom Fields است. پیشنهاد می کنیم قبل از استفاده از این آموزش حتما این مقاله را مطالعه کنید.

گاها هنگام سفارشی سازی پوسته و یا مطالب ما نیاز به چندین دکمه با اطلاعاتی حاوی رنگ های متفاوت، چینش متفاوت برای مثال از چپ به راست یا از راست به چپ و یا هر نوع اطلاعات دیگری هستیم. خوشبختانه با استفاده از افزونه قدرتمند Advanced Custom Fields ایجاد زمینه دلخواه گروه دکمه ها بدون کدنویسی و در سریع ترین زمان ممکن قابل انجام است.

در این قسمت ما تعداد دکمه های ایجاد شده را مشخص می کنیم. هر دکمه در یک خط جدا قرار می گیرد، در هر خط ابتدا مقدار دکمه و سپس برچسب «نام نمایشی» دکمه در پنل مدیریت قرار می گیرد، و این دو از طریق کالن یا دو نقطه ساعتی : از هم جدا می شوند. نکته قابل توجه پذیرش HTML در قسمت نام نمایشی هر دکمه است. در عکس پایین موارد ذکر شده کاملا مشخص شده است.

نکته: هر خط میتواند شامل فقط مقدار شود و وارد کردن نام نمایشی اختیاری است

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

مشخص میکند به صورت پیشفرض کدام یک از دکمه ها انتخاب شده باشند. در این قسمت فقط مقدار دکمه وارد می شود نه برچسب آن.

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

مقدار برگشتی، مقداریست که در هنگام نمایش زمینه در قالب نمایش داده می شود. این مقدار می تواند مقدار دکمه، برچسب دکمه و یا هردوی آنها باشد.

از طریق کد زیر مقدار بازگشت مشخص شده در تنظیمات دکمه نمایش داده می شود.

<p>Color: <?php the_field('color'); ?></p>

از طریق کد زیر مقدار و برچسب دکمه نمایش داده می شود. استفاده از خط زیر فقط در صورتی امکان پذیر است که در تنظیمات دکمه بخش مقدار بازگشت هردو مورد انتخاب شده باشد.

<?php $color = get_field('color'); ?>
	<p> Color: 
		<span class="color-<?php echo esc_attr($color['value']); ?>">
			<?php echo esc_html($color['label']); ?>
		</span>
	</p>

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

<?php 
if( get_field('color') == 'red' ) {
    // Do something.
}
?>

کوئری زیر فقط پست هایی را نشان می دهد که دارای مقدار red برای زمینه color هستند.

<?php
$posts = get_posts( array(
    'meta_query' => array(
        array(
            'key'   => 'color',
            'value' => 'red',
        )
    )
) );

if( $posts ) {
    foreach( $posts as $post ) {
        // Do something.
    }
}
?>