آموزش قالب هاب؛ تنظیمات کامل قالب چند منظوره hub
قالب هاب با بیش از 60 دمو یکی از بهترین قالب های چند منظوره برای طراحی انواع سایت است. برای طراحی سایت با این قالب فقط کافی است کار با تنظیمات آن را بلد باشید. در این مقاله آموزش قالب هاب و بخش های مختلف آن را به صورت مجزا در چند ویدئو آورده ایم.
اگر می خواهید یک سایت شرکتی طراحی و در آینده فروشگاه خود را راه اندازی یا محصولات خود را معرفی کنید، یک قالب چند منظوره انتخاب مناسبی است. قالب هاب با افزونه ویژوال کامپوزر و المنتور امکان ساخت و طراحی صفحات سایت شما را می دهد. کار کردن با تنظیمات قالب هاب بسیار راحت است و پیش نیاز اصلی آن آشنایی با آموزش وردپرس است.
آموزش کار با قالب هاب
🔶 بخش اول: آموزش نصب قالب هاب
در این بخش آموزش نصب قالب هاب با نصب قالب با بسته نصبی شرح می دهیم
- آموزش دانلود بسته نصبی از پنل راست چین
- نحوه بارگذاری و آپلود بسته نصبی در هاست cpanel
- آموزش ساخت دیتابیس در cpanel
- آموزش نصب قالب با داپلیکیتور
🔶 بخش دوم: آموزش تنظیمات طرح بندی و لوگو قالب Hub
در این آموزش ویدئویی تنظیمات طرح بندی قالب هاب، ریسپانسیو، رنگ ها و لوگو برای قالب هاب را ببینید.
- انجام اقدامات بعد از نصب وردپرس شامل حذف محتواهای پیش فرض، تعیین صفحه نوشته ها و صفحه اصلی و غیره (ضروری)
- تنظیمات طرح بندی سایت وردپرس با قالب هاب
- تنظیمات رنگ و پس زمینه اصلی
- آموزش تنظیمات طرح رنگ صفحه و رنگ پس زمینه محتوا
- تنظمیات ریسپانسیو قالب هاب برای نمایش فهرست
- تنظیمات رنگ ها در قالب هاب؛ تنظیمات رنگ اصلی، ثانویه و رنگ لینک ها
- تنظیمات لوگو مانند لوگو پیش فرض هاب و سایز لوگو
- آموزش ایجاد لوگو پیش فرض رتینا، هدر چسبان، هاور لوگو قالب هاب
- آموزش تنظیمات لوگو موبایل، فاو آیکن قالب hub
🔶 بخش سوم: آموزش تنظیمات هدر و فوتر هاب
در این بخش از آموزش قالب Hub به تنظیمات هدر، نوار عنوان صفحه و فوتر می پردازیم تا شما به راحتی بتوانید هدر دلخواه خود را ایجاد کنید.
- نحوه فعالسازی هدر قالب hub
- تنظیمات ناوبری منو موبایل شامل استایل، فهرست، ترازبندی، طرح و رنگ هدر موبایل
- تنظیمات عنوان، تایپوگرافی، طرح و رنگ نوار عنوان صفحه
- آموزش تنظیمات تصویر پس زمینه و رنگ نوار عنوان صفحه
- تنظیمات فعالسازی فوتر قالب هاب
- تنظیمات طرح بندی فوتر هاب
🔶 بخش چهارم : آموزش سایدبار و تایپوگرافی قالب Hub
در این بخش از آموزش قالب Hub صفحات نمایش سایدبارها و تنظیمات تایپوگرافی قالب هاب را مشاهده می کنید.
- آموزش اضافه کردن سایدبار در قالب هاب و نحوه نمایش سایدبار و استایل آن
- تنظیمات فعالسازی سایدبار در صفحات قالب Hub
- تنظیمات نمایش سایدبار برای صفحات نمونه کار در قالب Hub
- آموزش نمایش سایدبار در صفحات بایگانی نمونه کارها
- تنظیمات سایدبار برای پست های وبلاگ قالب هاب
- تنظیم سایدبار برای صفحات بایگانی وبلاگ
- آموزش ایجاد سایدبار صفحه جست و جو
- تنظیمات سایدبار صفحه محصول
- آموزش افزودن سایدبار بایگانی محصولات
در این بخش از آموزش قالب هاب، تنظیمات فونت شامل اندازه، رنگ و ضخامت فونت، فاصله بین حروف را برای بخش های مختلف سایت را مشاهده می کنید.
- تنظیمات تایپوگرافی بدنه
- آموزش تنظیمات تایپوگرافی پست تکی
- تنظیمات تایپوگرافی عنوان
- آموزش تنظیمات تایپوگرافی
- افزودن فونت سفارشی به قالب هاب
🔶 بخش پنجم: تنظیمات وبلاگ و نمونه کارها در قالب هاب
برای تنظیمات وبلاگ و صفحه نمونه کارها، ووکامرس و صفحه جست و جو آموزش ویدیئویی این بخش از آموزش قالب Hub را از دست ندهید.
- تنظیمات نوار عنوان صفحه وبلاگ
- تنظیمات استایل پست و تعداد ستون های وبلاگ
- نحوه نمایش دسته بندی و برچسب در صفحه وبلاگ
- مدیریت دسته بندی برای پست های تکی
- تعیین قالب پیش فرض وبلاگ
- تنظیمات صفحه دسته بندی وبلاگ، طرح، تصویر پس زمینه، استایل، عنوان و زیر عنوان
- نمایش دسته بندی و برچسب برای صفحه دسته
- تنظیمات صفحه برچسب وبلاگ در قالب هاب
- تنظیمات صفحه نویسنده بلاگ
- سفارشی سازی تنظیمات صفحه پست تکی قالب هاب
- تنظیمات صفحات دسته بندی نمونه کارها مانند عنوان صفحهف استایل، ترازبندی
- تنظیمات صفحه نمونه کار تکی
- نحوه ویرایش صفحه کلی نمونه کارها
- تنظیمات ووکامرس در قالب هاب
- تنظیمات سبک دسته بندی محصول، عنوان دسته بندی، فعالسازی برد کرامپ در صفحه محصول
- نمایش شبکه ای و لیست در صفحه دسته بندی محصولات
- تنظیمات صفحه جست و جو
🔶 بخش ششم: تنظیمات بهینه سازی قالب هاب
در این ویدئو آموزش نحوه بهینه سازی قالب که تنظیمات بارگذاری فونت و آیکن، افزونه ها و حذف فایل های اضافی مانند css و Js است را ببینید.
- آموزش فعالسازی بهینه سازی قالب و حافظه نهان
- آموزش غیرفعال کردن استایل های css
- غیرفعالسازی فایل js در فوتر و اسلایدر در موبایل
- مدیریت اسکریپت های سفارشی در قالب هاب
- غیرفعالسازی انیمیشن ها در موبایل
- تنظیمات نحوه بارگذاری فونت های گوگل، Font Awesome، پیش بارگذاری آیکن ها، بارگذاری فونت های سفارشی
- نحوه فعالسازی lazy load
- تنظیم کلیدهای های Api سایر وب سرویس ها مانند mailchimp
- تنظیمات سفارشی سازی نشانگر موس
- تنظیمات پیش بارگذاری قالب هاب و دکمه بازگشت به بالا
- تنظیمات فونت آیکن های سفارشی و صفحه 404
- تنظیمات سفارشی سازی GPDR قالب هاب
🔶 بخش هفتم: تنظیمات پیشرفته و css سفارشی در آموزش قالب هاب
تنظیمات پیشرفته سفارشی سازی قالب هاب از جمله کدهای css و درون ریزی و برون بری تنظیمات قالب را در این بخش می توانید ببینید.
- تنظیمات کدها و css داینامیک هاب
- آموزش تنظیمات css سفارشی در قالب hub
- آموزش درون ریزی و برون بری تنظیمات قالب هاب
- فعالسازی api برای بررسی بروزرسانی پلاگین ها و دموها
به دلیل اینکه قالب هاب یکی از قالب های پر فروش راست چین است این آموزش ویدئویی قالب هاب را برای شما آماده کردیم. امیدوارم که پاسخگوی سوالات شما باشد.
سلام وقت شما بخیر
خوشحالم که آموزش براتون مفید بوده. اگر منظورتون از تب بار منو هست که در بخش تنظیمات قالب، وارد گزینه ناوبری موبایل بشین که در این قسمت تنظیمات منوی موبایل را میتونید انجام بدید.
موفق باشید
باسلام و وقت بخیر
ممنون از آموزش خوبتون
وقتی با موبایل وارد میشیم تب بار میاد اونو چجوری غیر فعال کنم؟