سلام به همه همراهان علاقه‌مند به المنتور! یکی از ویژگی‌های جذاب این صفحه‌ساز محبوب، امکان افزودن افکت‌های متنوع به تصاویر است. تصاویر نقش مهمی در طراحی سایت دارند و می‌توانند احساسات، حس حرفه‌ای بودن و حتی داستان برند شما را منتقل کنند. اما اگر این تصاویر بدون تغییر و افکت استفاده شوند، ممکن است سایت شما ساده و بی‌روح به نظر برسد. المنتور این مشکل را با قابلیت افزودن فیلترهای متنوع 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/

یکی از مهم‌ترین دغدغه‌های طراحان وب، حفظ و مدیریت اطلاعات است. هر لحظه ممکن است به دلایل مختلفی مثل ویروسی شدن سیستم، خرابی سخت‌افزار یا حتی یک اشتباه ساده انسانی، تمام فایل‌ها و طراحی‌های شما از بین برود. از همین رو یادگیری روش‌های ذخیره‌سازی، خروجی گرفتن (Export) و وارد کردن (Import) فایل‌ها در المنتور اهمیت بسیار زیادی دارد.

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

چرا ذخیره‌سازی و خروجی گرفتن در المنتور مهم است؟

• حفاظت از پروژه‌ها: تمام طراحی‌های شما همیشه در معرض خطر حذف یا خراب شدن هستند.

• انتقال آسان قالب‌ها: می‌توانید یک قالب طراحی‌شده را به سایت دیگری منتقل کنید.

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

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

نحوه ذخیره‌سازی و خروجی گرفتن از فایل در المنتور

۱. ذخیره قالب

ابتدا در محیط المنتور و هنگام ویرایش صفحه، در پایین صفحه کنار دکمه به‌روزرسانی (Update) روی گزینه ذخیره‌سازی کلیک کنید. سپس گزینه ذخیره قالب (Save as Template) را انتخاب نمایید. در این مرحله باید یک نام برای قالب خود انتخاب کنید تا در بخش قالب‌ها ذخیره شود.

۲. برون‌بری (Export) قالب

بعد از ذخیره، می‌توانید روی گزینه برون‌بری (Export) کلیک کنید تا یک نسخه از قالب خود در قالب فایل JSON روی سیستم شما ذخیره شود. این فایل همان نسخه پشتیبان قالب است که در آینده می‌توانید دوباره وارد سایت کنید.

۳. درون‌ریزی (Import) قالب

برای آزمایش یا استفاده مجدد از یک قالب ذخیره‌شده، کافی است وارد بخش قالب‌ها (My Templates) شوید. در این قسمت می‌توانید قالب جدیدی ایجاد کنید یا قالب قبلی را ویرایش نمایید. برای وارد کردن فایل ذخیره‌شده، گزینه Import Template را انتخاب کنید و فایل JSON خروجی قبلی را بارگذاری نمایید.

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

نکات مهم در مدیریت فایل‌های المنتور

• نام‌گذاری اصولی قالب‌ها: برای مدیریت بهتر پروژه‌ها، نام‌گذاری صحیح قالب‌ها اهمیت زیادی دارد.

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

• نگهداری فایل‌های خروجی در فضای ابری: برای امنیت بیشتر، فایل‌های Export شده را در سرویس‌های ابری مثل Google Drive یا Dropbox ذخیره کنید.

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

جمع‌بندی

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

منبع : https://ofoghweb.com/save-extract-and-import-files-from-the-library-elemntor/

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

کاربرد اسلایدشو در وب‌سایت‌ها

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

• انتقال پیام‌های مهم: نمایش اطلاعیه‌ها یا رویدادهای ویژه به‌صورت تصویری.

• ابزار تبلیغات: اسلایدرها بهترین محل برای معرفی محصولات یا خدمات جدید هستند.

• جذب کاربران: تصاویر زیبا و متحرک باعث می‌شوند کاربر بیشتر در سایت بماند.

• آموزش و ارائه: اسلایدشو در وبینارها، سخنرانی‌ها یا دوره‌های آموزشی کاربرد فراوان دارد.

• افزایش فروش: معرفی محصولات با اسلایدر تبلیغاتی می‌تواند نرخ تبدیل (Conversion Rate) را بالا ببرد.

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

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

نکات مهم در طراحی اسلایدشو

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

1. حجم تصاویر: تصاویر استفاده‌شده باید کم‌حجم باشند تا سرعت بارگذاری سایت کاهش پیدا نکند.

2. رنگ‌بندی مناسب: انتخاب رنگ‌های هماهنگ و چشم‌نواز تأثیر زیادی بر زیبایی اسلایدر دارد.

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

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

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

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

۱. ایجاد سکشن جدید

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

۲. تنظیمات عمومی و استایل

وارد تنظیمات عمومی سکشن شوید و در بخش پس‌زمینه (Background) گزینه Slideshow را انتخاب کنید. سپس تصاویر دلخواه خود را بارگذاری نمایید.

۳. انتخاب تصاویر و تنظیم افکت‌ها

بعد از انتخاب تصاویر می‌توانید تنظیمات مختلفی اعمال کنید:

• حلقه بی‌نهایت (Loop): تصاویر به‌صورت مداوم تکرار شوند.

• مدت زمان هر اسلاید: مشخص کنید هر تصویر چند ثانیه نمایش داده شود.

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

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

• مدت زمان اجرای انیمیشن: تعیین کنید هر افکت در چه بازه زمانی اجرا شود.

۴. استفاده از ویدئو به‌جای تصویر

اگر بخواهید به‌جای تصاویر از ویدئو استفاده کنید، کافی است در همان بخش پس‌زمینه گزینه ویدئو (Video) را انتخاب کنید. سپس لینک ویدیوی موردنظر را قرار دهید و تنظیمات نمایشی آن را مشخص کنید.

جمع‌بندی

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

منبع : https://ofoghweb.com/slideshow-capability-elemntor/

یکی از امکانات جذاب در طراحی وب‌سایت، استفاده از لینک‌های لنگر (Anchor Links) یا همان ویجت لنگر فهرست در المنتور است. این قابلیت به کاربر اجازه می‌دهد تنها با یک کلیک ساده، به بخشی مشخص از همان صفحه منتقل شود. اگر وب‌سایتی محتوای طولانی داشته باشد، وجود این نوع لینک‌ها نقش مهمی در بهبود تجربه کاربری (UX) ایفا می‌کند. وقتی کاربر روی یک لینک لنگر کلیک کند، صفحه به‌طور خودکار اسکرول شده و کاربر را به بخش مورد نظر هدایت می‌کند. به این ترتیب، دیگر نیازی نیست کاربر با اسکرول طولانی به دنبال بخش دلخواه خود بگردد.

چرا باید از ویجت لنگر فهرست استفاده کنیم؟

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

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

• بهبود تجربه کاربری (UX): کاربرانی که به‌سرعت به جواب می‌رسند، احتمال بیشتری دارد در سایت شما باقی بمانند.

• افزایش نرخ ماندگاری (Time on Site): حرکت روان و هدفمند بین بخش‌های مختلف، باعث می‌شود کاربران زمان بیشتری را صرف مرور مطالب کنند.

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

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

کاربردهای رایج لینک لنگر

برای درک بهتر، بیایید چند نمونه از کاربردهای این قابلیت را بررسی کنیم:

• مقالات آموزشی بلند: کاربر می‌تواند مستقیماً به بخش دلخواه (مثل مراحل نصب یا نتیجه‌گیری) برود.

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

• فروشگاه‌های آنلاین: هدایت کاربر از توضیحات اولیه محصول به مشخصات فنی یا نظرات مشتریان.

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

ساخت لینک لنگر در المنتور

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

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

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

۲. انتخاب ابزارک لنگر فهرست

در صفحه‌ساز المنتور، از بخش ابزارک‌ها، گزینه "لنگر فهرست" (Menu Anchor) را جست‌وجو کنید. این ابزارک مخصوص همین کار طراحی شده است.

۳. قرار دادن ابزارک در محل موردنظر

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

۴. تنظیم شناسه (ID)

بعد از اضافه کردن ابزارک، یک شناسه (Anchor ID) برای آن تعریف کنید. برای مثال اگر نام آن را services قرار دهید، لینک شما به شکل #services خواهد بود.

۵. اتصال لینک به شناسه

اکنون در منوی فهرست یا حتی در یک دکمه می‌توانید آدرس #services را قرار دهید. با کلیک روی آن، کاربر به بخشی که شناسه آن services است منتقل می‌شود.

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

• استفاده از نام کوتاه و مرتبط: شناسه‌ها را کوتاه، خوانا و مرتبط با محتوا انتخاب کنید. (مثلاً about-us یا contact)

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

• یکتا بودن شناسه: در یک صفحه نباید دو بخش با یک شناسه یکسان داشته باشید.

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

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

مقایسه منوهای معمولی با منوی لنگر

چرا المنتور بهترین ابزار برای ساخت لینک لنگر است؟

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

• رابط کاربری ساده و کشیدن و رها کردن (Drag & Drop)

• امکان شخصی‌سازی کامل شناسه‌ها و استایل‌ها

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

• قابلیت بهینه‌سازی برای نمایشگرهای موبایل و تبلت

• سرعت بالا و هماهنگی با سئو

جمع‌بندی

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

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

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

تیتر متحرک چه ارزشی دارد؟

تأثیر تیترهای متحرک تنها به زیبایی محدود نمی‌شود، بلکه از نظر بازاریابی دیجیتال و سئو نیز اهمیت زیادی دارند. مهم‌ترین مزایا عبارت‌اند از:

• جذاب‌تر کردن ظاهر سایت و ایجاد اولین تجربه مثبت برای کاربر

• هدایت نگاه کاربر به بخش‌های کلیدی مثل معرفی محصول یا خدمات خاص

• افزایش نرخ تعامل؛ کاربران بیشتر تمایل به کلیک یا مطالعه خواهند داشت

• ایجاد هویت بصری برای برند؛ سایتی که از افکت‌های پویا استفاده کند، حرفه‌ای‌تر به‌نظر می‌رسد

• بهبود ماندگاری کاربر؛ بازدیدکننده مدت بیشتری در سایت شما وقت می‌گذراند

مقایسه تیترهای استاتیک با تیترهای انیمیشنی

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

مراحل ایجاد تیتر پویا در المنتور

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

انتخاب ابزارک تیتر پویا

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

پیکربندی بخش محتوا

• متن تیتر خود را وارد کنید

• نوع افکت انیمیشنی را مشخص نمایید (مانند تایپ شونده، چرخشی یا محو شدن)

• در صورت نیاز لینک دلخواه را به آن متصل کنید

• جایگاه متن را با گزینه‌های تراز (چپ، راست، وسط) تغییر دهید

• تگ HTML مناسب (h1 تا h6) را برگزینید؛ برای عنوان اصلی بهتر است h1 انتخاب شود

طراحی و استایل‌دهی

• رنگ متن و رنگ افکت را متناسب با رنگ‌بندی سایت انتخاب کنید

• تایپوگرافی شامل فونت، سایز و ضخامت متن را تنظیم کنید

• در صورت تمایل پس‌زمینه یا خط دور برای تیتر تعریف نمایید

• افکت‌های ظاهری مثل سایه و تغییر رنگ در حین حرکت را اضافه کنید

نکات کلیدی برای سازگاری تیتر پویا با سئو

اگرچه استفاده از افکت‌های متحرک جذابیت زیادی دارد، اما باید به بهینه‌سازی هم توجه کنید تا در نتایج گوگل دچار افت نشوید. نکات زیر ضروری هستند:

• استفاده درست از تگ h1 و قرار دادن کلیدواژه اصلی در آن

• پرهیز از استفاده افراطی از افکت‌ها که ممکن است سرعت سایت را کاهش دهند

• بررسی نسخه موبایل برای اطمینان از نمایش صحیح تیتر

• انتخاب انیمیشن‌های سبک برای جلوگیری از کاهش سرعت بارگذاری

• توجه به تعادل؛ انیمیشن باید مکمل محتوا باشد نه مزاحم آن

کاربردهای عملی تیترهای متحرک

• فروشگاه آنلاین: نمایش پیشنهادهای ویژه یا تخفیف‌ها با جلوه متحرک

• رسانه‌های خبری: برجسته‌سازی خبرهای فوری و مهم

• وبلاگ‌های آموزشی: معرفی مقالات پربازدید با تیتر پویا

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

جدول مقایسه‌ای

نتیجه‌گیری

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

منبع : https://ofoghweb.com/animated-title-elemntor-pro/

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

راه‌های ساخت گالری

برای ساخت گالری تصاویر در المنتور، دو روش اصلی وجود دارد:

۱. کتابخانه رسانه‌ها

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

۲. لینک خارجی

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

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

پس از افزودن بخش جدید در صفحه:

1. ابزارک گالری تصاویر (Gallery) را به داخل ستون بکشید.

2. در تنظیمات محتوا، حالت پیکربندی را روی چندگانه (Multiple) قرار دهید.

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

4. با گزینه درج گالری تصاویر را اضافه کنید. بهتر است برای هر تصویر نام مشخصی بگذارید تا مدیریت گالری ساده‌تر شود.

5. تنظیمات طرح‌بندی، ستون‌ها، فاصله‌ها، بارگذاری تنبل (Lazy Load)، پیوند و اندازه تصاویر را طبق نیاز تغییر دهید.

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

7. در بخش پوشش (Overlay) نیز می‌توانید پس‌زمینه، عنوان و توضیحات را تغییر دهید.

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

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

• تغییر رنگ و استایل تصاویر در حالت عادی و هاور.

• تنظیم پس‌زمینه و تایپوگرافی متن‌ها.

• تغییر رنگ و افکت فیلترها برای جذابیت بیشتر.

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

جمع‌بندی

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

منبع : https://ofoghweb.com/use-the-gallery-widget-elemntor/

یکی از ویژگی‌های بصری مهم برای جلب توجه کاربران و افزایش نرخ کلیک در سایت‌ها، استفاده از ستاره‌دهی یا اسکیما (Schema Markup) است. این قابلیت باعث می‌شود مطالب یا محصولات شما در نتایج گوگل همراه با ستاره نمایش داده شوند و همین موضوع تأثیر زیادی در جذب کاربر و بهبود سئو دارد.

ستاره‌دهی چه مزیتی برای مطالب شما دارد؟

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

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

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

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

• مقیاس امتیازدهی را مشخص کنید (مثلاً از 0 تا 5 یا 0 تا 10).

• امکان استفاده از اعداد اعشاری هم وجود دارد.

• نوع آیکن امتیاز (مانند ستاره یا نمادهای دیگر) را انتخاب کنید.

• می‌توانید عنوانی برای بخش امتیازدهی قرار دهید و محل نمایش آن را مشخص کنید.

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

• رنگ متن و تایپوگرافی (نوع فونت، اندازه، وزن فونت و فاصله خطوط) را تغییر دهید.

• اندازه و رنگ ستاره‌ها قابل تغییر است.

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

• ظاهر کلی ستاره‌ها (توپر، خطی یا استایل سفارشی) به دلخواه شما تنظیم می‌شود.

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

• امکان تغییر فاصله‌ها (Margin) و پدینگ وجود دارد تا جایگاه دقیق ستاره‌ها را کنترل کنید.

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

• در بخش حاشیه (Border) نیز امکان گرد کردن گوشه‌ها یا اضافه‌کردن قاب وجود دارد.

جمع‌بندی

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

منبع : https://ofoghweb.com/starring-content-with-elemntor/

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

کاربرد ابزارک نظر دهی در سایت

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

چطور ابزارک نظر دهی در المنتور را اضافه کنیم؟

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

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

در این قسمت شما می‌توانید:

• تصویر دلخواه را از کتابخانه انتخاب کنید.

• نام، عنوان و امتیاز مرتبط با آن را وارد کنید.

• آیکن امتیازدهی (ستاره یا هر نماد دیگری) را تغییر دهید.

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

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

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

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

• تغییر فاصله بین اسلایدها.

• تنظیم عکس پس‌زمینه و حاشیه باکس‌ها.

• تغییر شعاع گوشه‌ها (به صورت درصدی یا پیکسلی).

• تنظیم پدینگ برای تناسب بهتر با طراحی صفحه.

• سفارشی‌سازی جداکننده‌ها، رنگ و اندازه متن، ارتفاع خط و نوع دکوراسیون متن (خط زیرین، رویی یا حذف کامل).

• تغییر اندازه و شکل تصاویر پروفایل، آیکن‌ها و حتی ناوبری اسلایدر.

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

جمع‌بندی

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

منبع : https://ofoghweb.com/add-comment-widgets-in-elmantor/

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

مراحل ساخت لایت‌باکس در المنتور

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

انتخاب قالب

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

افزودن دکمه

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

تنظیمات ویدیو

در بخش تنظیمات، گزینه ویدیو را انتخاب کنید. سپس لینک ویدیوی موردنظر خود (که از قبل دانلود یا آپلود کرده‌اید) را در بخش لینک ویدیو وارد کنید. با این کار، کلیک روی دکمه باعث می‌شود ویدیو در قالب لایت‌باکس نمایش داده شود.

تنظیمات تصویر

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

نکته کلیدی

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

• آیکون‌ها

• تصاویر

• ویدیوها

• لینک‌ها

• هدینگ‌ها

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

جمع‌بندی

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

منبع : https://ofoghweb.com/making-a-light-box-in-elmantor/

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

چرا افزودن نقشه در سایت مهم است؟

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

• کاربران سریع‌تر شما را پیدا می‌کنند.

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

• تجربه کاربری بهبود می‌یابد و احتمال بازگشت کاربران بیشتر می‌شود.

• شفافیت کسب‌وکار افزایش پیدا می‌کند و حس اعتماد در مشتری تقویت می‌شود.

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

مراحل افزودن نقشه در المنتور

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

از این مرحله به بعد، دو بخش اصلی برای تنظیمات در اختیار دارید:

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

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

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

در این بخش ظاهر نقشه را متناسب با طراحی سایت خود سفارشی می‌کنید. از تغییر فاصله‌ها (Padding و Margin) گرفته تا رنگ‌بندی عنوان‌ها، همه چیز قابل ویرایش است. همچنین تایپوگرافی متن‌ها (اندازه، ضخامت، فاصله بین حروف و ...) را می‌توانید تغییر دهید.
برای آیتم‌های داخل لیست نیز رنگ و اندازه جداگانه‌ای تعیین کنید. در نهایت، تنظیمات گلوله‌ها (Bullet Style) امکان تغییر شکل آیکون کنار هر آیتم را فراهم می‌کند؛ می‌توانید آن‌ها را دایره، مربع، دیسک یا حتی غیرفعال انتخاب کنید.

نکات تکمیلی

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

جمع‌بندی

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

منبع : https://ofoghweb.com/add-sitemap-with-elementor/

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

مراحل اصلی ساخت صفحه تماس با ما

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

درج نقشه گوگل مپ یا Waze

برای اینکه کاربران آدرس شما را راحت‌تر پیدا کنند، می‌توانید نقشه محل کارتان را روی سایت نمایش دهید. برای این کار در المنتور ویجت نقشه را انتخاب کنید، سپس از طریق برچسب پویا و گزینه URL تماس نوع آن را روی Google Maps یا Waze قرار دهید. در بخش موقعیت، آدرس محل کار خود را وارد کنید. با این تنظیمات کاربران می‌توانند روی نقشه کلیک کرده و به‌راحتی مسیر شما را پیدا کنند.

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

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

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

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

جمع‌بندی

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

منبع : https://ofoghweb.com/contact-url-elementor/

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

قالب Hello Elementor

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

چرا Hello Elementor؟

• کاملاً رایگان و بدون محدودیت در استفاده

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

• بدون مشکل در استایل‌های CSS یا تناقض رنگ‌ها

• سازگار با اغلب افزونه‌های وردپرس

• انتخابی عالی برای کسانی که می‌خواهند طراحی را از پایه با المنتور انجام دهند

قالب Astra

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

ویژگی‌ها

• ارائه بیش از ۵۰ فونت فارسی رایگان

• کاملاً سازگار با المنتور و سایر صفحه‌سازها

• سبک و بهینه برای سئو و سرعت سایت

• قابلیت سفارشی‌سازی گسترده برای انواع وب‌سایت‌ها

قالب GeneratePress

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

نسخه‌ها

• رایگان: قابل دانلود از مخزن وردپرس

• حرفه‌ای (پولی): همراه با افزونه اختصاصی از سایت GeneratePress.com

مزایا

• سبک و کاملاً بهینه

• مناسب برای سایت‌های حرفه‌ای و فروشگاهی

• انعطاف‌پذیری بالا در طراحی

قالب Page Builder Framework

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

ویژگی‌ها

• بسیار سبک و سریع

• سازگاری کامل با المنتور و سایر صفحه‌سازها

• تمرکز بر خوانایی و طراحی تمیز

• قابلیت ساخت صفحات سفارشی با آزادی عمل بالا

قالب Hestia

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

ویژگی‌ها

• پشتیبانی کامل از المنتور و ویژوال کامپوزر

• کدنویسی استاندارد و بهینه برای سئو

• قابلیت سفارشی‌سازی ظاهر سایت به‌صورت زنده

• واکنش‌گرا و سازگار با انواع دستگاه‌ها

• سازگاری کامل با ویرایشگر گوتنبرگ

جمع‌بندی

برای انتخاب بهترین قالب المنتور، باید به نیاز سایت خود توجه کنید. اگر به دنبال یک قالب ساده و سریع هستید، Hello Elementor بهترین انتخاب است. اگر می‌خواهید امکانات بیشتری مثل فونت فارسی و سفارشی‌سازی گسترده داشته باشید، Astra یا Hestia گزینه‌های مناسبی هستند. برای وب‌سایت‌های حرفه‌ای و فروشگاهی، GeneratePress به دلیل سرعت و سبک بودن انتخابی عالی است.

منبع : https://ofoghweb.com/top-template-elemntor/

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

مفهوم Flow در طراحی صفحات وب

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

Viewport چیست و چه نقشی دارد؟

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

انواع Position در CSS و کاربرد آن‌ها

Static

حالت پیش‌فرض برای همه عناصر است. در این حالت عناصر بر اساس Flow طبیعی در صفحه قرار می‌گیرند و هیچ تغییری در موقعیت آن‌ها اعمال نمی‌شود.

Relative

با استفاده از موقعیت relative، عنصر نسبت به جایگاه اولیه خود حرکت می‌کند. به کمک مقادیر top، right، bottom و left می‌توان این جابه‌جایی را کنترل کرد. نکته مهم این است که عنصر همچنان در جریان صفحه باقی می‌ماند.

Absolute

موقعیت absolute باعث می‌شود عنصر نسبت به نزدیک‌ترین والد غیر static جای‌گذاری شود. این ویژگی معمولاً برای شناورسازی یا قرار دادن یک عنصر در بالاترین لایه صفحه استفاده می‌شود.

Fixed

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

Sticky

حالت sticky ترکیبی از relative و fixed است. عنصر تا زمانی که کاربر اسکرول نکرده، همانند relative عمل می‌کند اما پس از رسیدن به یک نقطه مشخص در Viewport، به صورت ثابت باقی می‌ماند.

تغییر موقعیت عناصر در المنتور

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

تنظیمات افقی

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

تنظیمات عمودی

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

جمع‌بندی

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

منبع : https://ofoghweb.com/postion-tutorials-and-page-element-positions-in-elmantor