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

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

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

 

امکانات و قابلیت های قالب هاب

  • پشتیبانی از المنتور: با استفاده از صفحه ساز المنتور می توانید به سادگی و بدون نیاز به دانش کدنویسی هر بخش از سایت را سفارشی کنید.
  • ساخت انواع سایت های جذاب: قالب هاب یک قالب همه کاره با عملکرد فوق العاده است که می توانید با استفاده از آن هر نوع وب سایتی را در حوزه های مختلف ایجاد کنید.
  • همراه با دموهای جذاب: مجموعه ای از دموها و طرح های از پیش ساخته شده در اختیار شما قرار خواهد گرفت که می توانید هریک از آنها را تنها با یک کلیک به سایت خود اضافه کنید.
  • بدون نیاز به دانش کدنویسی: برای استفاده از این قالب نیازی نیست متخصص باشید و از دانش بهره مند باشید، بلکه این قالب به گونه کاملاً بصری توسعه داده شده است که می توانید بدون هیچ گونه پیچیدگی سایت خود را با استفاده از ویرایشگر زنده طراحی کنید.
  • مجموعه کتابخانه المان: قالب هاب همراه با مجموعه ای از المان ها ارائه می شود که شما می توانید از میان سبک های آماده انتخاب و به دلخواه خود سفارشی کنید. همچنین می توانید بلوک های ساخته شده خود را ذخیره کنید تا بتوانید از آن در صفحات دیگر وب سایت استفاده نمائید.
  • طراحی کاملاً ریسپانسیو: قالب چند منظوره hub به صورت کاملاً ریسپانسیو توسعه داده شده است، بنابراین کاربران می توانند سایت شما را در هر دستگاهی از جمله دسکتاپ، تبلت و موبایل به بهترین شکل مشاهده کنند.
  • نمایش پنجره پاپ آپ: تنها با چند کلیک می توانید یک پنجره پاپ آپ جهت تبلیغات برای کاربران خود ایجاد نمائید.
  • ساخت مگامنوی جذاب: با استفاده از مگامنوی قالب می توانید هر منویی را بدون هیچ محدودیتی و با استفاده از عناصر خیلی ساده طراحی نمائید.

 

بیشتر بخوانید: پیدا کردن لینک های خراب در وردپرس برای بهبود سئو

آموزش قالب چند منظوره هاب

همانطور که اشاره شد قالب هاب یک قالب چندمنظوره و قدرتمند است که امکانات مختلفی را در زمینه های مختلف در اختیار شما قرار می دهد که می توانید مدیریت کاملی روی هر قسمت از سایت داشته باشید. درادامه مطلب شما را با آموزش قالب hub آشنا خواهیم کرد.

– نحوه نصب قالب هاب

برای نصب قالب، در ابتدا باید این قالب را خریداری کنید(برای خرید قالب های کلیک نمائید). پس از دانلود فایل باید آن را در سایت خود اضافه کنید. برای انجام اینکار وارد پنل وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “پوسته” کلیک کنید. سپس روی گزینه “افزودن پوسته” کلیک نمائید. بعد از آن فایل قالب را بارگذاری و نصب نمائید.

همچنین می توانید از طریق هاست این قالب را نصب نمائید. برای انجام اینکار وارد کنترل پنل هاست خود شوید و سپس وارد پوشه روت هاست خود شوید. سپس مسیر wp-content/themes را طی نمائید. حال باید فایل قالب ر در این پوشه بارگذاری و نصب کنید. در صورتی که با نصب قالب آشنایی ندارید به شما پیشنهاد می کنم که مطلب “آموزش نحوه نصب قالب وردپرس به صورت دستی” را مشاهده کنید.

– نحوه تنظیمات قالب هاب

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

1- آشنایی با بخش هدر و فوتر قالب هاب

قالب هاب الگوی های مختلفی را برای ساخت هدر در اختیار شما قرار می دهد و شما می توانید الگوی هدر را در بین الگوهای ایجاد شده انتخاب کنید. الگوی هدر انتخاب شده در سراسر وب سایت تأثیر خواهد گذاشت مگر اینکه توسط گزینه هدر صفحه خاص رونویسی شود.

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

همچنین دارای الگوهای مختلفی برای ناوبری موبایل می باشد.

هاب دارای ماژول های مختلفی است که می توانید به راحتی آنها را اضافه و استفاده کنید. در ادامه شما را با برخی از المان های هدر آشنا می کنیم:

  • دکمه: به سادگی می توانید هر نوع دکمه را در هدر خود اضافه کنید.
  • سبد هدر: اگر ووکامرس را فعال کرده اید، می توانید این ماژول را اضافه تا کاربر بتواند سبد خرید خود را به راحتی از هدر بررسی کند.
  • منوی سفارشی هدر: با کنترل کامل بر روی تایپوگرافی، رنگ ها و غیره می توانید به راحتی منویی را که از منوهای وردپرس ایجاد کرده اید اختصاص دهید.
  • لوگو: می توانید از لوگوهای تعریف شده از “گزینه های تم” استفاده کنید یا می توانید لوگو های سفارشی را درست در داخل گزینه های این کد کوتاه تعریف نمائید.

بیشتر بخوانید: آموزش کامل و رایگان نصب و کار با قالب وودمارت (Woodmart) » قیمت قالب وودمارت

– منوی موبایل

برای سفارشی کردن منوی پیش فرض موبایل به گزینه های تم موضوع> هدر> ناوبری موبایل بروید.

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

همچنین می توانید گزینه های فردی را برای هدرهای مختلف اختصاص دهید. این بخش گزینه های تم پیش فرض را بازنویسی می کند. برای انجام این کار، برای سفارشی کردن منوی تلفن همراه به هدر> هدر خود> گزینه های هدر > ناوبری موبایل بروید.

آموزش قالب چند منظوره هاب

– بخش مگامنو

برای ایجاد یک منوی مگای جذاب به سادگی به بخش مگامنو و سپس می توانید به تعداد دلخواه منو اضافه کنید. همچنین شما می توانید تنظیمات مختلف را روی منوی خود از جمله: باریک کردن آن و… اعمال نمائید.

آموزش قالب چند منظوره هاب

– بخش پاورقی

ایجاد یا ویرایش پاورقی ها بسیار ساده انجام می شود. کافیست از بخش پاورقی به ساخت پاورقی مراجعه کنید. سپس می توانید با استفاده از صفحه ساز قالب فوتر سایت خود را ایجاد کنید.

تنظیمات قالب چند منظوره hub

2- آشنایی با بخش بلاگ قالب هاب

– گزینه های پست وبلاگ

هر پست وبلاگ دارای گزینه های منحصر به فردی می باشد. هرگونه تغییر در گزینه های وبلاگ فقط روی صفحه مرتبط تأثیر می گذارد. بنابراین می توانید هر پست را به طور مستقل ویرایش یا سفارشی کنید.

تنظیمات قالب چند منظوره hub

  • متن اضافی: متن در نزدیکی بخش متا نمایش داده می شود
  • تصویر پوشش: تصویر برجسته را در یک پست تک رد می کند
  • عرض: عرض را در صفحه وبلاگ تعریف می کند.
  • جعبه اشتراک گذاری اجتماعی: برای نمایش کادر اشتراک اجتماعی در پست های خود می توانید آن را فعال کنید.
  • جعبه اطلاعات نویسنده: برای نمایش کادر اطلاعات نویسنده در زیر پست ها می توانید این گزینه را فعال کنید.
  • پروژه های مرتبط: برای نمایش پست ها و پروژه های مرتبط باید این گزینه فعال شود.
  • تعداد پروژه های مرتبط: تعداد پستهایی را که در بخش پست های مرتبط نمایش داده می شود را کنترل می کند.

بیشتر بخوانید: آموزش کار با قالب استادیار (Studiare) | کامل و تصویری

– گزینه های کلی بخش وبلاگ

برای دسترسی به این گزینه باید از بخش تنظیمات روی گزینه خواندن کلیک کنید.

  • نوار عنوان وبلاگ: برای نمایش عنوان نوار برای صفحه وبلاگ اختصاص داده شده در “تنظیمات> خواندن” یا صفحات بایگانی وبلاگ را فعال کنید.
  • زیرنویس صفحه وبلاگ: زیرنویس برای صفحه وبلاگ می توانید تعریف کنید.
  • سبک: می توانید سبک و طرح بندی های مختلف وبلاگ را انتخاب کنید.

– عناصر وبلاگ

عنصر وبلاگ به شما امکان می دهد پست های خود را در هر صفحه نمایش دهید. این قالب شامل 20 سبک مختلف وبلاگ است که می توانند در تنظیمات وبلاگ انتخاب شوند.

آموزش پوسته هاب

  • ستون ها: چند موردستوندر یک ردیف ظاهر می شود.
  • متا: برچسب ها یا دسته بندی ها را نمایش دهید
  • کل موارد: انتخاب کنید که تعداد موارد در کل ظاهر می شود.
  • طول گزیده: طول گزیده پیش فرض را تغییر دهید
  • عنوان بالای عنوان: فاصله برتر برای عنوان پست
  • عنوان تایپوگرافی: سبک عنوان پست را تغییر دهید

3- بخش نمونه کارهای قالب هاب

– افزودن نمونه کار

برای افزودن نمونه کار کافیست در داشبورد خود به “Portfolio” بروید و روی دکمه “Add New” کلیک کنید.

آموزش پوسته هاب

در این بخش عنوانی را به مورد نمونه کارها خود اضافه کنید. سپس از صفحه جانبی یک دسته نمونه کارها را انتخاب و روی “انتشار” کلیک نمائید.

بیشتر بخوانید: آموزش نحوه جلوگیری از Hotlinking در وردپرس

– ایجاد صفحه نمونه کارها

قالب هاب از صفحه ساز برای به حداکثر رساندن انعطاف پذیری صفحات نمونه کارها استفاده می کند. بنابراین شما می توانید با استفاده از صفحه ساز آن هر نوع صفحه نمونه کاری را بسازید. برای اینکار به سادگی گزینه “سفارشی” را در گزینه های متا انتخاب و درست مانند یک صفحه معمولی، ساخت کالای نمونه کارها را انجام دهید.

آموزش پوسته هاب

– بخش گالری رسانه ای هاب

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

نحوه تنظیمات قالب هاب

– عناصر نمونه کارها

قالب هاب به شما امکان می دهد موارد نمونه کارها خود را به روشی شیک نمایش دهید. علاوه بر عنصر پیش فرض نمونه کارها ، می توانید عناصر سفارشی مانند تصاویر فانتزی، کشویی متن و تصویر و غیره را مشاهده کنید. هر طرح نمونه کار با جلوه های شناور منحصر به فرد همراه است که می توانید رنگ های شناور و عنوان را در گزینه های طراحی سفارشی نمائید.

نحوه تنظیمات قالب هاب

4- بخش فروشگاه ووکامرس قالب هاب

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

بیشتر بخوانید: آموزش طراحی قالب با المنتور | چگونه با المنتور قالب وردپرس بسازیم؟

– تغییر سبک محصول

هاب 7 سبک مختلف محصول را در اختیار شما قرار می دهد که به سادگی می توانید سبک ها را از گزینه های تم> ووکامرس انتخاب کنید.

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

– نحوه ایجاد صفحه محصول سفارشی

قالب هاب 3 سبک صفحه از پیش تعریف شده را ارائه می دهد که می توانید حتی خودتان طرح صفحه محصول سفارشی خود را ایجاد کنید. برای شروع، وارد بخش طرح بندی های محصول شده و سبک دلخواه خود را ایجاد کنید.

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

این عناصر متا محصول را به صورت پویا دریافت می کنند. بنابراین اگر یک طرح ایجاد کنید می توانید آن را به چندین محصول اختصاص دهید.

5- بخش تنظیمات کلی قالب هاب

– گزینه های لوگو

برای تغییر تنظیمات لوگو کافیست از بخش گزینه های قالب روی گزینه “لوگو” کلیک کنید.

آموزش قالب چند منظوره هاب

  • لوگو پیش فرض: لوگو پیش فرض که در وب سایت خود خواهید داشت.
  • لوگو پیش فرض شبکیه: لوگو پیش فرض برای دستگاه های پشتیبانی شده شبکیه وجود دارد.
  • لوگو پیش فرض چسبناک: لوگو پیش فرض برای حالت چسبنده هدر موجود است.
  • آرم تلفن همراه: گزینه لوگو برای دستگاه های تلفن همراه.

– بخش رنگ بندی

  • رنگ اصلی: رنگ اصلیست که برای بسیاری از عناصر محتوا در وب سایت استفاده می شود.
  • رنگ ثانویه: معمولاً برای حالت های شناور عناصر محتوا یا جایی که بیش از یک رنگ درگیر است استفاده می شود.
  • رنگ شیب ابتدایی :رنگ گرادیان است که در وب سایت شما استفاده می شود.

سوالات متداول

قالب هاب برای چه سایت هایی مناسب است؟

ویژگی های قالب هاب چیست؟

برخی از ویژگی های قالب هاب عبارت است از: پشتیبانی از صفحه ساز المنتور، دموهای جذاب، المان های منحصربفرد و...

 

جمع بندی: آموزش پوسته هاب

قالب هاب یک پوسته جذاب وردپرس است که همراه با گزینه های سفارشی سازی مختلفی ارائه می شود که ساخت و سفارشی سازی هر نوع سایتی را برای شما بسیار ساده می کند. ما در این مطلب شما را با آموزش قالب هاب و تنظیمات قالب چند منظوره hub آشنا کردیم. امیدوارم این مطلب مورد رضایت شما عزیزان قرار گرفته باشد.

منبع: docs.liquid-themes

درباره نویسنده



تیم تحریریه نوین وردپرس
( عضو از 4 سال قبل )
  • 1276 نوشته
  • 0 دیدگاه
  • 5 محصول
  • 0 دوره آموزشی

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

دیدگاهتان را بنویسید

مطالب مرتبط



۳ ترفند برای افزایش سرعت بارگذاری فایل های رسانه در وردپرس

902
0
فرض کنید که زحمت زیادی برای طراحی سایت وردپرس خود که پر از تصاویر، ویدئوها، افکت و دیگر موارد بصری است کشیده اید. اما چه اتفاقی می افتد ...
جزییات بیشتر آموزش را بخوانید!

آموزش پیکربندی وردپرس و تنظیمات اولیه مهم بعد از نصب

2460
0
همانطور که می دانید وردپرس یکی از بهترین سیستم های مدیریت محتوای سایت ساز جهان می باشد که به کمک آن می توانید انواع وب سایت ها را ...
جزییات بیشتر آموزش را بخوانید!

پرامپت نویسی چیست؟ چگونه برای هوش مصنوعی پرامپت بنویسیم؟

57
0
پرامپت نویسی یکی از مفاهیم کلیدی در تعامل با ابزارهای هوش مصنوعی است که نقش تعیین کننده‌ ای در کیفیت خروجی این سیستم‌ ها دارد. در واقع، پرامپت ...
جزییات بیشتر آموزش را بخوانید!

تداخل پلاگین های وردپرس و چگونگی بررسی و رفع آنها

4533
3
وقتیکه در مورد مشکلات بالقوه پلاگین ها که باعث ایجاد مشکل برای سایت های وردپرسی می شود فکر می کنید، حتما ذهن شما به سمت پلاگین هایی با ...
جزییات بیشتر آموزش را بخوانید!

نحوه نمایش مطالب محبوب سایت در وردپرس

1731
0
مطالب محبوب وردپرس گنجینه شما هستند.کاربران از مطالعه آن لذت می‌برند و برای دوستان آن را معرفی می‌کنند. مطالبی با موضوعات مختلف ولی همگی مشکل‌گشا و مؤثر. شاید ...
جزییات بیشتر آموزش را بخوانید!

سئو محلی چیست و local SEO چگونه کار می کند؟

812
0
سئو محلی می تواند به بهبود هرنوع کسب و کاری کمک کند. هم اکنون بیش از 46 درصد از کل جستجوهایی که در گوگل انجام می شود به ...
جزییات بیشتر آموزش را بخوانید!

آموزش بک آپ گرفتن از هاست سی پنل cPanel

1922
0
محافظت از اطلاعات سایت یکی از مهم ترین و حساس ترین نکاتیست که باید مد نظر داشته باشید. روش های مختلفی برای محافظت از سایت وجود دارد که ...
جزییات بیشتر آموزش را بخوانید!

بهترین نرم افزار های ایمیل مارکتینگ | برترین سرویس بازاریابی ایمیلی در ایران کدام است؟

3265
0
امروزه یکی از استراتژی های افزایش فروش و تقویت روابط با مشتریان، بازاریابی ایمیلی می باشد. انتخاب یک نرم افزار ایمیل مارکتینگ مناسب می تواند تاثیر بسزایی در ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

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