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

چرا افکت تصویر اهمیت دارد؟

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

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

برای اعمال افکت‌ها در المنتور مراحل ساده‌ای وجود دارد:

1. وارد پیشخوان وردپرس شوید و بخشی که می‌خواهید طراحی کنید را با المنتور باز کنید.

2. تصویری که قصد دارید روی آن افکت اعمال کنید انتخاب نمایید.

3. به بخش استایل (Style) بروید و گزینه فیلترهای CSS (CSS Filters) را انتخاب کنید.

4. در این قسمت می‌توانید تغییرات مختلفی مانند:

   • کنتراست (Contrast): برای برجسته‌تر شدن جزئیات تصویر.

   • اشباع (Saturation): برای زنده‌تر یا کم‌رنگ‌تر کردن رنگ‌ها.

   • تارشدگی (Blur): برای ایجاد پس‌زمینه نرم و جذاب.

   • روشنایی (Brightness): برای روشن‌تر یا تیره‌تر کردن عکس.

   • رنگ (Hue): برای تغییر طیف رنگی تصویر و ایجاد حس متفاوت.

نکات حرفه‌ای در استفاده از افکت‌ها

• از افکت‌ها به اندازه استفاده کنید تا تصویر طبیعی باقی بماند.

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

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

• استفاده از افکت‌ها در هماهنگی با رنگ و طراحی کلی سایت تأثیرگذارتر خواهد بود.

جمع‌بندی

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

منبع : https://ofoghweb.com/css-filters-elemntor/

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

نحوه فعال‌سازی اسکرول افقی در المنتور

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

1. حالت عادی (Normal): جایگاه تصویر، اندازه، و میزان تکرار پس‌زمینه را تنظیم کنید.

2. حالت هاور (Hover): همان تنظیمات حالت عادی را به‌صورت برعکس اعمال کنید تا در زمان حرکت ماوس روی المان، جلوه‌ای متفاوت ایجاد شود.

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

قابلیت‌های پیشرفته برای زیباسازی اسکرول افقی

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

• تنظیم سرعت اسکرول برای ایجاد حرکت آرام یا سریع‌تر.

• ترکیب اسکرول با افکت‌های هاور جهت ایجاد تغییرات پویا.

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

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

جمع‌بندی

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

منبع : https://ofoghweb.com/horizontal-scrolling-elemntor/

حالت تیره یا Dark Mode یکی از قابلیت‌های جذاب المنتور است که هم از نظر ظاهری زیبایی خاصی به محیط کار می‌دهد و هم برای سلامتی چشم‌ها بسیار مفید است. بسیاری از طراحان سایت ساعت‌های طولانی در محیط المنتور کار می‌کنند و نور زیاد صفحه‌نمایش می‌تواند باعث خستگی چشم و کاهش تمرکز شود. فعال کردن این قابلیت علاوه بر راحتی بصری، مصرف انرژی دستگاه را هم کاهش می‌دهد، مخصوصاً در نمایشگرهایی که از فناوری OLED یا AMOLED استفاده می‌کنند.

چرا استفاده از حالت تیره اهمیت دارد؟

• محافظت از چشم‌ها: در محیط‌های تاریک یا شب، نور سفید و آبی زیاد می‌تواند به چشم‌ها آسیب بزند. حالت تیره شدت نور را کاهش می‌دهد.

• صرفه‌جویی در انرژی: در نمایشگرهای مدرن، رنگ مشکی به معنی خاموش بودن پیکسل‌هاست، بنابراین مصرف باتری به شدت کاهش پیدا می‌کند.

• طراحی مدرن‌تر: Dark Mode باعث می‌شود رابط کاربری المنتور جذاب‌تر و حرفه‌ای‌تر به نظر برسد.

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

نحوه فعال‌سازی حالت تاریک در المنتور

برای فعال کردن Dark Mode مراحل زیر را طی کنید:

1. وارد داشبورد المنتور شوید.

2. از منوی سمت چپ، گزینه تنظیمات (Settings) را انتخاب کنید.

3. به بخش عمومی (General Preferences) بروید.

4. گزینه Editor Dark Mode یا حالت ویرایشگر تیره را پیدا کنید.

5. روی حالت تیره (Dark) کلیک کنید و تنظیمات را ذخیره نمایید.

اکنون محیط کاری شما به حالت تیره تغییر می‌کند و می‌توانید طراحی سایت را در فضایی حرفه‌ای‌تر ادامه دهید.

نکات تکمیلی درباره Dark Mode

• این قابلیت از نسخه 2.8 المنتور معرفی شد و بعد از آن به‌طور مرتب بهبود یافته است.

• در صورت تمایل می‌توانید بین حالت روشن (Light) و تیره (Dark) جابه‌جا شوید.

• اگر با افزونه‌های جانبی کار می‌کنید، مطمئن شوید که آن‌ها نیز با حالت تیره سازگاری دارند تا تجربه طراحی شما کامل باشد.

جمع‌بندی

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

منبع : https://ofoghweb.com/dark-mode-elemntor/

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

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

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

روش درست درج شورت‌کد در المنتور

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

مراحل انجام کار:

1. وارد محیط طراحی المنتور شوید.

2. از لیست ابزارک‌ها، ابزارک Shortcode را جست‌وجو کرده و به بخش موردنظر درگ کنید.

3. شورت‌کد موردنظر خود را در قسمت مربوطه وارد نمایید.

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

نمونه کاربردی:

فرض کنید می‌خواهید یک فرم ثبت‌نام ساخته‌شده با افزونه WPForms را در صفحه خود نمایش دهید. کافی است شورت‌کد مربوط به آن فرم مانند نمونه زیر را در ابزارک شورت‌کد وارد کنید:

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

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

• اطمینان از نمایش صحیح و بدون خطا.

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

• افزایش انعطاف‌پذیری در طراحی سایت.

• صرفه‌جویی در زمان و جلوگیری از پیچیدگی‌های کدنویسی.

جمع‌بندی

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

منبع : https://ofoghweb.com/insert-shortcode-elemntor/

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

لیست قیمت معمولاً در کدام صفحه سایت قرار می‌گیرد؟

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

• سایت‌های تک‌صفحه‌ای (One Page): نمایش خدمات و تعرفه‌ها در همان صفحه اصلی.

• سایت‌های چندصفحه‌ای: در صفحه سفارشات، خدمات یا تعرفه‌ها.

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

قرار دادن لیست قیمت در مکان مناسب، تجربه کاربری بهتری برای مخاطب ایجاد کرده و روند تصمیم‌گیری او را تسهیل می‌کند.

مراحل درج لیست قیمت در المنتور

ساخت لیست قیمت در المنتور بسیار ساده است و تنها با چند مرحله انجام می‌شود:

1. وارد محیط طراحی المنتور شوید.

2. یک سکشن جدید ایجاد کرده و ستون‌بندی موردنظر را مشخص کنید.

3. ابزارک Price List (لیست قیمت) یا Price Table (جدول قیمت) را از منوی المنتور انتخاب کرده و در ستون دلخواه قرار دهید.

4. حالا می‌توانید محتوای هر ستون را وارد کنید:

   • عنوان خدمات یا محصول

   • توضیحات کوتاه درباره هر مورد

   • قیمت نهایی یا تعرفه

   • دکمه اقدام به خرید یا سفارش (CTA)

تنظیمات ظاهری لیست قیمت

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

• رنگ متن و پس‌زمینه را تغییر دهید.

• تایپوگرافی و فونت‌ها را تنظیم کنید.

• حاشیه‌ها و فاصله‌گذاری‌ها را تغییر دهید.

• استایل دکمه‌ها را طراحی کنید.

این تنظیمات به شما کمک می‌کند تا لیست قیمت نه‌تنها اطلاعات لازم را منتقل کند بلکه ظاهری جذاب و حرفه‌ای داشته باشد.

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

• شفافیت در ارائه هزینه‌ها به کاربران.

• افزایش اعتماد مشتریان و تسهیل فرآیند خرید.

• امکان طراحی خلاقانه و هماهنگ با هویت بصری سایت.

• انعطاف‌پذیری بالا در نمایش خدمات و پکیج‌ها.

جمع‌بندی

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

منبع : https://ofoghweb.com/insert-price-list-in-elemntor/

نوار پیشرفت (Progress Bar) یکی از ابزارهای کاربردی در طراحی وب‌سایت است که به شما این امکان را می‌دهد میزان پیشرفت یک پروژه، نتیجه یک نظرسنجی یا حتی درصد فروش را به‌صورت گرافیکی و جذاب نمایش دهید. این المان ساده اما حرفه‌ای باعث می‌شود کاربران درک بهتری از وضعیت فعالیت‌ها و عملکرد شما داشته باشند و اعتماد بیشتری به سایت پیدا کنند.

نوار پیشرفت چه کاربردی دارد؟

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

• نمایش درصد پیشرفت پروژه‌های در حال انجام برای مشتریان.

• استفاده در بخش نظرسنجی‌ها و نمایش نتایج به‌صورت تصویری.

• نشان دادن درصد فروش یا موفقیت یک کمپین بازاریابی.

• معرفی مهارت‌ها یا توانایی‌ها در صفحات شخصی و رزومه‌ای.

این قابلیت بسیار انعطاف‌پذیر است و هر مدیر سایتی می‌تواند بسته به نیاز خود از آن بهره ببرد.

نوار پیشرفت معمولاً در کدام بخش سایت قرار می‌گیرد؟

با توجه به ماهیت نوار پیشرفت، این ابزار بیشتر در بخش‌های زیر مورد استفاده قرار می‌گیرد:

• صفحه "درباره ما" برای نمایش مهارت‌ها یا دستاوردها.

• بخش "خدمات" برای نشان دادن درصد پیشرفت در پروژه‌های مختلف.

• فوتر سایت برای معرفی وضعیت کلی یا درصد موفقیت‌ها.

• صفحات فروش یا کمپین‌ها برای نمایش آمار فروش و تخفیف‌ها.

روش ساخت نوار پیشرفت در المنتور

ایجاد یک نوار پیشرفت در المنتور بسیار ساده است و تنها با چند کلیک انجام می‌شود. مراحل کار به این صورت است:

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

2. در بخش ابزارک‌های المنتور، ابزارک Progress Bar (نوار پیشرفت) را جست‌وجو کرده و در بخش دلخواه قرار دهید.

3. از طریق تنظیمات محتوا می‌توانید موارد زیر را تغییر دهید:

   • عنوان نوار پیشرفت

   • نوع و سبک نمایش

   • درصد پیشرفت

   • متن دلخواه همراه با نوار

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

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

• ارائه اطلاعات به‌صورت بصری و جذاب.

• افزایش اعتماد کاربران با نمایش شفاف وضعیت پروژه‌ها یا فعالیت‌ها.

• کمک به حرفه‌ای‌تر دیده شدن سایت.

• قابلیت شخصی‌سازی بالا بدون نیاز به دانش برنامه‌نویسی.

جمع‌بندی

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

منبع : https://ofoghweb.com/learn-how-to-insert-a-progress-bar-elemntor/

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

چه اطلاعاتی باید در بخش معرفی نویسنده قرار گیرد؟

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

• معرفی کوتاه از خود یا تیم‌تان همراه با اهداف کاری.

• اشاره‌ای مختصر به تجربه یا مسیر کاری (گذشته، حال و آینده).

• بیان دیدگاه یا فلسفه کاری خود در یک جمله کوتاه.

• استفاده از جمله‌ای الهام‌بخش یا خلاقانه برای متمایز شدن.

• درج اطلاعات واقعی و صادقانه تا اعتماد بیشتری ایجاد شود.

به یاد داشته باشید توضیحات نویسنده نباید طولانی و خسته‌کننده باشد. هدف اصلی این بخش، معرفی سریع و مؤثر شما به مخاطب است.

مراحل درج اطلاعات نویسنده با المنتور

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

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

از داشبورد وردپرس وارد بخش قالب‌ها (Templates) شوید و گزینه Single Post را انتخاب کنید تا استایل نوشته‌های خود را ویرایش نمایید.

۲. افزودن ابزارک جعبه نویسنده

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

۳. تنظیمات محتوا

در بخش تنظیمات محتوا می‌توانید موارد زیر را اضافه کنید:

• نام نویسنده

• تصویر پروفایل

• توضیحات یا بیوگرافی کوتاه

• لینک شبکه‌های اجتماعی

۴. تنظیمات استایل

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

• تغییر رنگ متن و پس‌زمینه

• ویرایش استایل تصویر پروفایل

• تغییر رنگ و ضخامت کادر

• تنظیم تایپوگرافی و فونت متن

۵. تنظیمات پیشرفته

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

• تنظیم فاصله‌ها و حاشیه‌ها

• افزودن افکت‌های موشن گرافیک

• انتخاب نوع کادر (گوشه گرد یا زاویه‌دار)

• اضافه کردن سایه یا انیمیشن برای بخش نویسنده

جمع‌بندی

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

منبع : https://ofoghweb.com/authors-information-elemntor/

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

کاربردهای شمارشگر معکوس

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

• نمایش زمان باقی‌مانده تا پایان جشنواره‌ها یا تخفیف‌های ویژه.

• شمارش معکوس برای آغاز یک رویداد، وبینار یا کنفرانس.

• ایجاد هیجان در کمپین‌های تبلیغاتی و بازاریابی.

• اطلاع‌رسانی درباره عرضه محصولات جدید.

بهترین زمان برای استفاده از شمارشگر معکوس

تجربه نشان داده است که استفاده از شمارشگر معکوس بین ۱ تا ۳ روز پیش از برگزاری رویداد یا پایان تخفیف بیشترین بازدهی را دارد. در این بازه زمانی، کاربر با مشاهده کاهش زمان دچار حس کمبود وقت می‌شود و احتمال خرید او افزایش می‌یابد. پیشنهاد می‌شود از حالت معکوس (Countdown) استفاده کنید تا کاربر بیشتر متوجه کاهش لحظه‌به‌لحظه زمان شود.

نحوه ایجاد شمارشگر معکوس در المنتور

ایجاد شمارشگر معکوس در المنتور بسیار ساده است و تنها با چند کلیک انجام می‌شود:

1. وارد محیط افزونه المنتور شوید.

2. از بخش ابزارک‌ها، گزینه Countdown Timer (شمارشگر معکوس) را انتخاب کرده و در صفحه قرار دهید.

3. بلافاصله شمارشگر پیش‌فرض نمایش داده می‌شود.

4. حالا می‌توانید تنظیمات دلخواه خود را اعمال کنید؛ از جمله تعیین تاریخ شروع و پایان، تغییر متن‌ها، کم یا زیاد کردن واحدهای زمانی (روز، ساعت، دقیقه و ثانیه) و انتخاب حالت نمایش.

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

مزایای استفاده از شمارشگر معکوس در المنتور

• افزایش نرخ تبدیل: کاربران سریع‌تر تصمیم می‌گیرند و احتمال خرید بالاتر می‌رود.

• ایجاد هیجان و حس فوریت: زمان محدود، انگیزه کاربران را برای اقدام فوری تقویت می‌کند.

• انعطاف‌پذیری در طراحی: امکان تغییر کامل استایل و ظاهر شمارشگر بدون نیاز به کدنویسی.

• کاربرد گسترده: مناسب برای رویدادها، جشنواره‌ها، کمپین‌های فروش و حتی اطلاع‌رسانی ساده.

جمع‌بندی

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

منبع : https://ofoghweb.com/reverse-counter-elemntor/

فهرست مطالب یا همان Table of Contents یکی از مهم‌ترین بخش‌ها در هر وب‌سایت است. این ابزار به کاربران کمک می‌کند تا در میان محتوای طولانی، سریع‌تر به بخش موردنظر خود برسند و تجربه کاربری بهتری داشته باشند. در المنتور نیز ابزارکی مخصوص به نام فهرست مطالب (Table of Contents Widget) وجود دارد که می‌توانید با استفاده از آن، ساختاری منظم برای صفحات خود ایجاد کنید.

اهمیت فهرست مطالب در سایت

وجود فهرست مطالب در صفحات وب چندین مزیت مهم دارد:

• سهولت دسترسی کاربران: بازدیدکننده می‌تواند تنها با یک کلیک روی عنوان موردنظر، به بخش دلخواه هدایت شود.

• بهبود سئو سایت: گوگل به صفحاتی که ساختار مشخص و بخش‌بندی منظم دارند، رتبه بهتری می‌دهد.

• نمایش حرفه‌ای محتوا: با فهرست مطالب، صفحات طولانی قابل خواندن‌تر می‌شوند و کاربر کمتر خسته خواهد شد.

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

مراحل ساخت ابزارک فهرست مطالب در المنتور

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

1. ابتدا یک سکشن جدید در صفحه ایجاد کنید.

2. ابزارک Table of Contents را انتخاب کرده و به صفحه اضافه کنید.

3. حالا به بخش تنظیمات بروید و تغییرات دلخواه خود را اعمال کنید.

ابزارک فهرست مطالب در المنتور سه بخش اصلی برای تنظیمات دارد:

تنظیمات محتوا

• تعیین عنوان فهرست و انتخاب سطح تیترها (h1، h2، h3 و …).

• تنظیم نمایش یا مخفی‌سازی بخش‌های خاص.

• امکان شخصی‌سازی ترتیب و ظاهر تیترها.

تنظیمات استایل

• تغییر رنگ پس‌زمینه جعبه فهرست، رنگ متن و استایل تایپوگرافی.

• تنظیم اندازه و فاصله عنوان‌ها.

• امکان تغییر رنگ نشانگر یا هایلایت عناوین هنگام اسکرول.

• تعیین حاشیه‌ها و استایل مرزبندی.

تنظیمات پیشرفته

• تنظیم پدینگ و مارجین برای کنترل فاصله‌ها.

• امکان تعیین عرض و مکان قرارگیری جعبه فهرست.

• فعال‌سازی حالت شناور برای ثابت ماندن فهرست در حین اسکرول کاربر.

جمع‌بندی

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

منبع : https://ofoghweb.com/content-widget-widget-ele-mntor/

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

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

نحوه ساخت جداکننده در المنتور

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

1. ابتدا یک سکشن جدید در صفحه ایجاد کنید.

2. ابزارک Divider را از بخش المان‌ها انتخاب کرده و در سکشن قرار دهید.

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

بعد از قرار دادن جداکننده، دو بخش اصلی برای تنظیمات آن وجود دارد:

تنظیمات محتوا

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

تنظیمات استایل

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

جمع‌بندی

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

منبع : https://ofoghweb.com/divider-widget-elemntor/