mahdiar

انتخاب رنگ بک گراند توسط کاربر

2 پست در این موضوع قرار دارد

سلام

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

کسی می تونه راهنماییم کنه

0

به اشتراک گذاری این پست


لینک به پست

سلام. باید با جاوااسکریپت انجام بدید دیگه، یا جیکوئری. برای گیرنده ی رنگ هم میتونید از colorpicker ای که در خود وردپرس هست استفاده کنید.

مثلا یک اینپوت ایجاد میکنید بعد به جز اتریبیوتهای معمول html اونی که مخصوص این کار هست رو هم بهشت اضافه میکنید:


data-default-color=""

بعد با کد زیر فایل های جاوا و css مورد نیاز رو هم در قسمت head لود میکنید:


<?php
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script('pg-colorpicker-js',get_template_directory_uri().'js/colorpicker.js', array( 'wp-color-picker' ), false, true );
?>

بعد توی فایل colorpicker.js هم همچین کدی مینویسی:


jQuery(document).ready(function($){
$('.boxbgcolor').wpColorPicker();
});

boxbgcolor همون کلاس اینپوت ما هست . اون اتریبیوت data هم برای تنظیم رنگ پیشفرض هست و میتونید کد رنگ توش بنویسیدو

همچنین این colorpicker تنظیمات زیادی داره که سرچ کنید درموردش پیدا میکنید.

کد دوم که نوشتم رو باید توی یک تابع بزارید توی فایل function پوسته و با add_action به هنگام لود wp_head لودش کنید.

بعد هم دیگه میمونه استایل دهی به اون اینپوت که چطوری دیده بشه و غیره.

ویرایش: مقدار بازگشتی هم در اتریبیوت value هست یعنی باید با جاوااسکریپت تنظیم کنید که هرموقع value اینپوت تغییر کرد رنگ اون قسمت همین کد ست بشه.

موفق باشید

4

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری