آموزش ایجاد تغییرات css در سایت با افزونه مداد زرد

معرفی افزونه مداد زرد افزونه مداد زرد (Yellow Pencile) با داشتن یک رابط کاربری بصری و ساده است. با تغییر ظاهر سایت و ایجاد یک سایت حرفه­ ای شما را در پیشبرد اهدافتان کمک می­کند. این افزونه امکانات بسیار زیادی برای تغییر عناصر بدون نیاز به کدنویسی و تنها با انتخاب المان­...
دقیقه
مطالعه

معرفی افزونه مداد زرد

افزونه مداد زرد (Yellow Pencile) با داشتن یک رابط کاربری بصری و ساده است. با تغییر ظاهر سایت و ایجاد یک سایت حرفه­ ای شما را در پیشبرد اهدافتان کمک می­کند. این افزونه امکانات بسیار زیادی برای تغییر عناصر بدون نیاز به کدنویسی و تنها با انتخاب المان­ ها و چند کلیک موس در اختیار شما قرار می­دهد.

نصب افزونه مداد زرد

نسخه اصلی افزونه مداد زرد توسط سایت ابزار وردپرس ارائه شده است. شما می­توانید با خیالی آسوده نسبت به تهیه نسخه اصلی و معتبر این افزونه اقدام کنید. خرید افزونه مداد زرد

پس از خرید و دانلود افزونه مداد زرد، فایل فشرده این افزونه را در مسیر “افزونه ها > افزودن” بارگذاری و نصب کنید.

پس از فعال کردن افزونه، منوی YelowPencile به پیشخوان وردپرس اضافه می­شود. همچنین در نوار مدیریتی وردپرس در مرورگر، گزینه Edit With YellowPencile  را مشاهده می­کنید.

سفارشی سازی عناصر با افزونه مداد زرد

برای تغییر عناصر با افزونه مداد زرد کافیست سایتتان را در مرورگر باز کرده و گزینه Edit With YellowPencile در نوار مدیریتی وردپرس را کلیک کنید.  صفحه سایت در حالت ویرایش با مداد زرد قرار گیرد.

حال المانی را که می­ خواهید تغییر دهید انتخاب کرده و از منو سمت راست، نسبت به تغییر قسمت ­های مختلف المان اقدام کنید. به­ طور مثال با استفاده از مداد زرد فونت، اندازه، رنگ، پس زمینه، border، انیمیشن و تعداد بسیار زیادی از خواص عناصر سایت قابل ویرایش و تغییر است.

ذکر این نکته ضروری است که اولویت تغییر المان­ ها با امکانات صفحه ­ساز ویژوال کامپوزر می­ باشد.  اگر برای المانی امکان ویرایش با صفحه­ ساز وجود نداشت استفاده از افزونه مداد زرد توصیه می­شود. همچنین به یاد داشته باشید در استفاده از افزونه مداد زرد دقت کافی کنید تا با تغییراتی که اعمال می­شود، واکنشگرا(ریسپانسیو) بودن سایتتان از بین نرود.

حالت ریسپانسیو افزونه مداد زرد

با افزونه مداد زرد می­توانید تغییرات ظاهر سایت خود را در حالت ریسپانسیو نیز اعمال نمایید. برای فعال کردن حالت ریسپانسیو در این افزونه از منو سمت چپ گزینه ریسپانسیو را کلیک کنید. سپس اندازه صفحه را برای دستگاه مورد نظرتان تغییر داده و با کمک ابزارهای مداد زرد ظاهر المان­ های سایت را برای نمایش در حالت ریسپاسیو ویرایش کنید.

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

Views 0

مطالب مرتبط

استفاده از برچسب در سئو و بهینه­ سازی سایت تأثیر مثبت دارد. زیاده­ روی در تولید برچسب توصیه نشده...

به­ طور کلی به دلایل زیر استفاده از دسته بندی مطالب توصیه می­شود: دسته بندی­ ها حاوی مطالب موجود...

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

در دنیای وردپرس استفاده از صفحه ­سازها اجتناب­ ناپذیر است. شما می­توانید با  به­ کارگیری صفحه ­س...

ساخت فهرست در وردپرس همان ایجاد منوهایی است که در هدر سایت نمایش داده می­شوند. فهرست­ ها در سایت...

آشنایی با امکانات قالب زفایر با نصب قالب زفایر، زیرگروه زفایر (Zephyr) به پیشخوان وردپرس اضافه م...

تجربه کاربران

دیدگاه‌ها و پرسش‌ها

175 دیدگاه

دیدگاه یا پرسش خود را بنویسید

  1. محیا پیکرزاده
    سلام وقت بخیر آموزش ایجاد تغییرات css در سایت با افزونه مداد زردتمام جلسات رو در سایت پیدا نمیکنم و فقط جلسه48هست چطوری می تونم به تمامی جلسات دسترسی داشته باشم(دوره کامل رو چطوری میتونم خریداری کنم)
  2. هانیه تحیری
    سلام خسته نباشید آیا قابلیت تغییر متن هم داره؟ چون متن دکمه های سبد خرید و بقیه دکمه های مربوط به ووکامرس رو نمی تونم تغییر بدم
    1. محمد قاسمی

      سلام وقت شما بخیر،

       

      برای این مورد میتوانید از آموزش Loco Translate دیدن فرمایید

      با تشکر.

  3. محمد مهدیه
    وقتتون بخیر . تغییراتی که روی هدر با مداد زرد ایجاد میکنیم روی تمام صفحات اعمال میشه یا فقط روی همون صفحه که هستیم اعمال میشه ؟
    1. محمد قاسمی

      سلام وقت شما بخیر،

      اگر حالت گلوبال انتخاب شده باشد روی تمام سایت اعمال خواهد شد

      با تشکر.

  4. محمد مهدیه
    سلام . من پلاگین رو نصب کردم ولی فعال نمیشه . امکانش هست راهنمایی کنید
    1. محمد قاسمی

      سلام وقت شما بخیر،

      در این خصوص آیا با خطای خاصی مواجه میشوید؟ آیا روی هاست واقعی درحال نصب افزونه می‌باشید؟

      با تشکر.

      1. محمد مهدیه
        پلاگین در قسمت افزونه ها توی لیست افزونه ها ام هست . ولی فعال شود و که میزنم اتفاقی نمیفته
        1. محمد قاسمی
          خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا این مورد بررسی شود. باتشکر
      2. محمد مهدیه
        خیر خطایی یا پیامی داده نمیشود . بله روی هاست واقعی هستم
  5. الف طاهری
    سلام و عرض ادب و احترام افزونهٔ مداد زرد برا چه قالب‌هایی کار میکنه؟
    1. محمد قاسمی

      سلام وقت شما بخیر،

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

      با تشکر.

  6. امیرحسین حجازی
    سلام روز بخیر ، من میخوام مثلا برای محصولاتم کارتی با دیزاین و استایلی که خودم دوست دارم استفاده کنم ، میخوام بدونم میتونم من کدهای html خودم و css و js رو در ورد پرس به کار ببرم؟ مثلا کارتی که میخوامو خودم کد نویسیش کنم
  7. مجتبی داودی
    سلام وقت بخیر این افزونه رو ما خریداری کردیم از سایتتون اما موقع نصب این ارور میاد access denied بی زحمت راهنمایی کنید
    1. کامران قائمی

      سلام و احترام خدمت شما کاربر ارجمند ، از شما خواهشمندیم سوالات پس از خرید را  ( در رابطه با محصول خریداری شده از سایت ما ) در بخش تیکت پشتیبانی ( ناحیه کاربری ) ارسال فرمایید ، سوالات شما به سرعت توسط همکاران متخصص ما پاسخ داده خواهد شد.

  8. فرزاد حسین آبادی
    سلام افزونه مداد زرد برای المنتور هم کاراریی داره و میشه رو المنتور استفاده کرد یا فقط برای ویژوال هستش ؟
    1. کامران قائمی

      سلام وقت شما بخیر،

      بله در این صفحه ساز نیز کارایی دارد و شما میتوانید المان های این صفحه ساز را استایل دهی کنید

      با تشکر.

  9. امیر اصفهانی
    سلام وقت شما بخیر در ویدیو وقتی با مداد زرد روی لوگو انیمیشن داد تکرار می شد ولی من وقتی همون کارو میکنم یک بار انجام میشه و تکرار نمیشه میشه راهنمایی کنید
    1. کامران قائمی

      سلام وقت شما بخیر،

      در این خصوص دقت داشته باشید که گزینه تکرار انیمیشن را برای این مورد فعال کرده باشید.

      با تشکر.