بسته
افزودن به لیست علاقه مندی ها

ویرایشگر سریع استایل (CSS)

فروشنده: ناپ شاپ
رایگان تخفیف
تعداد
امتیاز محصول

محصولات مرتبط

  • نقد و بررسی
  • نظرات کاربران
  • پرسش و پاسخ
ناپ کامرس نسخه 4.30, 4.40, 4.50
ادامه مطلب
نقد و بررسی تخصصی

این افزونه به شما امکان می‌دهد ظاهر سایت خود را تغییر دهید، بدون اینکه نیازی به تغییر تم یا ویجت واقعی استفاده شده باشد. این افزونه استایل های  (cascading style sheet) CSS را می‌پذیرد و آن را در تمام صفحات در سراسر سایت شما، چه درون خطی یا از طریق یک فایل CSS جداگانه، اعمال می‌کند.

این بهترین زمانی است که شما نیاز به ایجاد تغییرات کوچک در یک تم یا ویجت موجود دارید، اما نمی‌خواهید با مشکل ویرایش فایل‌های منبع یا استقرار مجدد سایت خود مواجه شوید. در عوض، می‌توانید از این افزونه برای اضافه کردن سبک‌های اضافی استفاده کنید تا سایت شما آنطور که می‌خواهید به نظر برسد.

به عنوان مثال، آیا می خواهید برخی از سرفصل ها را کمی بزرگتر کنید؟ یا رنگ پس زمینه برخی از عناصر را در صفحات محصول خود تغییر دهید؟ یا برخی از عناصر دیگر را با داشتن حاشیه بیشتر در اطراف آنها کمی بیشتر برجسته کنید؟ آسان است! برای ایجاد این تغییرات می توانید از افزونه Easy Style Editor استفاده کنید.

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

با این حال، با کلیک کردن بر روی دکمه "Format styles" یک قالب‌دهنده خودکار کاربردی گنجانده شده است که استایل‌های شما را مرتب می‌کند.

امکانات:

  1. تغییرات استایل خود را (در CSS) در سراسر سایت خود اضافه کنید
  2. شامل یک قالب‌دهنده خودکار برای استایل های شما
  3. می‌توانید نحوه گنجاندن استایل ‌های خود را، چه درون خطی یا از طریق یک فایل، انتخاب کنید
  4. می توانید انتخاب کنید که استایل های خود را به صورت ناهمزمان بارگیری کنید

دستورالعمل نصب و راه اندازی:

  1. آرشیو افزونه را دانلود کنید
  2. به قسمت مدیریت > پیکربندی > افزونه های محلی بروید
  3. آرشیو افزونه را با استفاده از پلاگین «آپلود افزونه یا تم» آپلود کنید
  4. افزونه جدید را در لیست پیدا کنید و روی دکمه "نصب" کلیک کنید
  5. پس از نصب، باید افزونه را با کلیک بر روی دکمه “ویرایش” برای افزونه فعال کنید و گزینه “Enabled” را علامت بزنید.

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

پلاگین چگونه کار می کند؟

این افزونه یک صفحه مدیریت جدید (منطقه مدیریت > پیکربندی > ویرایشگر سبک) اضافه می کند، که در آن می توانید استایل های سفارشی خود را وارد کنید. تغییرات مورد نیاز خود را انجام دهید و روی ذخیره کلیک کنید. سپس این استایل ها به عنوان بخشی از هر صفحه درج می شوند و در انتهای بخش <HTML<HEAD قرار می گیرند.

پیکربندی:

چند گزینه مختلف وجود دارد که نحوه گنجاندن استایل ها را کنترل می کند.

  1. غیرفعال کردن استایل های سفارشی - این کار از گنجاندن استایل های سفارشی بدون نیاز به حذف افزونه جلوگیری می کند.
  2. نوع بارگذاری استایل - در اینجا می توانید انتخاب کنید که استایل ها به صورت "داخلی" بارگیری شوند یا از طریق "فایل"
  3. بارگیری ناهمزمان - انتخاب می کند که آیا فایل مورد استفاده برای استایل های سفارشی به صورت ناهمزمان بارگیری شود یا خیر

انواع بارگذاری سبک

شیوه نامه های CSS مانند این را می توان به دو روش بارگیری کرد - یا در خود صفحه واقعی (گزینه 'inline') یا به عنوان یک فایل جداگانه که در هنگام بارگیری صفحه اصلی درخواست می شود (گزینه 'file').

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

گزینه "inline" برای زمانی خوب است که شما فقط تعداد کمی از استایل های سفارشی دارید - این گزینه باعث می شود مرورگر مجبور نباشد فایل دیگری را از سایت شما درخواست کند که برای بازدید کننده شما سریعتر است و بار روی سرورهای شما را کاهش می دهد. با این حال، این استایل ها اندازه صفحه بازگشتی به بازدیدکننده شما را افزایش می‌دهند، بنابراین زمان دانلود را برای هر صفحه کمی طولانی‌تر می‌کنند.

گزینه "فایل" زمانی خوب است که شما شروع به افزایش تعداد استایل های سفارشی می کنید - به جای اینکه در هر صفحه گنجانده شود، فقط یک پیوند به فایل گنجانده شده است، و مرورگر این فایل را هنگام بارگیری صفحه درخواست می کند. این روش معمولی است که شیت های CSS بارگذاری می شوند. خبر خوب این است که وقتی یک مرورگر این فایل را درخواست کرد، دیگر نیازی به درخواست مجدد آن برای یک سال دیگر ندارد - بنابراین وقتی بازدیدکننده شما به صفحه دیگری در سایت شما می رود، قبلاً این فایل با استایل های سفارشی را دریافت کرده است، بنابراین نیازی به درخواست مجدد آن نیست.

هنگامی که از گزینه "پرونده" استفاده می کنید، گزینه دیگری برای بارگیری این فایل به صورت ناهمزمان در اختیار دارید. به طور پیش فرض، فایل به صورت همزمان بارگیری می شود، بنابراین مرورگر قبل از اتمام بارگیری بقیه صفحه منتظر می ماند تا این فایل دانلود شود. این تضمین می‌کند که سبک‌های سفارشی در دسترس هستند و هنگام بارگیری صفحه برای اولین بار نشان داده می‌شوند، اما ممکن است کمی تأخیر در زمان بارگیری صفحه ایجاد کند. یک گزینه جایگزین این است که این فایل را به صورت ناهمزمان بارگیری کنید، به طوری که مرورگر منتظر دانلود فایل نباشد و ابتدا بارگیری صفحه را تمام کند. در حالی که این اجازه می دهد تا صفحه در سریع ترین زمان ممکن بارگذاری شود، ممکن است تاخیر کمی بین بارگذاری صفحه و نمایش استایل های سفارشی وجود داشته باشد (به عنوان مثال، اگر رنگ پس زمینه را از قرمز به آبی تغییر دهید، ممکن است ابتدا  صفحه را با پس زمینه قرمزببینید، سپس به سرعت به آبی تغییر کند). این فقط برای بازدیدکنندگانی اتفاق می‌افتد که فایل را در حافظه پنهان ندارند، بنابراین احتمالاً در اولین باری که بازدیدکننده به سایت شما دسترسی پیدا می‌کند، اتفاق می‌افتد. بهتر است هر یک از گزینه‌ها را آزمایش کنید تا ببینید کدام یک برای سایت شما بهتر عمل می‌کند و تغییرات استایلی که ایجاد می‌کنید.


افزودن پرسش جدید
با انتخاب دکمه "ثبت پرسش" موافقت خود را با قوانین انتشار محتوا در اعلام می‌کنم.
اطلاع به من در زمان : موجود شدن
0 سبد
بیشتر
دسته ها
جستجو
پروفایل
تماس
دسته بندی ها