بروزرسانی: 02 تیر 1404
نحوه پیکربندی تنظیمات صفحه بندی در المنتور
تمام شد 10 میلیون وب سایت به Elementor تکیه کنید، و جای تعجب نیست که چرا - کاربر پسند، منعطف و مملو از ویژگی ها است.
با این حال، پیکربندی تنظیمات صفحه آرایی Elementor می تواند مشکل باشد، به ویژه زمانی که طرح بندی ها مطابق میل شما نیستند. اینجاست که درک ابزارهای Elementor می تواند تفاوت را ایجاد کند.
Elementor با رابط بصری خود به شما امکان می دهد بدون زحمت همه چیز را از تنظیمات طرح بندی جهانی گرفته تا طرح های جداگانه تغییر دهید—بدون نیاز به کدنویسی. چه در حال اصلاح یک طرح بندی واکنش گرا یا کامل تر کردن چیدمان خود باشید، Elementor انعطاف پذیری ایجاد یک وب سایت حرفه ای و بدون درز را ارائه می دهد.
این راهنما شما را قدم به قدم در تنظیمات چیدمان Elementor راهنمایی می کند تا بتوانید با اطمینان طرح بندی هایی ایجاد کنید که کاملاً با دید شما مطابقت دارند. بیایید شروع کنیم!
چگونه می توان به تنظیمات صفحه در المنتور دسترسی پیدا کرد و پیکربندی کرد؟
پیکربندی تنظیمات صفحه در المنتور اولین قدم برای ایجاد یک وب سایت با ساختار مناسب و جذاب است. این تنظیمات به تعیین نحوه نمایش و عملکرد صفحه شما در ساختار گسترده وب سایت شما کمک می کند. در اینجا یک راهنمای گام به گام برای دسترسی و پیکربندی تنظیمات صفحه خود در Elementor آورده شده است:
مرحله 1: Elementor Editor را باز کنید
ابتدا وارد داشبورد وردپرس خود شوید
و به مسیر بروید صفحات بخش
صفحه ای را که می خواهید ویرایش کنید پیدا کنید و کلیک کنید با Elementor ویرایش کنید.
با این کار ویرایشگر Elementor باز می شود، جایی که می توانید سفارشی سازی طرح بندی صفحه خود را شروع کنید.
مرحله 2: پانل تنظیمات صفحه را پیدا کنید
هنگامی که وارد ویرایشگر Elementor شدید، روی آن کلیک کنید نماد چرخ دنده برای باز کردن تنظیمات صفحه منو
اینجاست که گزینه های طرح بندی کل صفحه را پیکربندی می کنید.
مرحله 3: تب "تنظیمات" را کاوش کنید
این برگه ای است که می توانید تنظیمات اولیه صفحه را در آن انجام دهید.
در اینجا کاری است که می توانید انجام دهید:
1. عنوان
عنوان صفحه را برای توصیف دقیق محتوا و هدف صفحه به روز کنید. این به بهبود وضوح و افزایش سئو کمک می کند.
2. وضعیت
وضعیت انتشار صفحه را به یکی از موارد زیر تنظیم کنید:
- پیش نویس: صفحه را برای ویرایش بعدی ذخیره کنید بدون اینکه برای بازدیدکنندگان قابل مشاهده باشد.
- منتشر شد: صفحه را زنده و در دسترس همه قرار دهید.
- خصوصی: دسترسی به کاربرانی را که وارد سیستم شده اند با مجوزهای مناسب محدود کنید.
3. گزیده
خلاصه یا توضیحی از صفحه اضافه کنید. این به موتورهای جستجو کمک می کند تا قطعه های مرتبط را در نتایج جستجو نمایش دهند و زمینه را در صفحات آرشیو یا فهرست فراهم کند.
4. تصویر ویژه
یک تصویر برجسته را برای نمایش بصری صفحه اختصاص دهید. این به ویژه برای پست های وبلاگ یا اشتراک گذاری رسانه های اجتماعی برای افزایش جذابیت بصری و برندسازی مفید است.
5. سفارش دهید
از یک مقدار عددی برای تنظیم ترتیب نمایش صفحات در منوها یا لیست ها استفاده کنید. ابتدا اعداد کمتر نشان داده می شوند که به شما امکان می دهد ترتیب صفحات را به طور موثر سازماندهی کنید.
توانایی بازدیدکنندگان برای گذاشتن نظرات در صفحه را فعال یا غیرفعال کنید. این برای کنترل تعامل و بازخورد بر اساس هدف صفحه مفید است. به عنوان مثال، ممکن است نظرات را در صفحه فرود غیرفعال کنید، اما آنها را در یک پست وبلاگ برای تعامل خواننده فعال کنید.
7. پنهان کردن عنوان
اگر طراحی تمیز و بدون وقفه را ترجیح می دهید، می توانید عنوان صفحه را پنهان کنید. فقط کافی است گزینه "بله" را تغییر دهید تا آن را حذف کنید، و یک بوم خالی برای طرح خود خواهید داشت.
8. صفحه آرایی
Elementor چندین گزینه طرح بندی را در اختیار شما قرار می دهد تا از بین آنها یکی را انتخاب کنید:
- پیش فرض: از طرح بندی تعریف شده توسط موضوع فعال وردپرس استفاده می کند.
- Elementor Canvas: با حذف سرصفحه، پاورقی و نوار کناری یک صفحه خالی ارائه می دهد.
- عرض کامل عنصر: نوار کناری را در حالی که سرصفحه و پاورقی را نگه می دارد حذف می کند و طرح بندی وسیعی را ارائه می دهد.
پیکربندی این تنظیمات به شما کمک می کند پایه ای محکم برای طراحی صفحه خود بسازید. پس از تکمیل این تنظیمات اولیه صفحه، می توانید ظاهر و ظاهر صفحه خود را اصلاح کنید.
مرحله 4: تب \'Style\' را سفارشی کنید
در تب Style، می توانید روی جنبه های بصری صفحه کار کنید:
- نوع پس زمینه: برای ایجاد پس زمینه عالی و تنظیم لحن برای محتوای صفحه خود، از بین یک رنگ ثابت، گرادیان یا تصویر انتخاب کنید.
- فاصله گذاری: از کنترل های حاشیه و پد برای تنظیم فضای اطراف محتوا استفاده کنید تا همه چیز تمیز و تراز به نظر برسد. Margin فضای خارج از یک عنصر را کنترل می کند، در حالی که padding فضای داخل یک عنصر را تنظیم می کند.
مرحله 5: از تب Advanced استفاده کنید
برای سفارشی سازی های خاص تر، می توانید از تب Advanced استفاده کنید:
- CSS سفارشی: اگر طراحی صفحه نیاز به یک استایل منحصر به فرد دارد، مستقیماً CSS را در این بخش بنویسید. این به شما کنترل دقیقی بر نحوه ظاهر شدن عناصر می دهد.
- اسکرول اسنپ: با کنترل نحوه چفت شدن صفحه در حین پیمایش (در صورت وجود) از ناوبری روان اطمینان حاصل کنید.
مرحله 6: ذخیره و اعمال تغییرات
پس از انجام تمام تنظیمات، روی به روز رسانی را فشار دهید تا تغییرات خود را ذخیره کرده و در صفحه اعمال کنید.
با چیدمان صفحه در جای خود، اجازه دهید به چند عنصر که طراحی را کامل می کنند نگاه کنیم.
عناصر صفحه کلیدی در المنتور
هنگامی که صفحه آرایی صفحه خود را تنظیم کردید، گام بعدی این است که بر روی عناصر کلیدی تمرکز کنید که به صفحه شما شخصیت و ساختار می بخشد. در اینجا یک نمای کلی از این عناصر و نحوه سفارشی کردن آنها آورده شده است:
تنظیمات هدر و پاورقی
هدر و پاورقی به شما کمک می کند صفحه خود را قاب بندی کنید و یکپارچگی در سراسر سایت خود ایجاد کنید. در اینجا نحوه سفارشی کردن آنها آورده شده است:
- پنهان کردن عنوان صفحه: می توانید انتخاب کنید که عنوان صفحه را با استفاده از مخفی کنید پنهان کردن عنوان گزینه در تنظیمات صفحه.
- طرح هدر: بین الف انتخاب کنید هدر معمولی (با پس زمینه جامد) یا الف سربرگ شفاف برای طراحی یکپارچه و لبه به لبه.
- طرح بوم: از Elementor Canvas اگر می خواهید سرصفحه و پاورقی را مخفی کنید تا یک طراحی تمام صفحه تمیز و تمیز داشته باشید.
- صفحه نمایش پاورقی: در تنظیمات صفحه، می توانید انتخاب کنید که قسمت پاورقی برای صفحه ای تمیزتر یا متمرکز بر محتوا پنهان یا نمایش داده شود.
- منطقه ویجت پاورقی: اگر پاورقی نمایش داده می شود، می توانید یک ناحیه ویجت خاص را برای سفارشی کردن آن با عناصری مانند اطلاعات تماس یا پیوندهای رسانه های اجتماعی انتخاب کنید.
نوار کناری یک فضای همه کاره است که در آن می توانید پیوندهای ناوبری، ویجت ها را نمایش دهید یا اطلاعات مهم را برای بهبود تجربه کاربر به نمایش بگذارید.
- موقعیت نوار کناری: از منوی کشویی صفحه بندی در تنظیمات برای نمایش نوار کناری در سمت چپ، راست یا پنهان کردن آن استفاده کنید.
- ابزارک های نوار کناری: برای پر کردن نوار کناری با محتوا، به ظاهر > ابزارک ها در وردپرس و اختصاص ناحیه ویجت مناسب.
تنظیمات منو و پد
بازی با منوها و بالشتک ها می تواند طرح بندی شما را زنده کند و ناوبری را برای کاربران روان کند. در اینجا نحوه انجام این تنظیمات آمده است:
- منوهای سفارشی: برای افزودن یا جایگزینی منوهای خاص صفحه خود از ویجت Nav Menu Elementor استفاده کنید. این برای ایجاد ناوبری مناسب بدون تأثیر بر منوی جهانی ایده آل است.
- تنظیمات بالشتک: بالشتک بالا، پایین، چپ و راست را از طریق تب Advanced تنظیم کنید. برای طرح های واکنش گرا، مقادیر جداگانه را برای نمایش های دسکتاپ، تبلت و موبایل پیکربندی کنید.
با ترکیب این تنظیمات، می توانید طرحی ایجاد کنید که با اهداف طراحی شما هماهنگ باشد و در عین حال قابلیت استفاده و عملکرد را بهینه کنید.
چگونه طرح بندی سایت و عرض محتوا را در المنتور پیکربندی کنیم؟
یکی دیگر از جنبه هایی که باید در هنگام اصلاح صفحه آرایی خود در نظر بگیرید این است که ساختار سایت از نظر طراحی و عرض محتوا چگونه است. تراز کردن این عناصر تضمین می کند که سایت شما یکپارچه و در همه دستگاه ها کار می کند.
عرض محتوای پیش فرض Elementor 1140 پیکسل است که برای اکثر طراحی های وب سایت مدرن به خوبی کار می کند. با این حال، اگر قالب وردپرس شما از عرض متفاوتی استفاده می کند (مثلاً 960 پیکسل یا ابعاد سفارشی)، ممکن است لازم باشد تنظیمات را برای حفظ تراز و جلوگیری از ناهماهنگی طراحی در صفحات تنظیم کنید.
مراحل تنظیم تنظیمات چیدمان سایت
این مراحل ساده را برای تغییر طرح سایت در سفارشی ساز وردپرس دنبال کنید:
- داشبورد وردپرس خود را باز کنید و به ظاهر > سفارشی کردن.
- گزینه با برچسب را پیدا کنید تنظیمات چیدمان (ممکن است بسته به موضوع شما کمی متفاوت نامیده شود).
- عرض ظرف را تنظیم کنید 1140 پیکسل برای مطابقت با عرض محتوای پیش فرض Elementor.
- کلیک کنید منتشر کنید برای اعمال تغییرات
اگر طرح زمینه شما اجازه تنظیمات عرض ظرف را در Customizer نمی دهد، نگران نباشید—Elementor یک جایگزین ارائه می دهد.
نحوه انجام تنظیمات در المنتور
- از داشبورد وردپرس، یک صفحه را باز کنید و کلیک کنید با Elementor ویرایش کنید.
- روی منوی همبرگر (سه خط افقی) در گوشه سمت چپ بالای ویرایشگر کلیک کنید.
- رفتن به تنظیمات سایت > طرح بندی.
- استفاده کنید عرض محتوا نوار لغزنده برای مطابقت با عرض ظرف طرح زمینه شما.
هنگامی که طرح سایت شما تراز شد، می توانید صفحات جداگانه را سفارشی کنید و طرح های پیشرفته تری ایجاد کنید.
نتیجه گیری
پیکربندی تنظیمات صفحه آرایی در Elementor به شما این امکان را می دهد که یک وب سایت یکپارچه و از نظر بصری جذاب ایجاد کنید. با درک و تنظیم عناصر کلیدی مانند طرح بندی، سرصفحه، پاورقی و عرض محتوا، می توانید اطمینان حاصل کنید که سایت شما در همه دستگاه ها عالی به نظر می رسد. با استفاده از این نکات، می توانید با اطمینان صفحاتی را طراحی کنید که با برند شما مطابقت داشته باشد و اهداف طراحی شما را برآورده کند.
در WPLift، ما اینجا هستیم تا به شما کمک کنیم از Elementor و سایر ابزارهای وردپرس بهترین استفاده را ببرید. برای یادگیری سریع نحوه ایجاد یک وب سایت حرفه ای، راهنماها، آموزش ها و بررسی های ما را بررسی کنید.
منبع: https://wplift.com/elementor-page-layout-settings-guide/