تنها مرجع قانونی عرضه قالب و افزونه در ایران ...
در این مطلب سعی شده است تا به معرفی قالب ژوپیتر پرداخته شود. قالب jupiterx پوسته ای زیبا و کاربردی است. این قالب تنظیمات تفکیک شده و بسیار حرفهای برای هر صفحه از وب سایت شما اراﺋه میکند و به این صورت می توانید برای هر صفحه از وب سایت تنظیمات جداگانهای اعمال کنید. در ادامه به آموزش قالب ژوپیتر میپردازیم.
در قالب ژوپیتر ایکس برای ویرایش و ساخت صفحات وب از صفحه ساز المنتور استفاده شده و از ویژگی ریسپانسیو پشتیبانی میکند. ریسپانسیو jupiter باعث میشود تا بتوانید وبسایت خود را طوری طراحی کنید که هم با نسخهی دکستاپ و هم تلفن های هوشمند سازگار باشد. این قالب با کد نویسی html5 و css3 ایجاد شده است و این امکان را فراهم میآورد تا طراحی مناسبی برای وب سایت های خرید و فروش محصولات، شرکتها و یا وبسایت شخصی اراﺋه کنید.
قالب ژوپیتر یکی از برترین قالب های چندمنظوره برای سایت های وردپرسی است. نسخه جدید آن که با افزونه المنتور سازگار است راحتی بیشتری برای طراحی سایت دلخواهتان، به شما خواهد داد. در آموزش قالب ژوپیتر تمامی بخش های محصول را بررسی کرده و سعی می کنیم به سوالات شما پاسخ دهیم.
بعد از اینکه قالب ژوپیتر را دانلود کردید، با استفاده از بسته نصب آسان، به راحتی در کمتر از 10 دقیقه می توانید پوسته را روی سایت خود نصب کرده و شروع به شخصی سازی کنید. راهنمای آموزش نصب آسان قالب وردپرس روی هاست سی پنل، دایرکت ادمین و لوکال هاست، به شما کمک می کند به سادگی این کار را انجام دهید.
سفارشی سازی در واقع فرایندی است که شما اقدام به شخصی سازی قالب ژوپیتر برای سایت خود می کنید. با هم مرور کنیم ببینیم سفارشی سازی jupiterx شامل چه مواردی است.
نحوه اضافه کردن حاشیه ها در المانها
تنظیمات حاشیه را می توان در منوی سمت چپ وردپرس (نمایش » سفارشی سازی) و همچنین برای برخی از المانها در المنتور یافت.
به این ترتیب می توانید حاشیه ها را برای هر بخش دیگر مانند منو، پاورقی، نوار عنوان و غیره تنظیم کنید.
نکته: می توانید مقادیر را با اسکرول کردن موس نیز تغییر دهید، فقط کافی است به بالا یا پایین اسکرول کنید تا مقادیر را افزایش یا کاهش دهید.
در بخش سفارشی سازی، ابزاری وجود دارد که به شما امکان می دهد حاشیه ها را فقط برای دستگاه های تلفن همراه تنظیم کنید:
به یاد داشته باشید: ممکن است مقدار پیش فرض در همه زمان ها 0 نباشد و در صورتی که قصد دارید هیچ حاشیه ای نداشته باشید، ممکن است لازم باشد 0 را به صورت دستی در باکس مقدار وارد کنید.
اگر المان های خود را به صورت ستون ایجاد کرده اید، می توانید حاشیهی بین ستون ها را به این روش اضافه کنید:
نحوه اضافه کردن پدینگ در المانها.
تقریبا همه المان های موجود در وب سایت شما می توانند پدینگ سفارشی داشته باشند.
اگر قصد دارید تا بین المانهای موجود در یک بخش (Section) پدینگ اضافه کنید، این دستورالعمل را دنبال کنید:
اگر قصد دارید به طور کامل paddings را حذف کنید و می خواهید هیچ فاصلهای بین ستون های شما وجود نداشته باشد، باید تنظیمات Section را ویرایش کنید وگزینهی Columns Gap را روی No Gap تنظیم کنید.
نحوه اضافه کردن کناره در سفارشی سازی Elementor.
متأسفانه شخصی سازی کنارهها با سفارشی سازی برای نسخهی تلفن همراه وب سایت شما در دسترس نیست. در صورت نیاز به تعیین کناره با اندارههای خاص، باید این کار را با استفاده از CSS Custom انجام دهید. با این حال، شما همچنان می توانید حاشیههای پاسخگو را در Elementor تنظیم کنید، اما این کار در سفارشی سازی امکان پذیر نیست.
اگر می خواهید به برخی از المانهای موجود در محتوای خود کناره اضافه کنید، می توانید این کار را از این طریق انجام دهید:
فیلم آموزش تنظیم حاشیه های قالب jupiterx
قالب Juppiter X در استخوان بندی اصلی خود از Beans Framework استفاده می کند. به همین دلیل این قالب دارای امکانات زیادی برای تغییر اندازه تصویر میباشد. قالب ژوپیتر همچنین از ویژگی ذخیره سازی استفاده می کند تا اطمینان حاصل شود که وب سایت شما بهترین نتیجه را کسب می کند. این بدان معنی است که با داشتن فناوری تغییر اندازه تصویر، تصاویر با اندازه بزرگ را بر اساس اندازه صفحه نمایش نشان می دهد. بنابراین، در نسخهی تلفن همراه، منبع تصویر اندازه ای کوچکتر از تصویر اصلی خواهد بود و بسیار سریعتر از تصویر اصلی بارگیری می شود. اگرچه هنوز هم در سفارشی سازی گزینه هایی برای تغییر اندازه تصویر وجود دارد.
شما فقط می توانید ارتفاع نمای تصویر را برای وبلاگ:
سفارشی سازی > Blog سپس Blog Single در ادامه Styles و Featured Image
همچنین برای پورتفولیو از مسیر زیر اقدام کنید. به این صورت به راحتی می توانید تصاویر را تنظیم کنید.
سفارشی سازی > Portfolio سپس Portfolio Single و Styles سپس Featured Image
را تغییر دهید.
در این بخش از آموزش قالب ژوپیتر راهی برای ایجاد اندازه های سفارشی و استفاده از آنها در هر جا که نیاز است، ارائه می دهد. پس از ایجاد اندازه تصویر سفارشی، می توانید از آن در Elementor یا هر سازنده صفحه دیگری که استفاده می کنید اعمال کنید.
به منظور ایجاد اندازه سفارشی تصویر:
توجه: به طور پیش فرض ، قالب Jupiter X یک اندازه تصویر سفارشی دارد که در ابعاد 500 * 500 پیکسل است.
نحوه اضافه کردن رنگ / تصویر پس زمینه به کلیه صفحات در سفارشی سازی:
برای افزودن رنگ یا تصویر پس زمینه به سایت بصورتی که در تمام صفحات اعمال شود، باید موارد زیر را انجام دهید:
بعضی اوقات باید پس زمینه های متفاوت را برای دستگاه های مختلف به عنوان مثال نسخه ی تلفن همراه وب سایت، تنظیم کنید. در سفارشی سازی ابزاری وجود دارد که به شما امکان می دهد این کار را انجام دهید. اما فقط در جاهایی که به پس زمینه های مختلف نیاز است، در دسترس می باشد.
توجه: اگر بخش Post Options را در ویرایشگر صفحه مشاهده نمی کنید، باید افزونه Advanced Custom Fields PRO را از طریق Jupiter X > Control Panel > Plugins. فعال کنید.
بیش از 840 فونت گوگل وجود دارد (که بصورت رایگان هستند) و هر فونت typekit در حساب typekit شما در Jupiter X قابل استفاده است. لطفا توجه داشته باشید که Elementor تنظیمات تایپوگرافی دیگری اراﺋه می دهد که همه در ادامه آمده است.
اضافه کردن فونت
توجه: پس از افزودن خانواده فونت ها، حتما کلید انتشار را زده و تغییرات را اعمال کنید و صفحه را مجددا بارگذاری کنید.
تعیین کردن یک فونت
چگونه یک فونت را به یک المان در سفارشی سازی اختصاص دهیم.
بعد از افزودن خانواده فونت، می توانید آن را به هر المانی در وب سایت خود اختصاص دهید، به عنوان مثال، فرض کنید که می خواهید خانواده فونت ها را برای آیتم های منو تغییر دهید:
برای اختصاص فونتی مشخص به المان HTML خاصی در صفحات
وبلاگ و فروشگاه بخش های مهمی از هر سایتی محسوب می شوند. به کمک محتوای منحصر به فرد و با کیفیتی که در وبلاگ منتشر می کنید، به سئو سایت کمک کرده؛ بنابراین باعث کسب رتبه های بهتر در نتایج جستجوی گوگل می شوید. در این قسمت از آموزش قالب ژوپیتر به سراغ تنظیمات صفحه نمایش وبلاگ و فروشگاه می رویم. با ما همراه باشید.
در بعضی از مواقع می توانید المان های قالب مانند عناوین، زیرعنوان ها، تصاویر و یا متادیتا را در بطور کلی نشان داده و یا مخفی کنید. این گزینه ها را می توان در تنظیمات Archive و Single page از قبیل بلاگ، پرتفولیو، فروشگاه و در سربرگ Header، پاورقیFooter، الگوی جستجو Search template و نوار های عنوان صفحه Page Title مشاهده کرد.
به عنوان مثال، با غیرفعال کردن Featured Image از طریق سفارشی سازی و Blog سپس Blog Single و Settings و Display Elements
می توانید به سادگی از نشان دادن تصویر ویژه (Featured Image) در پست های بلاگ خودداری کنید.
گزینه های تنضیمات نمایش تنها چیزی را آشکار یا پنهان نمی کنند. همچنین گزینه ای برای اینکه شما چطور طرح بندی یا همان لی اوت محتوای خود را انتخاب کنید نیز اراﺋه می دهد. می توانید انتخاب کنید که محتوای تکی شما چگونه به نظر برسد. همچنین اگر الگوهای مختلفی برای هرکدام از تک صفحه های خود انتخاب کنید، روی گزینه های دیگر نیز تأثیر می گذارد.
به عنوان مثال، می توانید طرح بندی یک صفحه ی محصول واحد را از طریق سفارشی سازی سپس Shop سپس Product Page سپس Settings سپس Template تغییر دهید.
چگونه می توان از هدر داخلی در Jupiter X استفاده و وب سایت را پیکربندی کرد؟
قالب Jupiter X به شما امکان می دهد از یک هدر سفارشی سازی پیش فرض استفاده کنید یا با استفاده از المنتور یک هدر دلخواه جدید را از پایه ایجاد کنید.
به عبارت ساده تر، هدر پیش فرض دارای گزینه ها و سبک های محدودی است در حالی که هدر سفارشی در المنتور به دلیل ابزارک های موجود در المنتور، سفارشی سازی بسیار نامحدودی را اراﺋه می دهد. این بدان معنی است که شما می توانید هر المان Elementor از جمله دکمه ها، تصاویر، عنوان ها، ایکون ها و غیره را به هدر اضافه کنید.
هدر پیش فرض یک روش عالی برای ایجاد سریع یک هدر ساده برای استفاده در وب سایت است. با این حال، اگر به دنبال طراحی هدر خاصی هستید، Elementor به شما امکان می دهد این کار را به راحتی انجام دهید.
در این پنل مهمترین گزینه هایی که می توانید برای شخصی سازی عنوان پیش فرض بیابید اراﺋه شده است:
Behavior: می توانید یک هدر معمولی داشته باشید (Static) یا آن را به Fixed تغییر دهید.
Overlap Content (همپوشانی محتوا): با فعال کردن این گزینه، هدر با محتوا هم پوشانی پیدا می کند، بنابراین شما یک هدر شفاف خواهید داشت.
Align: تراز چپ یا راست هدر را تنظیم کنید. اگر سایت RTL ایجاد می کنید، شاید بخواهید هدر خود را به درستی تراز کنید بنابراین این گزینه مفید خواهد بود.
Full Width: با فعال کردن این گزینه ، محتوای هدر به عرض کامل کشیده می شود و نه به عرض ظرف اراﺋه شده.
Display Elements: در این بخش گزینه هایی برای مخفی کردن / نشان دادن المان های موجود در عنوان مانند لوگو، فرم جستجو، منو و سبد خرید، وجود دارد.
اگر قصد دارید تا پس زمینهای را بر روی هدر داخلی تنظیم کنید، می توانید با دنبال کردن مراحل زیر آن را اضافه کنید:
قالب Jupiter X به شما امکان می دهد از یک هدر customizer پیش فرض استفاده کنید یا با استفاده از Elementor یک هدر دلخواه جدید از ابتدا ایجاد کنید. روند ایجاد یک هدر با استفاده از المنتور شامل ایجاد یک الگوی هدر و اختصاص دادن آن به یک صفحه است. ایجاد هدر با استفاده از المنتور به شما امکان می دهد از تمامی المان های المنتور استفاده کنید، و همچنین این امکان را فراهم می کند تا هدری مطابق دلخواهتان ایجاد کنید.
توجه: برای این کار نیاز دارید که افزونه Raven در میان افزونههای بستهبندی شده نصب و فعال شود تا بتوانید از نسخه Custom Header and Footer با نسخه رایگان Elementor استفاده کنید.
موارد زیر را طی کنید.
برای ایجاد و به کار بردن هدر دلخواه در وب سایت خود باید هدر مورد نظر خود را در المنتور ایجاد کنید سپس آن را به تمام صفحات وب سایت یا صفحه خاصی اختصاص دهید.
در ادامه به صورت گام به گام توضیح خواهیم داد.
توجه: اضافه کردن هدر دلخواه جدید در Jupiter X، فقط با افزونه ی Elementor قابل انجام است.
2. در کنار عنوان Saved Templates، روی دکمه “افزودن جدید” کلیک کنید.
3. برای نوع الگو گزینه Header را انتخاب کنید و به هدر خود یک نام اختصاص بدهید و بر روی دکمه Create Template کلیک کنید.
4. اکنون به ویرایشگر صفحه المنتور (Elementor page editor) هدایت می شوید که می توانید الگوی هدر را از مجموعه الگوها انتخاب کنید یا با استفاده از المنتور، هدر جدید خود را از پایه ایجاد کنید. تعدادی هدر پیش ساخته در بخشی از Elementor Pro اراﺋه می شوند و برای استفاده از آنها، ابتدا نیاز به خرید Elementor Pro دارید. همچنین می توانید از الگوهای پیش ساخته Jupiter X استفاده کنید. این الگوهای هدر رایگان هستند.
برای دیدن الگوهای Jupiter X کافیست روی Jupiter X کلیک کنید. می توانید با کلیک بر روی دکمه Insert از الگوی مورد علاقه ی خود استفاده کنید.
اگر نمی خواهید از قالب های از پیش ساخته استفاده کنید و قصد دارید الگوی هدر دلخواه خود را از ابتدای ایجاد کنید، به سادگی روی نماد x کلیک کنید. با این کار شما به Elementor page editor هدایت می شوید.
6. قالب را بعد از سفارشی سازی خود منتشر کنید.
هشدار! در صورت استفاده از Elementor Pro برای الگوی هدر با شرایط نمایش، ممکن است برخی از موارد سفارشی هدر Jupiter X به درستی کار نکند و برای رفع این مشکل:
فقط یک الگوی را بدون conditions ذخیره کنید.
2. اطمینان حاصل کنید که گزینه Sticky تحت Scrolling Effect در تنظیمات پیشرفته Section container در الگوی هدر روی None تنظیم شده است.
پس از ایجاد هدر سفارشی، باید آن را به وب سایت خود اختصاص دهید. برای انجام این کار مراحل زیر را دنبال کنید:
گزینه هایی وجود دارد که به شما امکان می دهد قالب هدر سفارشی را ویرایش کنید یا بدون ترک پنل Customizer هنگام ویرایش تنظیمات هدر، یک نسخه جدید ایجاد کنید.
هنگام تنظیم نوع هدر روی Custom، می توانید یک الگوی از لیست کشویی را در تنظیمات “الگوهای من” انتخاب کرده یا بر روی دکمه “New” کلیک کنید تا یک الگوی هدر جدید ایجاد کنید. پنجره پاپ آپ با ویرایشگر المنتور ظاهر می شود که به شما امکان می دهد یک هدر جدید بسازید.
اگر قالب را از لیست کشویی انتخاب کرده اید، می توانید با کلیک بر روی دکمه “Edit” آن را ویرایش کنید.
به این ترتیب برای ایجاد الگوی هدر یا ویرایش آن ها دیگر نیازی به بازگشت به الگوهای المنتور و ترک پنل Customizer نیست تا بتوانید. این کار از طریق Customizer » Header امکان پذیر است.
بعد از ایجاد هدر مورد نظر خود، می توانید آن را به صورت سرتاسری به همه صفحات به طور همزمان اختصاص دهید:
بعد از ایجاد هدر ، می توانید آن را فقط به یک صفحه یا صفحات خاص اختصاص دهید:
توجه: بخش Option Postتنها پس از نصب افزونه Advanced Custom Fields PRO در پیج بک اند ظاهر می شود. و این همراه با Jupiter X اراﺋه می بنابراین می توانید از طریق Jupiter X » Control Panel افزونه ها نصب کنید.
فرایند ایجاد یک هدر چسبان همانند ایجاد یک هدر معمولی است، تنها تفاوت این است که باید در گزینه های customizer یا page options هدر Sticky انتخاب شود.
گزینه هایی وجود دارد که به شما امکان می دهد قالب هدر چسبان سفارشی را ویرایش کنید یا بدون ترک پانل Customizer هنگام ویرایش تنظیمات هدر، یک نمونه جدید ایجاد کنید.
هنگام تنظیم Behavior به گزینه ی Sticky، می توانید یک الگو از لیست کشویی در تنظیمات ” My Templates ” را انتخاب کرده یا بر روی دکمه “New” کلیک کنید تا یک الگوی هدر چسبان جدید ایجاد شود. پنجره پاپ اپ ویرایشگر المنتور ظاهر می شود که به شما امکان می دهد یک هدر جدید ایجاد کنید.
اگر الگو را از لیست کشویی انتخاب کرده اید، می توانید با کلیک بر روی دکمه “Edit” آن را ویرایش کنید.
به این ترتیب دیگر نیازی به بازگشت به الگوهای المنتور و ترک پنل Customizer نیست تا بتوانید الگوی هدر را ایجاد یا ویرایش کنید. این کار از طریق Customizer » Header امکان پذیر است.
چگونه می توان از پاورقی داخلی در Jupiter X استفاده و وب سایت را پیکربندی کرد؟
قالب Jupiter X به شما امکان می دهد از یک پاورقی پیش فرض سفارشی سازی استفاده کنید یا با استفاده از المنتور یک پاورقی سفارشی جدید را از پایه ایجاد کنید.
به عبارت ساده تر، پاورقی پیش فرض سفارشی سازی گزینه ها و سبک های محدودی دارد در حالی که Custom Elementor Footer به دلیل ابزارک های خود سفارشی سازی نامحدودی را اراﺋه می کند. این بدان معنی است که شما قادر خواهید بود هر المان در المنتور مانند دکمه ها، تصاویر، عنوان ها، آیکون ها و غیره را به پاورقی اضافه کنید.
ویژگی Customer footer یک روش عالی برای ایجاد سریع یک پاورقی ساده برای استفاده در وب سایت شما است.
در اینجا مهمترین گزینه هایی که می توانید برای شخصی سازی پاورقی پیش فرض خود بیابید وجود دارد:
Behaviour: می توانید یک پاورقی معمولی داشته باشید (Static) یا آن را به Fixed تغییر دهید.
Widget Area: با فعال کردن گزینه های Widget Area، می توانید ناحیه ویجت را به پاورقی خود اضافه کنید. سپس با رفتن به Customizer » Widget و انتخاب Widget Area مورد نظر، می توانید ویجت های دلخواه خود را به قسمت ویجت اضافه کنید. همچنین می توانید Footer’s layout را بر روی عرض کامل تنظیم کنید . با این عمل می توانید مدیریت کنید که آیا این پاورقی باید در اندازه صفحه نمایش کوچکتر نمایش داده شود یا خیر.
Sub Footer: محتوای Sub Footer از متن و منوی کپی رایت تشکیل شده است که هر دو قابل تنظیم هستند. مشابه پاورقی، می توانید زیر پاورقی را Full Width بسازید و نمایش زیر پاورقی را در دستگاه های کوچکتر کنترل کنید.
4. از تب Styles می توانید سبک های هر جزء را با کلیک روی دکمه Customize تغییر دهید.
5. پس از تمام تنظیمات سفارشی سازی، پانل گزینه ها را ببندید و تغییرات را اعمال کنید.
نحوه تغییر طرحبندی پاورقی
توجه: تغییر تنظیمات طرح بندی پاورقی تنها در صورت استفاده از نوع پیش فرض آن امکان پذیر است.
شما می توانید تنظیمات زیر را برای ابزارک های پاورقی پیکربندی کنید:
توجه: قبل از اینکه بتوانید ابزارک را به پاورقی اضافه کنید، Widget Area باید فعال شود و طرح پاورقی پیکربندی شود.
چگونه می توان پاورقی سفارشی در Jupiter X ساخت و استفاده کرد؟
قالب Jupiter X به شما امکان می دهد از پاورقی سفارشی سازی پیش فرض استفاده کنید یا با استفاده از الممنتور یک پاورقی سفارشی جدید را از ابتدا ایجاد کنید. روند ایجاد پاورقی با استفاده از المنتور شامل ایجاد یک الگوی پاورقی و اختصاص آن به یک صفحه است. ایجاد پاورقی با استفاده از المنتور به شما امکان می دهد تا از همه عناصر المنتوراستفاده کنید و پاورقی بسیار سفارشی داشته باشید.
توجه: اضافه کردن یک پاورقی سفارشی جدید در Jupiter X ، فقط با افزونه Elementor قابل انجام است.
برای دیدن الگوهای Jupiter X کافیست روی Jupiter X کلیک کنید. می توانید با کلیک بر روی دکمه Insert از الگوی مورد پسند خود استفاده کنید.
اگر نمی خواهید از قالب های پیش فرض استفاده کنید و قصد دارید پاورقی سفارشی خود را از ابتدا ایجاد کنید ، به سادگی روی نماد x کلیک کنید. این شما را به ویرایشگر صفحه Elementor هدایت می کند.
با رفتن به دستهبندی وردپرس در پنل ابزارک Elementor می توانید ابزارک های WordPress را به الگوی پاورقی خود اضافه کنید.
پس از ایجاد پاورقی سفارشی ، باید آن را به وب سایت خود قرار دهید. برای انجام این کار مراحل زیر را دنبال کنید:
گزینه هایی وجود دارد که به شما امکان می دهد الگوی پاورقی سفارشی را ویرایش کنید یا بدون ترک پنل Customizer هنگام ویرایش تنظیمات پاورقی، الگوی جدیدی ایجاد کنید.
هنگام تنظیم نوع پاورقی در Custom، می توانید یک الگوی از لیست کشویی را در Template setting انتخاب کرده یا بر روی دکمه “New” کلیک کنید تا یک الگوی پاورقی جدید ایجاد شود. سپس ویرایشگر Elementor ظاهر می شود که به شما امکان می دهد یک پاورقی جدید ایجاد کنید.
اگر قالب را از لیست کشویی انتخاب کرده اید ، می توانید با کلیک بر روی دکمه “Edit” آن را ویرایش کنید.
به این ترتیب دیگر برای ایحاد الگوی پاورقی یا ویرایش، نیازی به بازگشت به الگوهای Elementor و ترک پنل Customizer نمی باشد. این کار در Customizer » Footer امکان پذیر است.
پس از ایجاد پاورقی، می توانید آن را به صورت سرتاسری به همه صفحات به طور همزمان اختصاص دهید:
پس از ایجاد پاورقی، می توانید آن را فقط به یک صفحه یا صفحه خاص اختصاص دهید:
افزودن ساید بار بصورت سرتاسری
نحوه اضافه کردن ساید بار برای همه صفحات بصورت زیر است.
توجه: قبل از افزودن ساید بار، اطمینان حاصل کنید که الگوی صفحه شما در بخش کشوی”ویژگی های برگه” بر روی گزینهی “قالب پیشفرض” قرار داشته باشد. اگر گزینهی “تمام عرض” فعال باشد، ساید بار قابل رویت نخواهد بود.
. از داشبورد سمت راست وردپرس، به “نمایش » سفارشی سازی” بروید.
می توانید به عنوان طرح بندی ساید بار خود Single Sidebar یا Double Sidebar را انتخاب کنید که در این صورت می توانید دو ساید بار را در سمت چپ یا در سمت راست صفحه نمایش دهید. همچنین یک طرح بندی Opposing Sidebar وجود دارد که به شما امکان می دهد دو ساید بار را در طرف چپ و راست مطلب خود نشان دهید.
همچنین دو گزینه ساید بار را خواهید دید: Primary Sidebar و Secondary Sidebar.
از منوی کشویی، ناحیهی ساید بار خود را که می خواهید در صفحات نشان دهید، انتخاب کنید.
نحوه افزودن ابزارک به ساید بار بصورت زیر است:
Sidebar/widget به صورت پیش فرض دارای ستون های خالی است. بنابراین برای نمایش اطلاعات باید به آنها ابزارک اضافه کنید.
همچنین می توانید ویجت را از لیست کشویی به ساید بار اضافه کنید. برای این کار
اگر می خواهید ساید بار فقط در صفحات خاص و نه در همه صفحات و پست ها نشان داده شود، می توانید این کار را در ویرایشگر صفحه در بخش Options Post انجام دهید.
به عنوان مثال، می خواهید ساید بار را فقط در صفحه مخاطب نشان دهید:
در صورت انتخاب طرح بندی “دوسایدباره”، تنظیمات sidebar area را بر روی “سایدبار اصلی” و “سایدبار ثانویه” تنظیم کنید.
وبلاگ قالب ژوپیتر این امکان را فراهم می کند تا با ایجاد محتوای منحصر به فرد و با کیفیت، رتبه بهتری بین رقبا در نتایج گوگل پیدا کنید.
Jupiter X دارای 2 سبک اصلی وبلاگ Grid و Masonry است. آنها را می توان با Posts element در صفحه ساز المنتور ایجاد کرد.
توجه کنید که این المان بخشی از المان های Raven است. Raven یک افزونه اختصاصی است که توسط Artbees ساخته شده و المان های مفید و جدیدی را برای صفحه ساز المنتور اراﺋه می دهد. برای دیدن پیش فرض Elementor Posts، باید آن را در پایگاه Elementor جستجو کنید.
توجه: اگر دکمه “ویرایش با المنتور” را در بخش نوشته ها مشاهده نکردید، باید آن را در تنظیمات المنتور فعال کنید.
می توانید طرح بندی پست را به الگوی پیش فرض (Default) (همراه با ساید بار) یا الگوی Full Width (بدون ساید بار) تغییر دهید. ساید بار را می توان به پست های وبلاگ اضافه کرد، که این کار امکان افزودن ابزارک به پست های وبلاگ را فراهم می کند.
اگر نمی خواهید ساید بار را در صفحه پست داشته باشید، باید “ویژگی های برگه” را بر روی تمام عرض تنظیم کنید تا به پهنای کامل کشیده شود.
در نمایش » سفارشی سازی »Blog » Blog Singleشما گزینه های تنظیم طرح بندی مختلف برای پستهای تکی خود دارید و همچنین می توانید المان های مختلف مانند تصویر شاخص، آیکون های اجتماعی، پستهای مرتبط و غیره را پنهان کرده یا نمایش دهید.
برای دیدن همه سبک های وبلاگ، می توانید بخش “Blog” را در نسخه آزمایشی اصلی Jupiter X در قسمت Blog menu مشاهده کنید.
توجه: اگر صفحهای را به عنوان صفحه پیش فرض وبلاگ با Posts element از طریق “تنظیمات » خواندن” تنظیم کنید، هیچ یک از سبک ها و گزینه های مربوط به المان های پست (Posts element) در آن صفحه اعمال نخواهد شد. بنابراین گزینهی برگه نوشته ها در “تنظیمات » خواندن” باید بصورت خالی باشد.
وردپرس به طور پیش فرض، آخرین مطالب وبلاگ را در صفحه اول شما با طرح بندی پیش فرض Jupiter X نمایش می دهد. طرح بندی پیش فرض بسیار محدود است و شما نمی توانید از چیدمان های مختلف وبلاگ استفاده کنید.
برای اینکه بتوانید از انعطاف پذیری صفحات وبلاگ استفاده کنید، می توانید یک صفحه سفارشی با Posts element ایجاد و پیکربندی کنید.
برای ایجاد یک صفحه وبلاگ سفارشی مراحل زیر را طی کنید:
صفحه وبلاگ سفارشی و صفحات بایگانی وبلاگ متفاوت هستند. هنگام ایجاد صفحه وبلاگ سفارشی، می توانید هر ابزارک را در صفحه ساز المنتور اضافه کنید، اما صفحه وبلاگ آرشیو (Blog Archive page) برخی پست ها را بطور پیش فرض نشان می دهد.
به عنوان مثال، یک صفحه دسته بندی که از طریق نوشته ها » دسته بندی ها ایجاد کرده اید و برخی پست ها را به این دسته اختصاص داده اید با کلیک بر روی لینک category page link، نشان داده می شوند. چنین صفحاتی را نمی تواند در المنتور ویرایش کرد زیرا از الگوی پیش فرض ارشیو استفاده می کنند. با این حال بعضی از تنظیمات برای صفحات ارشیو بلاگ، مانند صفحات دسته بندی و برچسب ها وجود دارد.
به نمایش » سفارشی سازی » Blog » Blog Archive بروید در آنجا گزینه هایی برای تنظیم حاشیه ها یا پدینگ صفحات ارشیو وبلاگ در دستگاه های مختلف خواهید داشت.
در هنگام ایجاد صفحه می توانید طرح آن را روی Full Width یا Default (با ساید بار) تنظیم کنید. اما در مورد صفحات بایگانی، به عنوان مثال صفحات دستهبندی که پست های خاصی به ان اختصاص می دهید، چه می کنید؟ اگر می خواهید برای یک دسته ساید بار تنظیم کنید، اما قصد دارید تا دستهی دیگر دارای صفحه ای با عرض کامل باشد، چه می کنید؟ شما در هنگام ایجاد یک دسته بندی یا ویرایش آن، فرصتی برای تنظیم بدست خواهید آورد.
توجه: اگر در هنگام ایجاد دسته بندی، انتخاب طرح بندی یا Layout را فراموش کردید، می توانید آن را در ویرایش دسته ها تغییر دهید. دسته بندی مورد نظر را می توانید از طریق “نوشته ها » دسته ها” ویرایش کنید و گزینه Layout را روی تنظیمات مورد نیاز تنظیم کنید.
همچنین می توانید برای کلیه صفحات دسته بندی را بر روی گزینه ی global layout تنظیم کنید.
پورتفولیو در واقع بخش نمونه کارها در قالب وردپرس شماست. این بخش در قالب هایی فعال است که قابلیت ساخت سایت شرکتی داشته باشند. همچنین وب سایت های هنری هم به این بخش احتیاج دارند. پس اگر هدف شما از خرید قالب وردپرس ایجاد چنین سایت هایی است، قالب jupiterx گزینه بسیار مناسبی است. در این بخش آموزش قالب ژوپیتر، به تنظیمات پورتفولیو می پردازیم.
می توانید post layout را به الگوی پیش فرض (همراه با ساید بار) یا الگوی Full Width (بدون ساید بار) تغییر دهید. ساید بار را می توان به پست های پرتفولیو اضافه کرد. ساید بار امکان افزودن ابزارک یا ویجت را برای پست های پرتفولیو فراهم می کند.
اگر نمی خواهید ساید بار در صفحه ی پست های پرتفولیو وجود داشته باشد، باید گزینه ی قالب در “ویژگی های برگه” را برروی “تمام عرض” تنظیم کنید.
در نمایش » سفارشی سازی » Portfolio » Portfolio Single گزینه هایی برای مخفی کردن یا نشان دادن المان های مختلف مانند تصویر شاخص، آیکون های جمعی، آثار مرتبط، پست متا و غیره در دسترس شما قرار دارد.
به منظور نمایش محتوا از نوع پرتفولیو در طرح بندی المنتور کافی است تا:
شما در هنگام ایجاد یک دسته بندی جدید یا ویرایش یک دسته بندی پس از ایجاد، فرصت دارید تا طرح بندی پرتفولیوی آرشیو خود را تغییر دهید. برای این کار مراحل زیر را طی کنید:
توجه: اگر در هنگام ایجاد دسته بندی، انتخاب طرح بندی را فراموش کردید، می توانید آن را از طریق ویرایش دسته ها تغییر دهید. به این صورت که دسته بندی را در Portfolio » Categoriesویرایش کنید و گزینه Layout را روی تنظیمات مورد نیاز تنظیم کنید.
همچنین، می توانید برای کلیه صفحات دسته بندی، یک طرح بندی سرتاسری در نظر بگیرید:
المان Raven Posts دارای 2 طرح بندی برای نمایش پست های پرتفولیوی شما – Grid and Masonry -است.
اما ممکن است شما بخواهید که پست ها در لیست ویو نشان داده شوند برای این کار مراحل زیر را انجام دهید:
توجه: المان پرتفولیو بخشی از JetElements است. افزونه JetElements به همراه Jupiter X ارائه شده است و می توانید آن را از طریق پنل کنترل Jupiter X نصب کنید.
4- تنظیمات را ویرایش کرده و صفحه را به روز رسانی کنید.
مهم ترین هدف، برای استفاده از قالب های چندمنظوره، ایجاد سایت های چند منظوره است. سایت هایی که در آن واحد برای کاربران چند امکان فراهم کنند. فرض کنید که یک هنرمند، علاوه بر نمایش آثارش در وب سایت، قصد فروش آن را هم دارد. اینجاست که در آموزش قالب ژوپیتر باید، تنظیمات فروشگاه را هم بررسی کنیم.
قالب Jupiter X با افزونهی ووکامرس، راه حلی کاربردی برای تجارت الکترونیکی سازگار با وردپرس است. برای نصب و راه اندازی فروشگاه مراحل زیر را انجام دهید.
افزونه ی ووکامرس را نصب کنید. افزونه ووکامرس با Jupiter X همراه است و می توانید آن را از طریق
Jupiter X » Control Panel» Plugins
نصب کرده و بر روی دکمه فعال سازی ووکامرس کلیک کنید.
پس از فعال کردن افزونه، تنظیماتی اراﺋه می شود تا از طریق آن پیکربندی انجام داده و صفحات پیش فرض مانند فروشگاه، سبد خرید، پرداخت و حساب من، را نصب کند. همچنین صفحات پیش فرض را می توان از منوی سمت چپ داشبورد وردپرس و از طریق
ووکامرس » وضعیت » ابزار ها » ساخت صفحات پیشفرض ووکامرس
نصب کرد.
جزئیات فروشگاه خود را مانند مکان، واحد پول، واحدهای اندازه گیری، اطلاعات مالیاتی، روند پرداخت، ارسال کالا و موارد دیگر را در تنظیمات ووکامرس تنظیم کنید. این بخش از طریق
“ووکامرس » پیکربندی” در دسترس قرار دارد.
مرحله بعدی اضافه کردن محصولات به فروشگاه شما خواهد بود. از طریق “محصولات » افزودن محصول” می توانید محصولات خود را اضافه کنید. همچنین می توانید عنوان محصول، توضیحات، توضیحات کوتاه، دسته ها، برچسب ها و جزئیات بیشتر را در این صفحه اضافه کنید.
می توانید توضیحات را با استفاده از صفحه ساز المنتور اضافه کرده و همچنین ابزارک های المنتور را به محتوا اضافه کنید.
همچنین می توانید با استفاده از Shop Customizer در “نمایش » سفارشی سازی” » Shop » Product Page، یک ظاهر طراحی شده را برای صفحه اصلی تنظیم کنید.
با رفتن به “برگه ها » افزودن برگه جدید” ، صفحه جدیدی ایجاد کنید. عنوان مناسب و سایر اطلاعاتی را که می توانید برای هر صفحه عادی وردپرس وارد کنید، اضافه کنید. اگر از تنظیم ابتدایی ووکامرس استفاده کرده و صفحات پیش فرض ووکامرس را ایجاد کرده اید، می توانید این مرحله را رد کنید و انجام ندهید.
به “ووکامرس » پیکربندی” بروید و بر روی تب محصولات کلیک کنید. در زیر آن تب یک لینک به نام General مشاهده خواهید کرد. برای نشان دادن مجموعه گزینه های انتخابی برای صفحه اصلی فروشگاه، بر روی آن کلیک کنید. از گزینه Shop Page استفاده کنید تا صفحه ای را که در مرحله قبل ایجاد کرده اید انتخاب کنید.
اکنون با انجام مراحلفوق برای وب سایت خود یک فروشگاه ایجاد کردید.
توجه کنید که اگر صفحه اصلی فروشگاه از طریق تنظیمات ووکامرس تنظیم و ایجاد شده باشد، این صفحه با صفحه ساز المنتور قابل ویرایش نیست. شما می توانید از المنتور فقط برای یک صفحه شخصی که به صفحه اصلی فروشگاه و سایر صفحات پیش فرض ووکامرس در تنظیمات ووکامرس اختصاص داده نشده باشد، استفاده کنید.
توجه: اگر در هنگام ایجاد دسته بندی ، انتخاب طرح بندی یا Layout را فراموش کردید، می توانید آن را در ویرایش دسته ها تغییر دهید. دسته بندی مورد نظر را می توانید از طریق “محصولات » دسته ها” ویرایش کنید و گزینه Layout را روی تنظیمات مورد نیاز، تنظیم کنید.
همچنین می توانید مانند بلاگ و پرتفولیو کلیه صفحات دسته بندی را بر روی گزینهی global layout تنظیم کنید.
نکته اینجاست که باید اطمینان حاصل کنید که صفحات پرداخت و سبد خرید هیچ الگوی صفحه انتخابی از مشخصات برگه را ندارند. قسمت قالب برگه باید بر روی پیشفرض تنظیم شده باشد.
همچنین توجه داشته باشید که صفحات فروشگاه، پرداخت و سبد خرید شما نباید توسط المنتور ویرایش شود. اگر آنها را با المنتور ویرایش کرده باشید، آنها را از دست خواهید داد. به سادگی به text editor در آن صفحات بروید و از این کد کوتاه صفحه (page shortcodes) در داخل آنها استفاده کنید:
این کد کوتاه برای صفحه Cart استفاده می شود.
Shop Customizer گزینه ای را برای سفارشی کردن صفحات بایگانی محصول فراهم می کند. صفحه آرشیو محصولات، صفحه فروشگاهی است که محصولات در آن نشان داده شده اند.
تمام تنظیمات زیر را می توان در منوی سمت چپ وردپرس، نمایش » سفارشی سازی یافت.
برای شخصی سازی صفحه بایگانی محصول:
Shop Customizer گزینه ای را برای سفارشی کردن لیست محصولات فراهم می کند. لیست محصولات یک صفحه فروشگاه است که محصولات شما را به نمایش می گذارد.
تمام تنظیمات زیر را می توان در منوی سمت راست وردپرس، نمایش » سفارشی سازی یافت.
برای سفارشی کردن لیست محصول مراحل زری را طی کنید:
کافی است که آیتم ها را به موقعیت مورد نظر خود بکشید.
بعد از انجام تنظیمات، روی دکمه Close کلیک کنید.
4. روی دکمه انتشار کلیک کنید. تغییراتی که ایجاد کرده اید در قسمت front-end وب سایت شما اعمال خواهد شد.
Shop Customizer گزینه ای را برای شخصی سازی صفحات پرداخت و سبد خرید فراهم می کند. صفحات پرداخت و سبد خرید صفحات فروشگاهی هستند که درآن ها مشتری می تواند مواردی را که تصمیم به خرید دارد را مدیریت کند.
تمام تنظیمات زیر را می توان در منوی سمت چپ وردپرس، نمایش » سفارشی سازی یافت.
برای سفارشی سازی صفحات پرداخت و سبد خرید:
بعد از انجام تنظیمات، روی دکمه ی Close کلیک کنید.
5- روی دکمه انتشار کلیک کنید. تغییراتی که ایجاد کرده اید در front-end سایت شما اعمال خواهد شد.
Shop Customizer گزینه ای را برای شخصی سازی صفحات محصول فراهم می کند. صفحه محصول، صفحه ی فروشگاه تکی است که در آن مشتریان می توانند محصول را با جزئیات بررسی کرده و در صورت تمایل آن را به سبد خرید خود اضافه کنند.
تمام تنظیمات زیر را می توان در منوی سمت چپ وردپرس، در نمایش » سفارشی سازی یافت.
برای سفارشی سازی صفحه محصول مراحل زیر را طی کنید:
Jupiter X از Beans Framework استفاده می کند بنابراین تمام هوک های موجود در این فریم ورک توسط قالب Jupiter X پشتیبانی می شوند.
اکشن ها
فیلترها
فیلترها
از jupiterx_post_options_post_types برای فیلتر کردن انواع پست استفاده می شود که در آن فیلد های متای محلی Jupiter X acf ، نشان داده می شود.
اکشن ها
فیلترها
jupiterx_check_plugin_conflactions این فیلتر روی پلاگین های موجود در Jupiter X اعمال می شود که ممکن است باعث بروز اختلاف در به روزرسانی آنها بر اساس نسخه پلاگین های نصب شده در حال حاضر و نسخه قالب Jupiter X شود.
چگونه می توان از اسلاید شو در Jupiter X استفاده کرد؟ اسلایدر یکی از مهمترین بخش ها در هر وب سایت است. دو نوع اسلایدر وجود دارد که می توانید در Jupiter X از آنها استفاده کنید:
بسیاری از افزونه های WordPress Slider در دسترس هستند که به شما امکان می دهد اسلایدر خود را بسازید.
در حال حاضر 3 افزونه ی اسلایدر پرمیوم وجود دارد که در قالب ژوپیتر ایکس گنجانده شده است:
فعال سازی افزونه های اسلایدر در ژوپیتر ایکس اختیاری است و می توانید با انجام مراحل زیر، این کار را انجام دهید:
در اینجا می توانید ویجت های المنتور برای افزونه های اسلایدر را پیدا کنید. به عنوان مثال اگر اسلایدر خود را در افزونه Revolution Slider ایجاد کردید، Revolution Sliderwidget را به لی اوت خود بکشید و رها کنید.
به منظور استفاده از اسلایدر المنتوردر صفحه وب خود مراحل زیر را طی کنید:
ملاحظات فنی
ملاحظات محتوا
به یاد داشته باشید: همواره دریافت مشاوره از کارشناسان سئو توصیه می شود. همچنین مطالعه مقالات آموزش سئو نیز در این زمینه اهمیت دارد.
امیدواریم از آموزش قالب ژوپیتر لذت برده باشید.
سپاس از آقای سعید حسنی، برای این آموزش جذاب از قالب وردپرس ژوپیتر.
برای ارسال دیدگاه شما باید وارد شوید!
جالبه بدونید که تیم برنامه نویسی و مارکتینگ این قالب اصالتاً ایرانی هستن
سلام. سپاس از اطلاعات جالبی که بهمون دادین مهندس