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

elementor warnning

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

آشنایی با بهترین قالب المنتور Hello | قالب مخصوص المنتور

hello theme

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

آموزش طراحی صفحه 404 سفارشی و بهینه با استفاده از المنتور

404 elementor new

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

آموزش طراحی هدر عمودی (Vertical Header) در المنتور + آموزش تصویری

create vertical header elementor

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

8 افزودنی رایگان المنتور در سال 2020 + مقایسه کامل

elementor free addons

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

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

woo panel elementor

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

نمایش نام کاربری شخص وارد شده در هدر سایت با المنتور

name login

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

ابزارک جدید المنتور پرو – اضافه شدن فهرست محتوا

toc in elementor

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

[toc]

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

جواب تمامی سوال ها اینجاست و ابزارک فهرست محتوا (TOC) به المنتور اضافه شده و در ادامه بیشتر هم آشنا میشید با این المان …

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

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

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

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

فهرست مطالب چیست؟

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

فهرست محتوا در گوگل
فهرست مطالب در گوگل

مزایای کلیدی ابزارک Toc در المنتور

7 کاری که فقط ابزارک فهرست محتوا در المنتور (TOC) میتواند انجام دهد

در اینجا 7 ویژگی مفید ویجت Table Contents (فهرست مطالب) آورده شده است.

1 – کنترل مطلق بر روی عناوین و تگ های عنوان

آیا شما H2 بیشتر استفاده می کنید یا H3؟

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

2 – فهرست محتویات مهم که برجسته می شود

فهرست محتوای چسبنده بری هر مقاله میتوانید استفاده کنید.

به این ترتیب ، لیست عناوین همیشه در صفحه نمایش داده میشود، مهم نیست که بازدید کننده چه مقدار صفحه را پیمایش کند یعنی فهرست همزمان با پیشمایش کاربر حرکت میکند!

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

3 – استایل های منحصر به فرد در لیست

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

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

4 – انعطاف پذیرترین فهرست مطالب در طراحی

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

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

5 – تنظیم نحوه نمایش برای تبلت و موبایل

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

6 – قدرت بالای صفحه ساز و فهرست مطالب

تاکنون روش های محدودی برای اضافه کردن فهرست مطالب وردپرس وجود داشته است: استفاده از افزونه ، کد کوتاه یا …

همه این راه حل ها در جایی که جدول محتوا اعمال شود ، انعطاف پذیری زیادی ارائه نداده اند.

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

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

7 – SEO ، Google Schema & Snippets Rich (سئو، ریچ اسنیپت، گوگل اسکیما)

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

منبع : elementor.com

ساخت پنل کاربری ووکامرس بدون کدنویسی با المنتور + فیلم آموزشی

create woo panel

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

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

[toc]

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

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

آموزش ساخت پنل کاربری ووکامرس

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

برای این آموزش ما به افزونه های زیر نیاز داریم :

  1. افزونه المنتور (دانلود افزونه المنتور)
  2. افزونه Elementor Pro (دانلود افزونه المنتور پرو)

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

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

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

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

منظور از پنل کاربری ووکامرس چیه؟

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

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

در زیر یک پنل کاربری ووکامرس رو مشاهده میکنید :

پنل کاربری ووکامرس
سفارشی سازی پنل کاربری ووکامرس

سفارشی سازی پنل کاربری ووکامرس

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

کدهای استفاده شده در آموزش

.woocommerce-MyAccount-navigation {
display:none;
}

.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}

فیلم آموزش سفارشی سازی پنل کاربری ووکامرس