طراحی سایت با وردپرس یک روش ارزان و رایگان است. برای این کار به دامنه، هاست و دانش اولیه وردپرس نیاز دارید. اما برای اینکه بتوانید یک سایت زیبا و منحصر به فرد طراحی کنید، باید به چند افزونه وردپرس تسلط داشته باشید. Elementor بهترین و بزرگترین افزونه صفحه ساز وردپرس است که به شما امکان می دهد هر نوع صفحه ای ایجاد کنید. این افزونه امکانات مفید زیادی را در اختیار شما قرار می دهد. قالب های صفحه Elementor یکی از این امکانات هستند. در ادامه این مقاله از سری مقالات آموزش المنتور شما را با قالب های المنتور و تعدادی از مهم ترین آنها آشنا می کنیم.
المنتور چیست؟
افزونه Elementor یک افزونه صفحه ساز است. این افزونه می تواند هر صفحه وب سایتی را ایجاد کرده و آنها را سفارشی کند. با استفاده از المنتور می توان صفحات مختلف وب سایت مانند صفحه وبلاگ، صفحه متن نوشته شده، درباره ما، خطای 404 و هر صفحه سایت را طراحی کرد. این افزونه با بیش از 6 میلیون نصب فعال، یکی از بزرگترین و پرکاربردترین افزونه های وردپرس است.
Elementor صفحات را با استفاده از عناصر مختلف طراحی می کند. تعداد این عناصر بسیار زیاد است و مطالعه آنها نیاز به آموزش در این زمینه دارد. همچنین برای اینکه بتوانید از تمامی امکانات و امکانات المنتور استفاده کنید باید با قسمت های مختلف آن آشنا باشید. در دوره آموزشی پروژه محور صفر تا 100 المنتور که توسط جناب آقای امیررضا تقی پور تدریس می شود، می توانید نحوه استفاده از المنتور را از مقدماتی تا پیشرفته بیاموزید.
الگوهای Elementor
همانطور که در بالا ذکر شد، Elementor به کاربر اجازه می دهد تا صفحات مختلف سایت را طراحی کند. این افزونه قدرتمند بسته به نوع صفحه ای که می خواهید دموهایی را در اختیار شما قرار می دهد. این دموها که به قالب های Elementor معروف هستند، طراحی صفحات را برای شما آسان می کنند. به این ترتیب می توانید صفحات مورد نیاز خود را در زمان کمتری طراحی کنید. در زیر شما را با سه قالب آشنا می کنیم. با تماشای ویدیوی بالا می توانید قسمت های مختلف این فرمت ها را به خوبی مشاهده کنید.
فرمت آرشیو
یک صفحه آرشیو در واقع به گروهی از مقالات اشاره دارد که ویژگی های مشابهی دارند. به عنوان مثال، نوشته های یک نویسنده در یک سایت به عنوان آرشیو نویسنده شناخته می شود. به عنوان مثال، اگر به بالای این صفحه بروید و روی نام نویسنده کلیک کنید، به صفحه ای منتقل می شوید. این صفحه حاوی اطلاعاتی در مورد نویسنده و مطالب منتشر شده وی است که آرشیو نویسنده محسوب می شود. البته نمونه های دیگری نیز در آرشیو موجود است که در این مقاله قابل توضیح نیست.
در المنتور امکان شخصی سازی صفحه آرشیو با استفاده از عناصر موجود در این افزونه وجود دارد. مواردی مانند نام نویسنده، پست‌ها، افزودن توضیحات، تصویر، پیوند و تقریباً هر عنصر رایج دیگری در آن صفحه وجود دارد.
فرم جستجو
وقتی کلماتی را در یک سایت جستجو می کنید، نتایج به شما نشان داده می شود. این نتایج به صورت متوالی نمایش داده می شوند. به این صفحات صفحات جستجو می گویند. یکی از قالب های Elementor، قالب صفحه جستجو است که امکان شخصی سازی این صفحه را فراهم می کند. از نظر فنی و دموهای موجود، این بخش تفاوت چندانی با فرمت آرشیو ندارد.
قالب 404
خطای 404 یکی از خطاهای رایج در وب سایت های مختلف است. اگر آدرسی را جستجو کنید که صفحه ای برای آن وجود ندارد، این خطا ظاهر می شود. برای درک بهتر به لینک زیر مراجعه کنید:
https://www.daneshjooyar.com/hello
این لینک از سه بخش تشکیل شده است. قسمت اول https:// است که نشان دهنده استفاده از پروتکل http است. قسمت دوم دامنه سایت دانشجویار (www.daneshjooyar.com) است. پس از دامنه یک اسلش رو به جلو (/)، و پسوند آدرس کلمه Hello است. به دلیل عدم وجود صفحه ای با این آدرس در سایت، شاهد خطای 404 در سایت هستیم.
نمایش خطای 404 تاثیر منفی بر سئوی سایت دارد. بنابراین اگر مدیر سایت هستید باید تا حد امکان از چنین اشتباهاتی اجتناب کنید. یکی از راه هایی که می تواند تاثیر منفی این خطا را کاهش دهد و آن را مفید کند، استفاده از قالب خاص و جذاب 404 است، اگر به مثال URL استفاده شده در بالا نگاه کنید، متوجه صفحه ای خواهید شد که با عناصر مختلف و لینک های داخلی ساخته شده است. صفحات مختلف سایت این صفحه نسبت به صفحه 404 در قالب های المنتور جذابیت بیشتری دارد و کاربر را به سایت هدایت می کند. به این ترتیب تاثیر منفی صفحه 404 به لینک های داخلی مفیدی تبدیل می شود که کاربر را به سمت سایت هدایت می کند.
چگونه قالب های Elementor را سفارشی کنیم؟
برای سفارشی سازی قالب های Elementor باید به صفحه قالب های جدید در افزونه Elementor بروید. در این صفحه با قالب های مختلفی مواجه خواهید شد. هر یک از این قالب ها صفحاتی را در بر می گیرد. فقط روی گزینه add new page کلیک کنید. پنجره ای با یک لیست کشویی و یک فیلد باز می شود. از لیست کشویی، نوع صفحه را انتخاب کرده و در قسمت دوم نام صفحه را وارد کنید. پس از تایید و فشردن گزینه ایجاد صفحه، می توانید یکی از دموهای موجود را انتخاب کنید. سپس یک صفحه جدید ایجاد می شود و ابزارها و عناصر Elementor نیز نمایش داده می شوند.
اکنون می توانید صفحه را مطابق با طرح دلخواه خود ایجاد کنید. هر قالب دارای عناصر خاصی است که در بالای عناصر دیگر قرار می گیرد. البته می توان از عناصر مختلف استفاده کرد و نه اینکه از عنصر A که در فرم جستجو هست در قالب 404 استفاده نشود!
برای درک بهتر و کاربردی موضوعات ذکر شده پیشنهاد می کنیم ویدیویی که در ابتدای صفحه قرار داده شده است را مشاهده کنید. این ویدیو یکی از جلسات دوره آموزشی صفر تا صد المنتور به عنوان پروژه است که به صورت رایگان در اختیار شما قرار گرفته است. برای یادگیری سایر مباحث المنتور می توانید در دوره مذکور شرکت نمایید.
نتیجه
قالب های Elementor به این 3 عنصر محدود نمی شوند. همچنین می توانید برای صفحات و بخش های مختلف سایت مانند فوتر، هدر، صفحه متن و غیره طراحی کنید. تنها کاری که باید انجام دهید این است که قالب و دموی مورد نظر Elementor را انتخاب کرده و شروع به طراحی صفحه کنید. به یاد داشته باشید که یادگیری المنتور به تنهایی نمی تواند شما را به یک طراح حرفه ای وردپرس تبدیل کند. شما باید پروژه های مختلفی را در طول زمان انجام دهید و همیشه اطلاعات و دانش خود را به روز نگه دارید.
اگر در مورد قسمت های مختلف صفحه قالب المنتور سوالی دارید می توانید در قسمت نظرات بپرسید.