زمینه دلخواه Color Picker یا انتخاب رنگ – افزونه ACF

یکی از قابلیت های خوب افزونه ACF ایجاد زمینه دلخواه Color Picker یا انتخاب رنگ است، زمینه دلخواه Color Picker امکان انتخاب رشته های رنگی HEX از طریق Iris را فراهم کرده است. از این زمینه بیشتر برای ایجاد تغییرات ظاهری استفاده می شود. قبل از هر چیز این آموزش نیازمند آشنایی با زمینه های دلخواه پیشرفته Advanced Custom Fields است. پیشنهاد می کنیم قبل از استفاده از این آموزش حتما این مقاله را مطالعه کنید.

در بسیاری از موارد ممکن است نیازمند به ایجاد تغییر شیوه ظاهری برای یک مطلب یا گروهی از مطالب باشیم، برای مثال رنگ زمینه متن و یا عناوین مطلب با سایر مطالب متفاوت باشد. در حالت پیشرفته تر شاید نیاز باشد تا تمامی مطالب با یکدیگر از لحاظ رنگ زمینه و متن متفاوت باشند، در این حالت استفاده از css و یا کدنویسی دشوار بوده و استفاده از این زمینه برای ایجاد چنین تغییراتی بسیار مفید است.

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

این زمینه مقدار رشته رنگ HEX را با پیشوند # برگشت می دهد، برای مثال مقدار HEX رنگ مشکی برابر است با #000000

مثال زیر با استفاده از استایل درون خطی رنگ پس زمینه یک Div را تغییر می دهد.

<div style="background-color:<?php the_field('color'); ?>">
	Somethings
</div>

مثال زیر برای تغییر رنگ تمامی پاراگراف های صفحه است.

<style type="text/css">
	p {
		color: <?php the_field('paragraph_color'); ?>;
	}
</style>

زمینه Color Picker از طریق فیلتر جاوا اسکریپت color_picker_args قابل تغییر است.

acf.add_filter('color_picker_args', function( args, field ){

    // do something to args
    args.palettes = ['#5ee8bf', '#2f353e', '#f55e4f']


    // return
    return args;

});