آموزش قالب هاب؛ تنظیمات قالب چند منظوره hub
قالب هاب یک پوسته چندمنظوره وردپرس است که به شما این امکان را می دهد تا انواع سایت ها را در حوزه های مختلف از جمله: فروشگاه پوشاک و لوازم جانبی، فروشگاه لوازم آرایشی، فروشگاه ورزشی، فروشگاه جواهرات ، بازار دیجیتال، نرم افزارها و… طراحی کنید. این قالب از صفحه ساز المنتور پشتیبانی می کند، بنابراین می توانید هر بخش از سایت را به گونه کاملاً دلخواه سفارشی کنید. تم hub از فروشگاه ساز ووکامرس پشتیبانی می کند که به شما کمک می کند تا ابزارهای فروشگاهی مختلفی را به سایت خود اضافه کنید. در ادامه مطلب قصد داریم شما را با آموزش قالب هاب و تنظیمات قالب چند منظوره hub آشنا کنیم. با ما همراه باشید.
امکانات و قابلیت های قالب هاب
- پشتیبانی از المنتور: با استفاده از صفحه ساز المنتور می توانید به سادگی و بدون نیاز به دانش کدنویسی هر بخش از سایت را سفارشی کنید.
- ساخت انواع سایت های جذاب: قالب هاب یک قالب همه کاره با عملکرد فوق العاده است که می توانید با استفاده از آن هر نوع وب سایتی را در حوزه های مختلف ایجاد کنید.
- همراه با دموهای جذاب: مجموعه ای از دموها و طرح های از پیش ساخته شده در اختیار شما قرار خواهد گرفت که می توانید هریک از آنها را تنها با یک کلیک به سایت خود اضافه کنید.
- بدون نیاز به دانش کدنویسی: برای استفاده از این قالب نیازی نیست متخصص باشید و از دانش بهره مند باشید، بلکه این قالب به گونه کاملاً بصری توسعه داده شده است که می توانید بدون هیچ گونه پیچیدگی سایت خود را با استفاده از ویرایشگر زنده طراحی کنید.
- مجموعه کتابخانه المان: قالب هاب همراه با مجموعه ای از المان ها ارائه می شود که شما می توانید از میان سبک های آماده انتخاب و به دلخواه خود سفارشی کنید. همچنین می توانید بلوک های ساخته شده خود را ذخیره کنید تا بتوانید از آن در صفحات دیگر وب سایت استفاده نمائید.
- طراحی کاملاً ریسپانسیو: قالب چند منظوره hub به صورت کاملاً ریسپانسیو توسعه داده شده است، بنابراین کاربران می توانند سایت شما را در هر دستگاهی از جمله دسکتاپ، تبلت و موبایل به بهترین شکل مشاهده کنند.
- نمایش پنجره پاپ آپ: تنها با چند کلیک می توانید یک پنجره پاپ آپ جهت تبلیغات برای کاربران خود ایجاد نمائید.
- ساخت مگامنوی جذاب: با استفاده از مگامنوی قالب می توانید هر منویی را بدون هیچ محدودیتی و با استفاده از عناصر خیلی ساده طراحی نمائید.
بیشتر بخوانید: پیدا کردن لینک های خراب در وردپرس برای بهبود سئو
آموزش قالب چند منظوره هاب
همانطور که اشاره شد قالب هاب یک قالب چندمنظوره و قدرتمند است که امکانات مختلفی را در زمینه های مختلف در اختیار شما قرار می دهد که می توانید مدیریت کاملی روی هر قسمت از سایت داشته باشید. درادامه مطلب شما را با آموزش قالب hub آشنا خواهیم کرد.
– نحوه نصب قالب هاب
برای نصب قالب، در ابتدا باید این قالب را خریداری کنید(برای خرید قالب های کلیک نمائید). پس از دانلود فایل باید آن را در سایت خود اضافه کنید. برای انجام اینکار وارد پنل وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “پوسته” کلیک کنید. سپس روی گزینه “افزودن پوسته” کلیک نمائید. بعد از آن فایل قالب را بارگذاری و نصب نمائید.
همچنین می توانید از طریق هاست این قالب را نصب نمائید. برای انجام اینکار وارد کنترل پنل هاست خود شوید و سپس وارد پوشه روت هاست خود شوید. سپس مسیر wp-content/themes را طی نمائید. حال باید فایل قالب ر در این پوشه بارگذاری و نصب کنید. در صورتی که با نصب قالب آشنایی ندارید به شما پیشنهاد می کنم که مطلب “آموزش نحوه نصب قالب وردپرس به صورت دستی” را مشاهده کنید.
– نحوه تنظیمات قالب هاب
در ادامه با نحوه تنظیمات قالب هاب را آموزش میدهیم و شمارا با بخش های هدر، فوتر و موبایل این قالب آشنا می کنیم
1- آشنایی با بخش هدر و فوتر قالب هاب
قالب هاب الگوی های مختلفی را برای ساخت هدر در اختیار شما قرار می دهد و شما می توانید الگوی هدر را در بین الگوهای ایجاد شده انتخاب کنید. الگوی هدر انتخاب شده در سراسر وب سایت تأثیر خواهد گذاشت مگر اینکه توسط گزینه هدر صفحه خاص رونویسی شود.
همچنین دارای الگوهای مختلفی برای ناوبری موبایل می باشد.
هاب دارای ماژول های مختلفی است که می توانید به راحتی آنها را اضافه و استفاده کنید. در ادامه شما را با برخی از المان های هدر آشنا می کنیم:
- دکمه: به سادگی می توانید هر نوع دکمه را در هدر خود اضافه کنید.
- سبد هدر: اگر ووکامرس را فعال کرده اید، می توانید این ماژول را اضافه تا کاربر بتواند سبد خرید خود را به راحتی از هدر بررسی کند.
- منوی سفارشی هدر: با کنترل کامل بر روی تایپوگرافی، رنگ ها و غیره می توانید به راحتی منویی را که از منوهای وردپرس ایجاد کرده اید اختصاص دهید.
- لوگو: می توانید از لوگوهای تعریف شده از “گزینه های تم” استفاده کنید یا می توانید لوگو های سفارشی را درست در داخل گزینه های این کد کوتاه تعریف نمائید.
بیشتر بخوانید: آموزش کامل و رایگان نصب و کار با قالب وودمارت (Woodmart) » قیمت قالب وودمارت
– منوی موبایل
برای سفارشی کردن منوی پیش فرض موبایل به گزینه های تم موضوع> هدر> ناوبری موبایل بروید.
همچنین می توانید گزینه های فردی را برای هدرهای مختلف اختصاص دهید. این بخش گزینه های تم پیش فرض را بازنویسی می کند. برای انجام این کار، برای سفارشی کردن منوی تلفن همراه به هدر> هدر خود> گزینه های هدر > ناوبری موبایل بروید.
– بخش مگامنو
برای ایجاد یک منوی مگای جذاب به سادگی به بخش مگامنو و سپس می توانید به تعداد دلخواه منو اضافه کنید. همچنین شما می توانید تنظیمات مختلف را روی منوی خود از جمله: باریک کردن آن و… اعمال نمائید.
– بخش پاورقی
ایجاد یا ویرایش پاورقی ها بسیار ساده انجام می شود. کافیست از بخش پاورقی به ساخت پاورقی مراجعه کنید. سپس می توانید با استفاده از صفحه ساز قالب فوتر سایت خود را ایجاد کنید.
2- آشنایی با بخش بلاگ قالب هاب
– گزینه های پست وبلاگ
هر پست وبلاگ دارای گزینه های منحصر به فردی می باشد. هرگونه تغییر در گزینه های وبلاگ فقط روی صفحه مرتبط تأثیر می گذارد. بنابراین می توانید هر پست را به طور مستقل ویرایش یا سفارشی کنید.
- متن اضافی: متن در نزدیکی بخش متا نمایش داده می شود
- تصویر پوشش: تصویر برجسته را در یک پست تک رد می کند
- عرض: عرض را در صفحه وبلاگ تعریف می کند.
- جعبه اشتراک گذاری اجتماعی: برای نمایش کادر اشتراک اجتماعی در پست های خود می توانید آن را فعال کنید.
- جعبه اطلاعات نویسنده: برای نمایش کادر اطلاعات نویسنده در زیر پست ها می توانید این گزینه را فعال کنید.
- پروژه های مرتبط: برای نمایش پست ها و پروژه های مرتبط باید این گزینه فعال شود.
- تعداد پروژه های مرتبط: تعداد پستهایی را که در بخش پست های مرتبط نمایش داده می شود را کنترل می کند.
بیشتر بخوانید: آموزش کار با قالب استادیار (Studiare) | کامل و تصویری
– گزینه های کلی بخش وبلاگ
برای دسترسی به این گزینه باید از بخش تنظیمات روی گزینه خواندن کلیک کنید.
- نوار عنوان وبلاگ: برای نمایش عنوان نوار برای صفحه وبلاگ اختصاص داده شده در “تنظیمات> خواندن” یا صفحات بایگانی وبلاگ را فعال کنید.
- زیرنویس صفحه وبلاگ: زیرنویس برای صفحه وبلاگ می توانید تعریف کنید.
- سبک: می توانید سبک و طرح بندی های مختلف وبلاگ را انتخاب کنید.
– عناصر وبلاگ
عنصر وبلاگ به شما امکان می دهد پست های خود را در هر صفحه نمایش دهید. این قالب شامل 20 سبک مختلف وبلاگ است که می توانند در تنظیمات وبلاگ انتخاب شوند.
- ستون ها: چند موردستوندر یک ردیف ظاهر می شود.
- متا: برچسب ها یا دسته بندی ها را نمایش دهید
- کل موارد: انتخاب کنید که تعداد موارد در کل ظاهر می شود.
- طول گزیده: طول گزیده پیش فرض را تغییر دهید
- عنوان بالای عنوان: فاصله برتر برای عنوان پست
- عنوان تایپوگرافی: سبک عنوان پست را تغییر دهید
3- بخش نمونه کارهای قالب هاب
– افزودن نمونه کار
برای افزودن نمونه کار کافیست در داشبورد خود به “Portfolio” بروید و روی دکمه “Add New” کلیک کنید.
در این بخش عنوانی را به مورد نمونه کارها خود اضافه کنید. سپس از صفحه جانبی یک دسته نمونه کارها را انتخاب و روی “انتشار” کلیک نمائید.
بیشتر بخوانید: آموزش نحوه جلوگیری از Hotlinking در وردپرس
– ایجاد صفحه نمونه کارها
قالب هاب از صفحه ساز برای به حداکثر رساندن انعطاف پذیری صفحات نمونه کارها استفاده می کند. بنابراین شما می توانید با استفاده از صفحه ساز آن هر نوع صفحه نمونه کاری را بسازید. برای اینکار به سادگی گزینه “سفارشی” را در گزینه های متا انتخاب و درست مانند یک صفحه معمولی، ساخت کالای نمونه کارها را انجام دهید.
– بخش گالری رسانه ای هاب
گالری های رسانه ای شامل صفحات جزئیات نمونه کارها نیستند. اگر می خواهید یک گالری ساده برای تصاویر، فیلم ها یا حتی فایل های صوتی خود داشته باشید این گالری رسانه راه حل عالی برای شما محسوب خواهد شد. برای دسترسی به این بخش کافیست از قسمت تنظیمات روی گالری رسانه کلیک و سپس گالری از پیش ساخته را وارد کنید.
– عناصر نمونه کارها
قالب هاب به شما امکان می دهد موارد نمونه کارها خود را به روشی شیک نمایش دهید. علاوه بر عنصر پیش فرض نمونه کارها ، می توانید عناصر سفارشی مانند تصاویر فانتزی، کشویی متن و تصویر و غیره را مشاهده کنید. هر طرح نمونه کار با جلوه های شناور منحصر به فرد همراه است که می توانید رنگ های شناور و عنوان را در گزینه های طراحی سفارشی نمائید.
4- بخش فروشگاه ووکامرس قالب هاب
در این قسمت از آموزش قالب هاب قصد داریم شما را با بخش فروشگاه ووکامرس آشنا کنیم.
بیشتر بخوانید: آموزش طراحی قالب با المنتور | چگونه با المنتور قالب وردپرس بسازیم؟
– تغییر سبک محصول
هاب 7 سبک مختلف محصول را در اختیار شما قرار می دهد که به سادگی می توانید سبک ها را از گزینه های تم> ووکامرس انتخاب کنید.
– نحوه ایجاد صفحه محصول سفارشی
قالب هاب 3 سبک صفحه از پیش تعریف شده را ارائه می دهد که می توانید حتی خودتان طرح صفحه محصول سفارشی خود را ایجاد کنید. برای شروع، وارد بخش طرح بندی های محصول شده و سبک دلخواه خود را ایجاد کنید.
این عناصر متا محصول را به صورت پویا دریافت می کنند. بنابراین اگر یک طرح ایجاد کنید می توانید آن را به چندین محصول اختصاص دهید.
5- بخش تنظیمات کلی قالب هاب
– گزینه های لوگو
برای تغییر تنظیمات لوگو کافیست از بخش گزینه های قالب روی گزینه “لوگو” کلیک کنید.
- لوگو پیش فرض: لوگو پیش فرض که در وب سایت خود خواهید داشت.
- لوگو پیش فرض شبکیه: لوگو پیش فرض برای دستگاه های پشتیبانی شده شبکیه وجود دارد.
- لوگو پیش فرض چسبناک: لوگو پیش فرض برای حالت چسبنده هدر موجود است.
- آرم تلفن همراه: گزینه لوگو برای دستگاه های تلفن همراه.
– بخش رنگ بندی
- رنگ اصلی: رنگ اصلیست که برای بسیاری از عناصر محتوا در وب سایت استفاده می شود.
- رنگ ثانویه: معمولاً برای حالت های شناور عناصر محتوا یا جایی که بیش از یک رنگ درگیر است استفاده می شود.
- رنگ شیب ابتدایی :رنگ گرادیان است که در وب سایت شما استفاده می شود.
سوالات متداول
برخی از ویژگی های قالب هاب عبارت است از: پشتیبانی از صفحه ساز المنتور، دموهای جذاب، المان های منحصربفرد و... قالب هاب برای چه سایت هایی مناسب است؟
ویژگی های قالب هاب چیست؟
جمع بندی: آموزش پوسته هاب
قالب هاب یک پوسته جذاب وردپرس است که همراه با گزینه های سفارشی سازی مختلفی ارائه می شود که ساخت و سفارشی سازی هر نوع سایتی را برای شما بسیار ساده می کند. ما در این مطلب شما را با آموزش قالب هاب و تنظیمات قالب چند منظوره hub آشنا کردیم. امیدوارم این مطلب مورد رضایت شما عزیزان قرار گرفته باشد.
منبع: docs.liquid-themes
لیست مطالب
- امکانات و قابلیت های قالب هاب
- آموزش قالب چند منظوره هاب
- – نحوه نصب قالب هاب
- – نحوه تنظیمات قالب هاب
- 1- آشنایی با بخش هدر و فوتر قالب هاب
- 2- آشنایی با بخش بلاگ قالب هاب
- – عناصر وبلاگ
- 3- بخش نمونه کارهای قالب هاب
- 4- بخش فروشگاه ووکامرس قالب هاب
- 5- بخش تنظیمات کلی قالب هاب
- سوالات متداول
- قالب هاب برای چه سایت هایی مناسب است؟
- ویژگی های قالب هاب چیست؟
- جمع بندی: آموزش پوسته هاب
نظرات کاربران
ثبت دیدگاه