ایکون
100 قالب سایت آماده
897 هزار تومان
پیش نمایش
آموزش قالب‌ها

آموزش قالب هاب؛ تنظیمات کامل قالب چند منظوره hub

قالب هاب با بیش از 60 دمو یکی از بهترین قالب های چند منظوره برای طراحی انواع سایت است. برای طراحی سایت با این قالب فقط کافی است کار با تنظیمات آن را بلد باشید. در این مقاله آموزش قالب هاب و بخش های مختلف آن را به صورت مجزا در چند ویدئو آورده ایم.

2
09 تیر 1401
آخرین بروزرسانی: 16 اسفند 1402

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

آموزش کار با قالب هاب

🔶 بخش اول: آموزش نصب قالب هاب

در این بخش آموزش نصب قالب هاب با نصب قالب با بسته نصبی شرح می دهیم

  • آموزش دانلود بسته نصبی از پنل راست چین
  • نحوه بارگذاری و آپلود بسته نصبی در هاست cpanel
  • آموزش ساخت دیتابیس در cpanel
  • آموزش نصب قالب با داپلیکیتور
محصول پیشنهادی
بنر
قالب Hub، قالب هاب با نصب رایگان
دسته بندی : قالب چند منظوره
1544
فروش
86%
رضایت

🔶 بخش دوم: آموزش تنظیمات طرح بندی و لوگو قالب 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 برای بررسی بروزرسانی پلاگین ها و دموها

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

مهسا کاظمی پور
مهسا کاظمی پور
مهسا هستم و 4 ساله در حوزه وردپرس و دو سال در حوزه سئو فعالیت دارم. معتقدم که انسان در شرایط نامساعد نباید خودش رو ببازه و نا امید بشه چون فصل دوباره جوونه زدن هم خواهد رسید...
مقالات مرتبط
بنر
آموزش قالب وودمارت؛ آموزش صفر تا صد طراحی فروشگاه
اگر می خواهید یک سایت حرفه ای طراحی کنید که کلیه امکانات یک فروشگاه آنلاین را داشته باشد کافی است یکی از 50 دموی فارسی و اختصاصی مانند دیجی کالا و موتن رو قالب وودمارت را نصب و استفاده کنید. همچنین این قالب فروشگاه ساز به همراه اپلیکیشن ارائه شده و کاربران می توانند یک نسخه از وب سایت را روی ...
بنر
آموزش قالب دیجی لند
اگر قصد طراحی سایت با قالب دیجی لند را دارید در آموزش قالب دیجی لند همراه ما باشید تا از نصب قالب تا سفارشی سازی و ویرایش قسمت های مختلف را آموزش دهیم.
بنر
آموزش قالب استادیار؛ آموزش صفر تا صد
اگر به دنبال طراحی سایت آموزشی هستید و قالب استادیار را انتخاب کرده اید.، در این جا می توانید آموزش نصب و سفارشی سازی قالب و نحوه ساخت هدر و فوتر و افزودن دوره و محصولات را به صورت جامع را مشاهده کنید.
بنر
آموزش 0 تا 100 قالب دیوی
دیوی یکی از پر فروش ترین قالب های وردپرس است و بیش از 100 دموی کامل وب سایت و 800 طرح از پیش آماده دارد. قالب دیوی تنها یک قالب نیست بلکه یک چارچوب کامل طراحی است که به شما اجازه طراحی و سفارشی سازی هر بخشی از سایت را می دهد. اگر کاربر حرفه ای وردپرس باشید از سرعت و کارایی دیوی شگفت زده خواهید ...
2 دیدگاه
crystaal
crystaal
10 دی 1402 14:50

باسلام و وقت بخیر
ممنون از آموزش خوبتون
وقتی با موبایل وارد میشیم تب بار میاد اونو چجوری غیر فعال کنم؟

آیا مفید بود ؟
0
مهسا کاظمی پور
مهسا کاظمی پور
10 دی 1402 16:07

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

موفق باشید

آیا مفید بود ؟