دیجی اسکریپت

قالب فروشگاهی وردپرس Envo ecommerce فارسی
[ad_1]

قالب فروشگاهی Envo ecommerce یک قالب‌ رایگان از مخزن وردپرس می‌باشد که کاملا به صورت بهینه طراحی شده است، تا با امکانات بی نطیر قالب، یک سایت فروشگاهی حرفه‌ای برای شما بسازد. در صورتی که تمایلی برای هزینه قالب‌های فروشگاهی ندارید، این قالب برای شما گزینه مناسبی خواهد بود.

قالب فروشگاهی Envo ecommerce

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

امکانات قالب وردپرس Envo ecommerce

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

نصب و راه اندازی:

برای نصب قالب وردپرس envo ecommerce لازم است ابتدا قالب اصلی را از مخزن وردپرس دانلود و نصب کنید ولی فعال نکنید، سپس قالب  child دریافتی از بیست اسکریپت را به صورت معمول در وردپرس خود نصب کنید و فعاال سازی نمایید. سپس افزونه‌های مورد نیاز را از بخش “افزونه ها را نصب کنید” در منوی نمایش نصب و فعال کنید. حال با کمک افزونه one click demo import عملیات درون ریزی محتوا و ابزارک‌ها را انجام دهید. برای تغییر فونت هم می‌توانید از منوی تنظیمات- تغییر فونت اقدام نمایید.

تذکر: این قالب به صورت Child Theme برای شما فارسی سازی شده که بتوانید براحتی قالب اصلی را بدون مشکلی آپدیت کنید؛ پس، قبل از نصب Child Theme، حتما آخرین نسخه قالب را از مخزن وردپرس نصب کنید.

نوشته قالب فروشگاهی وردپرس Envo ecommerce فارسی اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه ساخت اسلایدر و کروسل برای المنتور Glider
[ad_1]

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

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

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

ویژگی های افزونه ساخت اسلایدر و کروسل برای المنتور Glider برای وردپرس :

• در دسترس بودن ۲ طرح بندی اسلایدر
• شامل ۶ تم پلیت زیبای آماده برای المنتور
• امکان نمایش محتوا های سفارشی
• قابلیت تنظیم ارتفاع اسلایدر
• دارای نوع های مختلف ناوبری اسلایدر
• دارای کدنویسی و ساختار شفاف و تمیز
• دارای تنظیمات انعطاف پذیر
• امکان مدیریت تعداد ستون ها برای دستگاه های مختلف
• دارای تنظیمات واکنشگرایی
• سازگار با تمامی قالب های وردپرس ساخته شده با المنتور
• دارای سئوی دوستانه
• دارای فایل های pot برای ترجمه سریع افزونه به زبان دلخواه خود
• بسیار مناسب برای طرح بندی های راستچین
• نصب و استفاده بسیار سریع و آسان
• آزمایش شده و سازگار با وردپرس ۵ و بالاتر
• پشتیبانی از مرورگر های کروم، فایرفاکس، اپرا، سافاری و Edge
• امکان سفارشی سازی آسان با رابط کاربری جذاب
• و …

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

[ad_2]

لینک منبع مطلب

افزایش امکانات صفحه ساز Elementor با افزونه فارسی JetElements نسخه ۲٫۵٫۳
[ad_1]

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

برخی از امکانات افزایش امکانات صفحه ساز Elementor با افزونه JetElements :

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

نوشته افزایش امکانات صفحه ساز Elementor با افزونه فارسی JetElements نسخه ۲٫۵٫۳ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

افزونه Premium Addons PRO امکانات جانبی صفحه ساز Elementor Pro نسخه ۲٫۰٫۷
[ad_1]

Premium Addons PRO نام یک افزونه جانبی صفحه ساز قدرتمند وردپرس Elementor Pro می‌باشد که امکانات بسیار متنوعی را به این صفحه ساز اضافه خواهد کرد. با نصب و فعالسازی این افزونه بیش از ۵۰ المنت و ابزار مختلف به این صفحه ساز اضافه شده و از آنها میتوانید در صفحات خود استفاده کنید. با افزوده شدن المنت های این افزونه به صفحه ساز المنتور ، میتوانید هر المنت را مدیریت کرده و در صورت تمایل آنها را فعال و غیرفعال کنید. تمامی المنت های این افزونه کاملا واکنش گرا و بهینه نیز می‌باشد.

قابلیت های افزونه Premium Addons PRO امکانات جانبی صفحه ساز Elementor Pro نسخه ۲٫۰٫۷

• ارائه المان های جدید
• نمودارهای پرمیوم
• دارای انواع شمارنده های معکوس
• پشتیبانی از RTL
• سفارش سازی به صورت کامل
• انیمیشن های متحرک
• ۱۰۰ الگوی آماده
• سازگار با المنتور پرو
• نمایش تصاویر شفاف
• افزایش نرخ تبدیل
• سازگار با المنتور رایگان
• واکنش گرا و ریسپانسیو
• نقشه گوگل
• المان واتس آپ
• المان اینستاگرام
• پشتیبانی ۲۴ ساعته
• مقایسه تصویر
• ابزارک چت مسنجر
• راهنمای لاتین
• و سایر ویژگی های حرفه ایی..

نوشته افزونه Premium Addons PRO امکانات جانبی صفحه ساز Elementor Pro نسخه ۲٫۰٫۷ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

قالب فروشگاهی وردپرس Rife فارسی
[ad_1]

امروز با یکی دیگر از قالب‌های رایگان وردپرس در بیست اسکریپت ، در خدمت شما هستیم. اگر دنبال یه قالب فروشگاهی سبک و در عین حال شیک و حرفه‌ای هستید که به راحتی بتوانید ویرایشش کنید و بدون دانش کدنویسی سایت دلخواهتان رو طراحی کنید، آن هم به صورت کاملا رایگان! امروز قصد داریم قالب فروشگاهی Rife با طراحی حرفه‌ای و سبک را به شما معرفی کنیم. پس با ما همراه باشید.

دانلود رایگان قالب فروشگاهی Rife

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

قالب رایف برای طراحی صفحات خود از افزونه صفحه‌ساز المنتور استفاده کرده که در حال حاضر محبوب‌ترین افزونه صفحه‌ساز است؛ شما با کمک این افزونه می‌توانید به راحتی صفحات خودتان رو ویرایش کنید، صفحات جدید بسازید و از طراحی سایت لذت ببرید.

هماهنگی با ووکامرس

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

افزودنی‌های اختصاصی المنتور

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

امکانات قالب وردپرس Rife

• سرعت بارگذاری بالا
• ابزارک‌های اختصاصی
• فارسی و راستچین شده
• المان اختصاصی المنتور
• طراحی با استفاده از صفحه ساز المنتور
• سازگاری کامل با ووکامرس
• ریسپانسیو و واکنش‌گرا
• کدنویسی استاندارد
• و …

تذکر: این قالب به صورت Child Theme برای شما فارسی سازی شده که بتوانید براحتی قالب اصلی را بدون مشکلی آپدیت کنید؛ پس، قبل از نصب Child Theme، حتما آخرین نسخه قالب را از مخزن وردپرس نصب کنید.

نوشته قالب فروشگاهی وردپرس Rife فارسی اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ساخت مگامنو های حرفه ای در المنتور با افزونه HT Menu Pro
[ad_1]

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

از قابلیت های اصلی افزودنی HT Menu Pro می توان به امکان اضافه کردن تمپلت های المنتور به یک منو، امکان کنترل عرض منو، قابلیت تنظیم پوزیشن زیر منو، قابلیت تنظیم آیکون منو، امکان تغییر رنگ آیکون منو، قابلیت تنظیم رنگ نشانگر منو و بسیاری قابلیت های دیگر اشاره کرد. در ادامه مطلب به برخی دیگر از امکانات افزودنی ساخت مگامنو وردپرس برای افزونه صفحه ساز المنتور HT Menu Pro اشاره خواهیم کرد.

امکانات ساخت مگامنو های حرفه ای در المنتور با افزونه HT Menu Pro:

• قابلیت تنظیم رنگ بک گراند نشانگر منو
• سازگاری با افزونه فروشگاه ساز ووکامرس
• سازگاری با وردپرس ۵٫۳ و بالاتر
• سازگار با انواع مرورگرها مانند IE11, Firefox, Safari, Opera, Chrome, Edge
• سازگاری با انواع قالب های وردپرس
• رنگبندی نامحدود
• قابلیت سفارشی سازی آسان
• سازگار با انواع دستگاه های کوچک و بزرگ مانند موبایل، تبلت، لپ تاپ و دسکتاپ
• شامل فایل های: CSS, PHP
• و بسیاری امکانات دیگر

نوشته ساخت مگامنو های حرفه ای در المنتور با افزونه HT Menu Pro اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

دانلود قالب فارسی و فروشگاهی Zigcy Lite برای وردپرس
[ad_1]

امروز با یکی دیگر از قالب‌های رایگان ووکامرس در ۲۰اسکریپت در خدمت شما هستیم. در صورتی که تمایلی ندارید برای خرید قالب‌های حرفه‌ای فروشگاهی هزینه پرداخت کنید و تمایل دارید به صورت رایگان از امکانات حرفه‌ای یک قالب وردپرس استفاده کنید؛ پوسته‌های متعددی را برای شما در نظر گرفتیم. امروز هم با یکی دیگر از این دسته که قالب فروشگاهی Zigcy Lite نام دارد با شما هستیم. حتما این تم را امتحان کنید. اما قبل از آن به توضیحات این مقاله با دقت گوش کنید.

قالب فروشگاهی Zigcy Lite

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

در طراحی این قالب از صفحه سازهای وردپرس استفاده نشده که این امر باعث سرعت بارگذاری بیشتر این قالب می‌شود (البته به شخصه اعتقادی به این جمله ندارم و چیزی را نقل می‌کنم که سازنده اعلام کرده است). این مورد بدان معنا نیست که شما نمی‌توانید از صفحه ساز استفاده کنید. قالب زیگسی با صفحه ساز المنتور کاملا سازگار است.

طراحی زیبا و چشم نواز

یکی از موارد قابل توجه و زیبا در قالب فروشگاهی Zigcy Lite، طراحی زیبا به همراه افکت‌های جالب و چشم نواز است که با کمک آن می‌تواند تجربه کاربری بهتری را در اختیار کاربران شما قرار دهد.

سرعت و سادگی

می‌توان گفت، یکی از بهترین ویژگی‌های قالب Zigcy Lite در ووکامرس، سرعت و سادگی آن هست؛ همانطور که گفته شد این قالب به هیچ وجه از صفحه سازی استفاده نمی‌کند و همین امر باعث سبک شدن سایت، سرعت باگذاری بیشتر، استفاده از منابع کمتر و در نتیجه کارایی بهتر خواهد بود. همچنین به دلیل طراحی سبک پیاده کردن امکانات شما، تنها از طریق بخش ابزارک‌ها و سفارش‌سازی هرآنچه در قالب هست را می‌توانید پیاده سازی کنید.

امکانات قالب وردپرس zigcy

• سرعت بارگذاری بالا
• سازگاری با صفحه ساز المنتور
• نمایش سریع محصول
• مقایسه محصولات
• لیست علاقه مندی محصولات
• ابزارک‌های اختصاصی
• فارسی و راستچین شده
• اسلایدر اختصاصی
• جستجوی پیشرفته
• امکان افزودن همکاران و شرکا
• بخش مخصوص بنر تبلیغاتی
• سازگاری کامل با ووکامرس
• ریسپانسیو و واکنشگرا
• کدنویسی استاندارد
• و …

نوشته دانلود قالب فارسی و فروشگاهی Zigcy Lite برای وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

چگونه با کمک المنتور یک کادر ایجاد کنیم؟
[ad_1]

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

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

ایجاد یک کادر در المنتور

می‌دانم که این نکته را می‌دانید ولی برای تاکید بیشتر می‌گویم که یادتان باشد این امکان تنها با نصب المنتور روی سایتتان امکان‌پذیر است. مراحل ایجاد یک کادر در المنتور را قدم به قدم با هم پیش می‌رویم.

قدم اول: لطفا یک برگه با المنتور باز کنید. حال با کلیک روی دکمه + بخشی را اضافه کنید:

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

قدم سوم: حال در اینجا باید به سراغ المان‌ها برویم و یکی را انتخاب کنیم. من در اینجا المان جداکننده را برای ادامه فرآیند کارم انتخاب می‌کنم.

قدم چهارم: ارتفاع آن را در بخش تنظیمات به حداکثر میزانی که به من اجازه می‌دهد تغییر می‌دهم.

قدم پنجم: حال برای ادامه تنظیمات خود نیازمند افزونه کد سی‌اس‌اس هستیم. برای این منظور در المنتور از بخش پیشرفته بر روی بخش CSS سفارشی کلیک کنید:

قدم ششم: حال برای ساخت کادر گرافیکی در المنتور و سفارسی کردن آن قطعه کد زیر را در اینجا وارد کنید:

selector {
   border-left: 1px solid #a70ccc;
   border-right: 1px solid #ff1685;
   box-sizing: border-box;
   background-position: 0 0, 0 100%;
   background-repeat: no-repeat;
   background-size: 100% 1px;
   background-image: linear-gradient(to right, #a70ccc 0%, #ff1685 100%), linear-gradient(to right, #a70ccc 0%, #ff1685 100%);
}

این قطعه کد کاملا سفارسی است و شما می‌توانید رنگ بندی و اندازه‌های آن را تغییر دهید.

به همین راحتی می‌توانید نتیجه کار خود را مشاهده کنید:

ما کادر خود را به این شکل تولید کردیم ولی شما می‌تواند برای ایجاد یک کادر در المنتور، طرح‌های بهتری را در نظر گرفته و اعمال کنید.

امیدوارم از آموزش کوتاه امروز ما خوشتان آمده باشد. بی‌صبرانه منتظر نظرات و پیشنهادات شما عزیزان هستیم.

نوشته چگونه با کمک المنتور یک کادر ایجاد کنیم؟ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ایجاد دکمه در المنتور با کمک آیکون‌ها
[ad_1]

هر سایتی بخش­ و عناصر مختلفی دارد. یکی از عناصری که در هر سایت وجود دارد دکمه‌­ها هستند. از دکمه برای انتقال کاربر به لینک و صفحه جدید، فروش یک محصول، ثبت‌نام کاربر، جلب توجه کاربر به یک موضوع مهم، دریافت فایل و… استفاده می­‌شود. در حالت عادی دکمه دارای شکل خاصی نیست و به صورت ساده در نظر گرفته می‌شود که نمای زیبایی را به سایت نمی‌­دهد. اما ما تصمیم جالبی گرفتیم تا با کمک المنتور برای زیبایی دکمه‌ها و ایجاد دکمه در المنتور کاری کنیم. اگر شما هم این دیدگاه را دارید با این آموزش همراه ما باشید تا قدمی برای زیباتر شدن ظاهر سایت خود بردارید.

ایجاد دکمه در المنتور

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

چگونگی نمایش دکمه به صورت آیکون با المنتور

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

قدم دوم: ساختار بخش ایجاد شده را تعیین کنید. در اینجا حالت تک ستونه را انتخاب کردیم. شما می‌­توانید برای قرارگیری تعداد آیکون­‌های بیشتر در کنارهم، حالت دیگری را انتخاب کنید. این امر کاملا بستگی به نوع سلیقه و نیاز شما دارد.

قدم سوم: برای افزودن عنصر جدید و نمایش دکمه به صورت آیکن، از پنل تنظیمات المنتور در سمت راست صفحه، عنصر آیکون را انتخاب کرده و آن را به سمت بخش ایجاد شده درگ می‌­کنیم. همانطور که در تصویر زیر مشاهده می­کنید:

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

با کلیک کردن بر روی آیکون، مجموعه آیکون­‌ها به صورت زیر نمایش داده می­‌شود. یک مورد از آیکون­‌ها را انتخاب و تغییرات را ذخیره کنید:

با تعیین آیکون به برگه اصلی تنظیمات المنتور برمی­‌گردید. در اینجا می‌­توانید نوع نمایش را تغییر دهید و یا به صورت پیش فرض بگذارید. با تعیین نوع نمایش بایستی شکل آن را هم مشخص کنید. با تمامی این عملیات می‌خواهیم نمایش دکمه در المنتور را امکان‌پذیر سازیم. برای نمونه در تصویر زیر حالت نمایش را قالب­‌دار و شکل آن را گرد انتخاب کرده‌­ایم:

قدم پنجم: برای انجام تنظیمات بیشتر به سربرگ استایل بروید. در اینجا رنگ، سایز، حاشیه و… آیکون قابل تغییر است. همانطور که مشاهده می­‌کنید رنگ آیکون نسبت به حالت پیش‌فرض آن تغییر پیدا کرده است:

همچنین در حالت هاور، زمانی که موس بر روی آیکون می‌­رود انیمیشنی را برای آیکون مشخص کنید و یا اینکه با رفتن اشاره‌گر موس بر روی آیکون رنگ آن تغییر کند. برای ایجاد این تغییرات همانند تصویر زیر عمل کنید:

قدم ششم: حال برای نمایش آیکون به صورت دکمه و لینک‌دار شدن آن به تب محتوا بازگردید و در بخش پیوند، لینکی را به ان اختصاص دهید.

در آخر هم تغییرات را ذخیره کنید تا نتیجه تنظیمات در سایت­تان قابل مشاهده باشد. به همین راحتی امکان ایجاد دکمه در المنتور را فراهم کردیم.

نکته: در تب پیشرفته تنظیمات دیگری وجود دارد که با مراجعه به این تب می‌­توانید پس زمینه، حاشیه و… برای آیکن تعیین کنید.

نوشته ایجاد دکمه در المنتور با کمک آیکون‌ها اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

ایجاد اسکرول افقی در پس‌زمینه با المنتور
[ad_1]

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

ایجاد اسکرول افقی در پس‌زمینه با المنتور

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

قدم اول: افزودن یک بلوک جدید در المنتور

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

حال تعداد ستون و سطرهای مورد نظر خود را انتخاب کنید:

قدم دوم: افزودن عنصر سربرگ

برای اینکه بتوانیم عنصر جدیدی را اضافه کنیم از منوی سمت راست، عنصر سربرگ را انتخاب کرده و به گزینه پیشرفته>> پس‌زمینه می‌رویم.

قدم سوم: تنظیمات تصویر پس‌زمینه

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

قدم چهارم: افزودن CSS

حال نیازمند تنظیماتی فراتر هستیم و باید برای اینکه عملیاتی پیشرفته‌تر انجام دهیم از کدهای سی‌اس‌اس استفاده کنیم. برای این منظور از بخش پیشرفته>> سی‌اس‌اس سفارشی، کد زیر را وارد نمایید:

selector {
    height: 330px !important;
}
selector:hover {
    transition: background-position 1.5s linear 0s;
    background position: center bottom !important;
}

نکته: در حال حاضر این انتخابیست که ما برای سربرگ خود انجام دادیم. در هر صورت اگر می‌خواهید اطلاعاتی از سربرگ را تغییر دهید، مجدد این بخش را بروزرسانی کنید.

قدم پنجم: مشاهده تصویر بک‌گراند

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

همان‌طور که مشاهده می‌کنید می‌توان تصویر بک‌گراند را بصورت افقی پیمایش کرد. اگر شما هم تمایل دارید چنین اتفاقی برای صفحه موردنظرتان بیفتد به همین راحتی این‌کار را انجام دهید.

نوشته ایجاد اسکرول افقی در پس‌زمینه با المنتور اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب