طراحی قالب سایت با افزونه المنتور پرو یکی از ساده ترین راه ها برای ساخت پوسته سایت می باشد. از آنجا که پلاگین المنتور یک پلاگین قالب ساز می باشد، شما می توانید هر قسمتی از سایت خود را با هر شکلی طراحی کنید. یعنی نیازی به نوشتن کد ندارید یا حتی کار طراحی نیز با عمل درگ اند دراپ امکان پذیر است. به عبارتی هر قسمتی را که نیاز دارید می توانید المان آن را که در المنتور به نام ویجت شناخته می شوند را در جای خود قرار دهید.
نکته: دقت کنید که ما در این آموزش از وبلاگ هاستینگ اِترنو کلود، از نسخه پرو افزونه المنتور استفاده می کنیم. ویژگی قالب ساز این پلاگین نیز در همین نسخه قرار دارد. همینطور ممکن است بسته به قسمت های مختلف، ترجمه های مختلفی نیز استفاده شود که با توجه به یکی بودن قسمت مورد نظر، به سادگی می توانید کار خود را پیش ببرید. لازم است که شما قبل از شروع به یادگیری بخش قالب ساز، کمی با افزونه المنتور پرو کار کرده باشید تا نحوه استفاده از ویجت های آن را یاد گرفته باشید.
نکته: هر سایت وردپرسی دارای یک پوسته (Theme یا ترجمه قالب) می باشد. پوسته ها برای نمایش ظاهر سایت روی وردپرس نصب می شوند. ما با استفاده از افزونه المنتور پرو می توانیم این قالب ها را شخصی سازی کنیم. قبل از استفاده از افزونه المنتور پرو دقت کنید که قالب با این پلاگین سازگار باشد. در افزونه المنتور یک بخش با عنوان “قالب ساز” وجود دارد که داخل آن شما می توانید از قالب های جزء مختلفی (مانند قالب هدر یا فوتر) استفاده کنید تا قالب اصلی سایت را بسازید. پس وقتی در این آموزش می گوییم قالب هدر، منظور قالب المنتوری می باشد و نه قالب اصلی سایت.
شناخت قالب های المنتوری
قبل از شروع به طراحی قالب سایت با افزونه المنتور، باید بدانید که هر سایت چه قسمت هایی دارد. بعد از آن می توانید این قسمت ها را به سادگی در بخش قالب ساز المنتور پیاده سازی کنید. در لیست زیر قسمت های هر قالب سایت که با افزونه المنتور می توانید آنها را بسازید آورده شده است:
- قالب هدر یا سربرگ (Heading): سربرگ ها معمولا در بالای صفحه ها تشکیل می شوند و در تمام صفحه های سایت نمایش داده می شوند. در سربرگ سایت معمولا لوگو سایت، منو، ورود و خروج کاربران، فرم جستجو و… نمایش داده می شود.
- قالب فوتر یا پابرگ (Footer): پابرگ ها معمولا در انتهای صفحه ها تشکلی می شوند و مانند هدر ها در تمام صفحه های سایت نمایش داده می شوند. در فوتر سایت نیز می توانید هر چیزی که نیاز دارید قرار دهید. معمولا در پابرگ سایت لوگو، متن نمایشی و توضیحی سایت، لینک صفحه های مهم، راه های ارتباطی و متن کپی رایت قرار داده می شود.
- قالب نوشته تکی (Single Post): این قالب برای نمایش ظاهر نوشته های سایت استفاده می شود و تمام پست و نوشته هایی که در سایت دارید می توانند از این نوع قالب استفاده کنند. دقت کنید که شما برای دسته های مختلف می توانید مدل های مختلف نمایشی را طراحی کنید.
- قالب برگه تکی (Single Page): این قالب نیز برای برگه های سایت استفاده می شود و تمام برگه ها از این قالب تبعیت خواهند کرد.
- آرشیو (Archive): از این قالب برای نمایش دسته بندی و برچسب های سایت استفاده می شود. در صورتی که برای بخش جستجوی سایت از قالبی استفاده نکنید، از قالب آرشیو برای نمایش آن استفاده خواهد شد.
- نتایج جستجو (Search Template): از این قالب برای نمایش نتیجه جستجوی کاربران در سایت استفاده می شود.
- آیتم حلقه (Loop Template): در برخی از قسمت های سایت مانند صفحه اول یا قالب آرشیو، ممکن است که نیاز داشته باشید نوشته ها یا محصولات سایت را در کنار یکدیگر نمایش دهید. برای اینکار می توانید از ویجتی به نام کاروسل حلقه یا شبکه بندی حلقه استفاده کنید که این ویجت ها از قالب آیتم حلقه برای چیدمان نوشته یا محصولات استفاده می کنند. موقع استفاده از ویجت های مورد نظر، لیست قالب های آیتم حلقه برای شما نمایش داده می شود تا آنها را انتخاب کنید.
- قالب 404 (Not Found Template): در صورتی که کاربر وارد یک لینک شکسته شود یا به هر دلیل صفحه ای را باز کند که در سایت شما وجود نداشته باشد، از این قالب برای نمایش آن صفحه استفاده خواهد شد.
دقت کنید که بسته به افزونه هایی که در سایت خود نصب می کنید ممکن است که قالب های دیگری نیز در سایت شما اضافه شود. به عنوان مثلا در صورت نصب افزونه ووکامرس که برای فروشگاهی کردن وردپرس می باشد، قالب های زیر نیز به افزونه المنتور پرو سایت شما اضافه خواهند شد:
- محصول تکی (Single Product): با استفاده از این قالب المنتوری می توانید تمام محصولات سایت خود را به یک شکل نمایش دهید.
- آرشیو محصول (Product Archive): نمایش تمام دسته بندی و برچسب های محصولات سایت شما می توانند از قالب آرشیو محصول تبعیت کنند.
نکته: شما برخی از قالب ها را می توانید به تعداد مورد نیاز طراحی کنید. مثلا برای بخش نوشته های سایت خود می توانید دو نوع قالب (مثلا یکی برای نوشته های خبری و یکی برای نوشته های مقاله سایت) را طراحی کنید و در نوشته های مرود نظر استفاده کنید.
طراحی قالب سایت با افزونه المنتور
طراحی قالب سایت با افزونه المنتور کار بسیار ساده ای می باشد. برای این کار نیاز است که از پیشخوان سایت وارد بخش قالب ها (زیر گزینه المنتور) شوید و روی گزینه “پوسته ساز” کلیک کنید. در صفحه ای که باز می شود از سمت راست روی هر نوع قالبی که می خواهید برای سایت شما ساخته شود کلیک کنید و وارد ادیتور المنتور شوید. سعی کنید برای هر کدام از این گزینه ها حداقل یک قالب بسازید تا پوسته اصلی سایت شما کامل باشد. در عکس زیر بخش “پوسته ساز” پلاگین المنتور پرو نمایش داده شده است.
در ادیتور المنتور هر ویجتی که برای قالب مد نظر نیاز دارید را استفاده کنید و بعد از آن صفحه را ذخیره کنید. در زمان ذخیره کردن صفحه از شما پرسیده می شود که این قالب در کجای سایت نمایش داده شود؟ شما می توانید بسته به قالب مورد نظر شروطی را برای نمایش آن در نظر بگیرید. مثلا برای قالب هدر می توانید انتخاب کنید که روی تمام سایت نمایش داده شود. در تصویر زیر مشخص کرده ایم که “قالب المنتوری آرشیو” برای تمام آرشیو های نوشته سایت استفاده شود. پس اگر کاربر بخواهد برچسب و یا دسته بندی های سایت را مشاهده کند از این قالب استفاده خواهد شد.
نکاتی برای طراحی قالب سایت با المنتور پرو
طراحی قالب سایت با افزونه المنتور پرو کار راه اندازی یک سایت را بسیار ساده و لذت بخش کرده است. اما برای استفاده از آن بهتر است یک سری از موارد را اطلاع داشته باشید تا از مشکلات آینده جلوگیری کند. این موارد در لیست زیر اورده شده است:
- انتخاب پوسته سایت: خود افزونه المنتور به عنوان یک افزونه قالب ساز معرفی شده است. اما این افزونه ساخت قالب را روی پوسته های سایت انجام می دهد. پس حتما سعی کنید که از یک پوسته مناسب که با افزونه المنتور نیز سازگاری دارد استفاده کنید.
- انتخاب پوسته سبک: هر پوسته ای دارای کد هایی می باشد که بسته به عملکرد آن ممکن است مقداری سنگین باشد. افزونه المنتور نیز با توجه به کارایی و قدرتی که دارد مقداری سنگین است. پس همیشه سعی کنید از پوسته هایی استفاده کنید که سبک باشند. یکی از بهترین انتخاب ها برای سایت می تواند پوسته هلو (Hello Elementor) باشد که توسط سازندگان همین افزونه نوشته شده است. این پوسته به رایگان و در مخزن وردپرس می باشد.
- عدم نصب همزمان با افزونه های صفحه ساز: علاوه بر طراحی قالب سایت با افزونه المنتور می توانید طراحی تک تک صفحه ها را هم با این پلاگین انجام دهید. پس از نصب افزونه های دیگر صفحه ساز مانند پلاگین ویژوال کامپوزر (یا بیکری) روی سایت خودداری کنید تا از تداخل های احتمالی و سنگین شدن سایت جلوگیری شود.
- برای طراحی های حرفه ای تر شاید نیاز باشد که ادآن هایی را هم که مرتبط با طراحی قالب با افزونه المنتور می باشد را نیز روی سایت نصب کنید.
پلاگین المنتور یکی از محبوب ترین صفحه سازهای وردپرس است که به طراحان سایت این امکان را می دهد بدون نیاز به کدنویسی، صفحات و قالب های متنوعی بسازند. در سطح مقدماتی معمولا یاد می گیریم چطور با المنتور صفحات زیبا طراحی کنیم. البته در این آموزش قصد داشتیم به صورت کامل روند طراحی قالب سایت با المنتور را بررسی کنیم.
این آموزش برای کسانی ساخته شده است که از قبل با محیط المنتور آشنا هستند و می خواهند سایت حرفه ای تری طراحی کنند. در صورتی که در کار با پلاگین المنتور پرو مبتدی هستید، سعی کنید روی محیط های تستی مانند لوکال تمرین کنید تا زمانی که نیاز داشتید بتوانید با خرید هاست وردپرس، یک سایت حرفه ای را برای خود طراحی کنید.
