رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

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

لینک به ارسال

سلام. باید با جاوااسکریپت انجام بدید دیگه، یا جیکوئری. برای گیرنده ی رنگ هم میتونید از 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 اینپوت تغییر کرد رنگ اون قسمت همین کد ست بشه.

موفق باشید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...