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

۱۹۰ هزار تومان

برای خرید قالب به تلگرام من پیام دهید. @Bonikaaa

پیشنمایش قالب شتاب

جزئیات بیشتر: اسکرین‌شات حالت‌های مختلف قالب شتاب

درباره قالب شتاب

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

امکانات قالب شتاب

• امکان شخصی سازی رنگ‌های قالب
• استفاده از فونت میخک
• استفاده از گوگل متریال آیکون
• حالت تیره و روشن
• بارگذاری سریع صفحه
• جابه‌جایی بین صفحه‌ها بدون رفرش شدن صفحه
• لودینگ صفحه و لودینگ بار
• نمایش نظرات به شکل اختصاصی و پیشرفته
• نمایش محتوا به شکل موزائیکی و ستونی
• اسلایدر اختصاصی برای استفاده در مطلب و قالب
• قابلیت جستجوی محتوای وبلاگ در گوگل
• مطالب پیشنهادی
• شبکه‌هایی اجتماعی

نصب قالب شتاب در بلاگفا

پس از خریداری قالب یک فایل زیپ برای شما ارسال می‌شود که محتوای آن به شکل زیر است، داخل پرانتر محل نصب هر یک از کدها مشخص شده است. اگر می‌خواهید همه کدها باهم نصب بشود، کل کد فایل 1.all.txt را در تنظیمات بلاگفا و بخش ویرایش قالب و تب صفحات اصلی جایگزین کنید و ثبت را بزنید.

• 1.all.txt کدهای قالب صفحات اصلی، قالب آرشیو، قالب صفحات جداگانه (نصب همه کدها در صفحات اصلی)
• 2.main.txt کد قالب صفحات اصلی (نصب در صفحات اصلی)
• 3.archive.txt کد قالب آرشیو (نصب در آرشیو)
• 4.pages.txt کد قالب صفحات جداگانه (نصب در صفحات جداگانه)
• 5.slider نمونه کد برای استفاده از اسلایدر اختصاصی
• how use slider code in posts کلیپ آموزش استفاده از اسلایدر

عوض کردن رنگ‌های قالب شتاب

در قالب شتاب این امکان فراهم شده تا به آسانی بتوانید تم دلخواه خودتون رو داشته باشید! برای اینکار در کد قالب، عبارت <!-- رنگ‌های قالب --> جستجو کنید زیر اون لیست رنگ‌های پیشفرض رو مشاهده می‌کنید که به شکل زیر هست.

/* حالت روشن */
:root {
  --bold: #fff;
  --normal: oklch(98.5% 0 0);
  --dim: oklch(96.7% 0.001 286.375);
  --on-bold: oklch(14.1% 0.005 285.823);
  --on-normal: oklch(37% 0.013 285.805);
  --on-dim: oklch(44.2% 0.017 285.786);
  --outline: oklch(92% 0.004 286.32);
  --on-outline: oklch(87.1% 0.006 286.286);
}
/* حالت تیره */
.dark {
  --bold: oklch(27.4% 0.006 286.033);
  --normal: oklch(21% 0.006 285.885);
  --dim: oklch(14.1% 0.005 285.823);
  --on-bold: oklch(98.5% 0 0);
  --on-normal: oklch(96.7% 0.001 286.375);
  --on-dim: oklch(87.1% 0.006 286.286);
  --outline: oklch(37% 0.013 285.805);
  --on-outline: oklch(44.2% 0.017 285.786);
}

اگر دوست داشتید می‌تونید کد‌ رنگ‌های بالا رو تغییر بدین و قالب شتاب رو شخصی‌سازی‌ هم کنید! برای پیدا کردن کد رنگ‌های جدید می‌تونید از سایت colorhunt استفاده کنید.

جابه‌جایی بین صفحه‌ها بدون رفرش شدن

در قالب شتاب با کدنویسی اختصاصی این امکان فراهم شده تا بدون اینکه صفحه رفرش شود، بین صفحه‌ها و محتوای وبلاگ جابه‌جایی صورت بگیرد که نتیجه‌ی آن سرعت بسیار بالای بارگذاری صفحه‌ها و محتوای وبلاگ شماست که تجربه خوبی برای بازدید کننده خواهد داشت. به شکل پیشفرض در لینک‌های داخلی قالب این امکان فراهم شده، اگر نیاز داشتید به طور مثال از صفحات اضافه لینکی اضافه کنید فقط کافیه به تگ لینک موردنظر، ویژگی data-link="" اضافه کنید به عنوان مثال:

لینک عادی
<a href="/page/my-page">عنوان صفحه اضافه</a> 
  
لینک اختصاصی بدون رفرش
<a href="/page/my-page" data-link="your title">عنوان صفحه اضافه</a>

استفاده از اسلایدر در مطلب

در هنگام نوشتن مطلب، حالت منبع فعال کنید تا به کدهای مطلبتون دسترسی داشته باشید، هرجایی که نیاز بود تکه کد زیر رو اضافه کنید و پس از تغییرات در همان حالت منبع(غیر فعال نکنید) دکمه ثبت نوشته و انتشار را بزنید. کلیپ استفاده از اسلایدر در مطلب

<div data-slider>

  <img src="#" alt="">

  <img src="#" alt="">

  <img src="#" alt="">

</div>

راهنمای کلی قالب شتاب

نوشتن مطلب: برای نمایش بهتر قالب و داشتن سئو مناسب، سعی کنید چکیده مطلب همراه با یک عکس(کم حجم شده) نوشته بشه و اصل مطلب در ادامه مطلب نوشته شود.

تعداد پست‌ها در صفحه: برای نمایش بهتر قالب، تعداد نمایش مطالبتون رو سعی کنید ضریبی از عدد ۳ قرار بدین، مثلا ۹ پست یا ۱۲ پست و یا ..

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

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

امیدوارم از این طراحی لذت برده باشید برای خرید قالب شتاب می‌تونید به تلگرام من @Bonikaaa پیام بدید تا براتون ارسال کنم، منتظر نظرات شما هستم و موفق باشید.