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

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

( جمعه ، 1 بهمن سال 1400 )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه چهل و هشت

آموزگار :

مهدی جبین پور

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

افزونه مداد زرد وردپرس

افزونـه مداد زرد ، شاهکار طراحی وب …

افزونه مداد زرد جذاب ترین پلاگین دنیای وردپرس است که با آن می توانید طراحی سایت خود را متحول کنید و به زیبایی آن بافزایید.

افزونه مداد زرد وردپرس

افزونـه مداد زرد ، شاهکار طراحی وب …

افزونه مداد زرد جذاب ترین پلاگین دنیای وردپرس است که با آن می توانید طراحی سایت خود را متحول کنید و به زیبایی آن بافزایید.

اورجینال

کیفیت

پشتیبانی

آپدیت

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

مهدی جبین پور

مـهـدی جـبین پـور

دانشجوی دکتری تجارت الکترونیک ، امیدوارم بتوانم خدمتگزار خوبی برای مردم کشورم باشم.

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

( جمعه ، 1 بهمن سال 1400 )

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

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

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

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

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

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

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

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

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

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

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

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

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

برای نوشتن دیدگاه باید وارد بشوید.

129 دیدگاه. ارسال دیدگاه جدید

  • سلام خستع نباشید، ببخشید توی فیلم آموزشی مدرس گفتن اگه این افزونه رو غیر فعال کنیم همه تغییرات پاک میشن ینی پس موقع بروز رسانی که یلحظه افزونه غیرفعال میشه مکشلی پیش نمیاد؟؟؟

    • کارشناس پشتیبانی شماره چهار
      دسامبر 6, 2021 11:14 ق.ظ

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

  • پارسا سلیمانی
    نوامبر 4, 2021 7:56 ب.ظ

    استاد شما برنامه نویسی هم اموزش میدین؟😊

  • پارسا سلیمانی
    نوامبر 4, 2021 7:54 ب.ظ

    سلام استاد خسته نباشید من یک سوال داشتم
    در المان ( آیتم گاهشمار ) که میتوان آیکون اضافه کرد چرا فقط رو عنوان میتونیم لینک بزاریم؟
    من میخوام لینک رو روی ایکون بزارم که وقتی ایکون رو بزنم وارد صفحه ای که میخوایم بشه .
    همچین چیزی ممکنه؟
    اگه بشه خیلی خفن میشه

    • کارشناس پشتیبانی شماره دو
      نوامبر 5, 2021 9:09 ق.ظ

      سلام پارسا،
      بصورت دقیق متوجه نشدم سوال شما مربوط به افزونه مداد زرد است و یا آیتم گاهشمار، اما موضوع این است که درواقع سازنده ها هر امکاناتی را فراهم کرده باشند می توانیم استفاده نماییم. البته که می توان با کدنویسی و سفارشی سازی کردن، بسیاری از تغییرات را انجام داد.
      موفق و پیروز باشید.

      • پارسا سلیمانی
        نوامبر 5, 2021 9:42 ق.ظ

        مجددا خسته نباشید
        نه منظورم خود آیتم گاهشمار هستش ..
        هنوز افزونه مداد زرد رو نصب نکردم
        اگه نصب کنم با افزونه ی مداد زرد حل میشه این میشکل ؟ یا باید کد نویسی کنیم..
        دارم فعلا همه ی المان هارو بررسی میکنم و خیلی جذابن هیجانم و بیشتر از قبل کردن😁

        • کارشناس پشتیبانی شماره دو
          نوامبر 5, 2021 3:16 ب.ظ

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

  • سلام
    چجوری میتونیم ستون هایی ایجاد کنیم که با قرار گرفتن موس روی آنها حرکت یا انیمیشن داشته باشن؟

  • بهرنگ حق دوست
    ژوئن 19, 2021 10:27 ق.ظ

    سلام روزتون بخیر… یه سوال داشتم ممنون میشم یکی راهنمایی که
    سوالم اینه که چرا بعد نصب این افزونه زمانی که میخوام اجراش کنم این alertرو دارو :
    scripts not found و عملا افزونه برام کار نمیکنه

    • کارشناس پشتیبانی شماره چهار
      ژوئن 19, 2021 12:37 ب.ظ

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

  • محمد عزیزی
    می 21, 2021 11:21 ب.ظ

    سلام وقتتون بخیر ، ممکن هست آموزش این که چگونه تغییرات با افزونه مداد زرد را ذخیره کنیم تا اگر افزونه حذف شد تغییرات از بین نرود هم قرار دهید؟

    • کارشناس پشتیبانی شماره دو
      می 22, 2021 11:17 ق.ظ

      با سلام و احترام،
      افزونه کدهایی که ایجاد می کند را در بخشی از تنظیمات خود نگهداری می کند. شما باید کدهای CSS ایجاد شده توسط این افزونه را در بخشی از سایت مثلاً بخش css اضافی ، ذخیره نمایید.
      با تشکر از حضور شما.

  • مرجان جنتی
    می 10, 2021 2:11 ب.ظ

    سلام
    چه افزونه بی نظیری
    ممنون

  • زهرا آساره
    آوریل 29, 2021 6:13 ب.ظ

    با سلام و خداقوت
    من مشکلی دارم در مورد فونت های افزونه مداد زرد
    وقتی وارد ویرایش و قسمت text می شوم همچنان فونت فارسی برای من نمایش داده نمیشه در صورتی که در ویدئو آموزشی فونت های فارسی زفایر رو نشون میده
    این مشکل رو قبلا در ایجاد متن فنسی هم داشتم که همکارانتون راهنمایی کردند که با مداد زرد درست میشه ولی همچنان با نصب مداد زرد هم نمیتونم به فونت های فارسی قالب زفایر دسترسی داشته باشم
    لطفا راهنمایی بفرمایید.با تشکر فراوان

  • محمد کاظمی
    مارس 24, 2021 9:34 ق.ظ

    سلام وقتتون بخیر
    ببخشید ما برای هر پروژه ی ک داریم باید قالب و افزونه هارو دوباره خریداری کنیم؟
    یا با یک بار خرید میشه برای چندتا پروژه استفده کرد؟
    خیلی ممنون

    • کارشناس پشتیبانی شماره سه
      مارس 24, 2021 7:56 ب.ظ

      سلام ، احتراماً همانطور که اطلاع دارید طبق قوانین تا این تاریخ هیچ گونه محدودیتی بابت تعداد دفعات نصب بر روی سایت های یک شخص در محصولات ابزار وردپرس لحاظ نشده است. البته پشتیبانی و برخی ویژگی های خاص محصولات با توجه به هزینه بخش پشتیبانی و نیروی انسانی برای یک دامنه ارائه می گردد. باتشکر

  • حسین نوحیان
    مارس 23, 2021 4:31 ب.ظ

    این دیگه بمب بود.

  • فهیمه حسینی
    مارس 7, 2021 11:44 ق.ظ

    سلام وقت بخیر، توی این آموزش وقتی سایت در حالت گوشی قرار میگیره شمارنده ها و آیکون ها هرکدوم تو یک خط نمایش داده میشن (یعنی در حالت دسکتاپ توی یک خط و در حالت موبایل در ۴خط)
    با مداد زرد میشه کاری کرد که بجای اینکه این شمارنده و آیکون ها در حالت گوشی در ۴خط نمایش داده بشن توی یک خط و مشابه دسکتاپ دیده بشه؟
    امیدوارم منظورمو خوب رسونده باشم، ممنون

  • علی ابوسعیدی
    مارس 1, 2021 12:10 ب.ظ

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

    • کارشناس پشتیبانی شماره سه
      مارس 3, 2021 12:06 ب.ظ

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

  • محمد حسین حسامی
    فوریه 12, 2021 11:36 ق.ظ

    سلام و وقت بخیر من افزونه مداد زرد رو تهیه کردم اما در زمان استفاده از ان فقط برای صفحه اصلی و محصولات برایم میاد اما با گوشی که امتحان میکنم همه صفحات و پست ها و …. هم میاد به نظر شما مشکل از کجاست

  • علی رضا جمالپور
    ژانویه 24, 2021 8:32 ب.ظ

    باسلام این افزونه همون طور ک تو ویدیو مشخص بود بالای سایت نمایش داده میشه و هر ک بخواد میتونه با این نرم افزار تغیراتی تو سایت ایجاد کنه چیکار کنیم ک فقط ادمین بتونه این نرم افزارو ببینه و کاربر نتونه از آن استفاده کنه ممنون

فهرست