نحوه ایجاد پوسته های سفارشی وردپرس با Elementor

آیا می‌خواهید طرح بندی صفحه سفارشی خود را در وردپرس ایجاد کنید؟

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

علت استفاده از پوسته‌های سفارشی وردپرس چیست؟

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

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

به نظرتون بهتر نیست اگر بتوانید طرح بندی صفحه را با استفاده از رابط کشیدن و رها کردن ایجاد کنید؟

این دقیقاً همان کاری است که المنتور انجام می‌دهد.

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

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

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

در ادامه نگاهی به نحوه ایجاد طرح‌بندی‌های سفارشی وردپرس با Elementor می‌اندازیم.

شروع کار با المنتور

ابتدا باید افزونه Elementor Pro را خریداری کنید که نسخه پولی افزونه رایگان Elementor است و به شما امکان دسترسی به ویژگی‌های اضافی و ۱ سال پشتیبانی را می‌دهد.

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

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

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

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

در پایان فراموش نکنید که برای ذخیره تنظیمات خود روی دکمه ذخیره تغییرات کلیک کنید.

ایجاد طرح بندی سفارشی وردپرس با Elementor

در ابتدا باید یک صفحه در سایت وردپرس خود ایجاد کنید. در صفحه ویرایش پست، دکمه جدید “Edit with Elementor” را مشاهده خواهید کرد.

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

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

الگوها راهی سریعتر برای شروع سریع شما هستند. Elementor دارای چندین قالب حرفه‌ای طراحی شده است که می‌توانید هر چقدر که بخواهید آن‌ها را سفارشی کنید.

بیایید با کلیک بر روی دکمه “افزودن الگو” با یک الگو شروع کنیم.

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

اکنون برای انتخاب قالب مورد نظر خود کلیک کرده، سپس بر روی دکمه “درج” کلیک کنید تا آن را به صفحه خود اضافه کنید.

Elementor اکنون قالب را برای شما بارگذاری می‌کند.

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

حالا بیایید در مورد نحوه عملکرد چیدمان های Elementor صحبت کنیم.

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

هر بخش می‌تواند چندین ستون داشته و هر بخش و ستون می‌تواند سبک، رنگ، محتوا و … خاص خود را داشته باشد.

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

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

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

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

همچنین می‌توانید ویجت‌های پیش فرض وردپرس و حتی ویجت‌های ایجاد شده توسط دیگر افزونه‌های وردپرس را در سایت خود اضافه کنید.

پس از انجام ویرایش، روی دکمه Save کلیک کنید تا تغییرات خود را ذخیره کنید.

توجه: ذخیره یک طرح، صفحه را در سایت وردپرس شما منتشر نخواهد کرد. این کار فقط چیدمان صفحه شما را ذخیره خواهد کرد.

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

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

ایجاد الگو شخصی در Elementor

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

به سادگی صفحه ای را که می‌خواهید به عنوان یک الگو ذخیره کنید با Elementor ویرایش کنید.

در رابط سازنده Elementor، روی نماد پوشه در کنار دکمه ذخیره کلیک کنید و سپس “Save template” را انتخاب کنید.

با این کار یک پنجره باز می‌شود که در آن باید یک نام برای قالب خود وارد کنید و روی دکمه ذخیره کلیک کنید.

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

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

برای مشاهده الگوهای ذخیره شده خود باید از صفحه Elementor » Library دیدن کنید. ماوس خود را روی نام قالب خود ببرید و سپس روی پیوند “صادر کردن الگو” کلیک کنید.

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

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

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

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