روح الله بلوردی
طراح وب
قالب حرفه ای وردپرس و جوملا قالب هیئتی محبان
📦 معرفی کامل قالب فروشگاهی: «قالب HTML هیئت مذهبی محبان اهل بیت»
وردپرس:بلی
جوملا:بلی
Html:بلی
معرفی
📦 معرفی کامل قالب فروشگاهی: «قالب HTML هیئت مذهبی محبان اهل بیت»
🏷️ عنوان محصول
📝 توضیح کوتاه (مناسب برای نمایش در لیست محصولات)
🕌 معرفی کامل
💡 چرا این قالب؟
✅ بدون وابستگی به فریمورکهای سنگین؛ فقط Tailwind CSS (نسخه CDN) + Font Awesome 6
✅ کدنویسی تمیز و ماژولار؛ هر بخش کامنتگذاری شده و بهراحتی قابل ویرایش است
✅ بهینه برای سئو و سرعت؛ ساختار معنایی HTML5، بارگذاری غیرهمزمان فونتها و حذف اسکریپتهای غیرضروری
✅ طراحی Mobile-First؛ تجربه کاربری بینقص در موبایل، تبلت و دسکتاپ
⭐ ویژگیهای برجسته
|
دسته
|
ویژگی
|
|---|---|
|
🎨 طراحی
|
تم تاریک اختصاصی، Glassmorphism، گرادیانهای اسلامی، تایپوگرافی فارسی حرفهای
|
|
📱 واکنشگرایی
|
کاملاً Responsive با Breakpointهای استاندارد Tailwind
|
|
✨ انیمیشن
|
Scroll Reveal، Float، Pulse Glow، Shimmer، Bounce، Scale-in، Counter متحرک
|
|
🔤 آیکونها
|
Font Awesome 6.5 (بدون SVG، سبک و سازگار با همه مرورگرها)
|
|
🧭 ناوبری
|
هدر شناور، منوی کشویی موبایل با Overlay، هایلایت خودکار بخش فعال، دکمه بازگشت به بالا
|
|
📅 محتوا
|
تقویم اوقات شرعی با نشانگر نماز فعلی، کارتهای مراسم با برچسب رنگی، گالری شبکهای، بخش حدیث، فرم نذورات
|
|
🔒 استاندارد
|
HTML5 معنایی، CSS3 مدرن، JS خالص (Vanilla)، سازگار با استانداردهای WCAG
|
📐 بخشهای پیشفرض قالب
- لودینگ اسکرین مذهبی با انیمیشن چرخشی و عبارت بسمالله
- هدر شناور (Sticky) با لوگو، منوی دسکتاپ، دکمه نذورات و منوی موبایل کشویی
- بخش هیرو (Hero) با عنوان گرادیان متحرک، آیکونهای شناور، آمار شمارنده و CTA دوگانه
- درباره هیئت با تاریخچه، ویژگیها و کارتهای تعاملی
- مراسمهای پیشرو با تصویر پیشفرض، تاریخ، ساعت، برچسب وضعیت و لینک جزئیات
- اوقات شرعی با کارتهای ۵ گانه، نشانگر نماز فعلی و تاریخ هجری/شمسی
- گالری تصاویر با چیدمان Grid، افکت هاور و overlay اطلاعات
- معرفی علما و مداحان با آواتار، بیو، تخصص و لینک شبکههای اجتماعی
- بخش حدیث با طراحی مینیمال، دکمههای کپی/اشتراکگذاری/لایک
- نذورات آنلاین با انتخاب مبلغ، ورودی دلخواه و دکمه پرداخت (فرانتاند)
- تماس با ما با اطلاعات کامل، فرم پیام، شبکههای اجتماعی و نقشه/آدرس
- فوتر حرفهای با لینکهای سریع، برنامهها، خبرنامه پیامکی و کپیرایت
⚙️ مشخصات فنی
|
مورد
|
توضیح
|
|---|---|
|
زبانها
|
HTML5، CSS3، JavaScript (Vanilla)
|
|
فریمورک CSS
|
Tailwind CSS v3 (CDN)
|
|
آیکونها
|
Font Awesome 6.5.1 (CDN)
|
|
فونت
|
Vazirmatn v33.003 (CDN)
|
|
جهت
|
RTL کامل
|
|
حجم کل
|
کمتر از ۱۵۰ کیلوبایت (بدون تصاویر)
|
|
سازگاری مرورگر
|
Chrome, Firefox, Safari, Edge, Opera (آخرین ۲ نسخه)
|
|
نسخهی قالب
|
1.0.0
|
🛠️ راهنمای نصب و شخصیسازی
- فایل
index.htmlرا در هاست یا سرور محلی خود آپلود کنید. - برای تغییر رنگهای اصلی، مقادیر
colorsدر تگ<script> tailwind.configرا ویرایش کنید. - متنها، لینکها، شماره تماسها و شبکههای اجتماعی را مطابق نیاز هیئت خود جایگزین نمایید.
- برای استفاده از تصاویر واقعی،
divهای حاوی آیکونهای پیشفرض را با تگ<img>جایگزین کنید (پیشنهاد: فرمت WebP با حجم بهینه). - بخش نذورات و فرم تماس به صورت فرانتاند طراحی شدهاند. برای اتصال به درگاه بانکی یا سیستم تیکتینگ، کافی است
actionفرمها را به API بکاند خود (PHP, Laravel, Node.js, Python و...) متصل کنید. - تمامی کدهای JavaScript در انتهای فایل قرار دارند و کاملاً کامنتگذاری شدهاند.
⚠️ نکات مهم قبل از استفاده
🔹 فونت وزیرمتن و آیکونهای Font Awesome تحت لایسنسهای آزاد استفاده شدهاند. برای استفاده تجاری گسترده، لایسنسهای مربوطه را بررسی کنید.
🔹 تصاویر پیشفرض قالب جایگزینشدهاند. پیشنهاد میشود از تصاویر واقعی هیئت با رزولوشن مناسب و بهینهشده استفاده کنید.
🔹 قالب کاملاً راستچین و فارسیزبان است. برای استفاده چپچین (LTR) نیاز به تغییرات ساختاری دارد.
🤝 پشتیبانی و بهروزرسانی
✅ مستندات راهنمای شخصیسازی (فایل PDF جداگانه در پکیج)
✅ پشتیبانی فنی از طریق تیکت یا ایمیل به مدت ۶ ماه پس از خرید
✅ سازگاری با استانداردهای جدید وب و مرورگرها
✅ ارائه نسخهی بهینهشده برای فریمورکهای بکاند (در صورت درخواست)
قبل استفاده یا خرید قالب لطفا مطالعه کنید
اطلاعات عمومی قالب
قوانین استفاده از قالب
-
تمامی مسئولیت استفاده از این قالب به عهده استفاده کننده است و فروشگاه هیچ تعهدی نه قانونا و نه اخلاقاه نسبت به قالب ندارد
-
هر گونه سوء استفاده ، کلاه برداری یا راه اندازی سایت با این قالب ها ممنوع است و در صورت مشاهده به پلیس فتا گزارش می شود.
-
در صورتی که شما مجموعه دولتی هستید لطفا ابتدا معرفی نامه از مجموعه دولتی را برای ما ارسال کنید و سپس اقدام به پرداخت هزینه کنید.
-
تمامی لوگوهای استفاده شده در طراحی ها تست بوده و واقعی نمی باشد و فقط برای نمایش گذاشته شده ، در نسخه تحویلی شما هیچ لوگو یا نشانی از هیچ مجموعه ای وجود نخواهد داشت
-
مسئولیت کلیه محتوای قرارگرفته بر روی سایتی که قالب را خریداری کرده اید بر عهده شماست و قانونا ما مسئولیتی نداریم.
-
استفاده از هر گونه لوگو مجموعه دولتی یا دانشگاهی بدون مجوز قانون جرم می باشد
-
راه اندازی سایت فیک ، فیشینگ ، فروش غیر قانونی ، رمز ارز ، مالی ، قماربازی جرم است و در صورت مشاهده سریعا به پلیس فتا گزارش می شود.
-
ما به هیچ عنوان مسئول محتوای سایت های راه اندازی شده با قالب های فروشگاه نمی باشیم.
-
این سایت و محصولاتش تابع قوانین جمهوری اسلامی ایران می باشد.
راهنمای نصب در جوملا
-
بسته خریداری شده حاوی نسخه کامل جوملا می باشد و نیاز به نصب مجدد بر روی جوملا ندارد.
-
در صورتی که نیاز دارید قالب سایت خود را بروز رسانی کنید حتما موقع خرید توضیحات را برای ما ارسال کنید.
-
نصب بسته نصبی مثل نصب جوملا می باشد.
-
در صورت بروز خطا از بخش پشتیبانی نصب دستی جوملا را درخواست کنید تا راهنمای نصب ارسال شود.
-
کلیه قالب ها بصورت کد باز فروخته می شود اما پشتیبانی و رفع خطا فقط بر روی دامنه ای که موقع خرید وارد کرده اید معتبر است و سایر نصب ها شامل بروز رسانی یا پشتیبانی نمی شود.
راهنمای نصب در وردپرس
-
بسته نصبی با داپلیکیتور ایجاد شده.
-
این بسته حاوی نسخه کامل وردپرس می باشد.
-
بسته را در هاست اپلود کنیدو اکستراکت کنید حاوی ۲ فایل می باشد یک فایک زیپ و یک پی اچ پی
-
جلوی آدرس سایت installer.php رو بزنید تا نصب کننده فعال شود.
-
مراحل نصب رو دنبال کنید.
-
در صورت مشاهده خطا بصورت تیکت پشتیبانی ما را مطلع کنید تا راهکار را برای شما توضیح دهیم.
-
بعد از نصب می توانید قالب را از طریق ابزارک ها کنترل کنید.
-
برای تنظیم رنگ بندیو خصوصیات و عرض قالب بر روی افزونه دیما در منوی سمت راست کلیک کنید.
-
اگر مشکلی داشتید با شماره ۰۹۱۲۴۱۹۵۰۶۶ تماس بگیرید.
-
بعد از نصب برای تغییر لوگو و رنگ و بعضی تنظیمات به افزونه دیما در منوی سمت راست یا تنظیمات قالب بروید.
-
در طراحی این قالب از ویجت یا ابزارک استفاده شده است. برای تغییر آنها یا ظاهرشان میتوانید از بخش نمایش / ابزارک ها کمک بگیرید.
-
در صورت بروز رسانی وردپرس سریعا انرا انجام دهید این قالب و افزونه دیما مشکلی با بروز رسانی وردپرس ندارند.
-
توی فایل wp-config.php مقدار پارامتر DEBUG رو false کنید اگر true می باشد.
راهنمای تغییرات در قالب
-
بر بروی تمامی قالب ها چه وردپرس و چه جوملا افزونه توسعه یافته پیشرفته دیما نصب است.
-
این افزونه برای شما تعداد زیادی اسلاید و اسکرولر و نمایش متن و باکس های مختلف را در خود دارد.
-
ماژول ها و کامپوننت های نصب شده بر روی بسته را حتما بروزرسانی مرتب کنید.
-
هسته جوملا و وردپرس را حتما مرتب بروز رسانی کنید.
-
کلیه مسايل امنیتی مربوط به سایت بر عهده خریدار است و نصب هر گونه افزونه اضافه بدون اطلاع ما سایت را از پشتیبانی خارج می کند.
آشنایی با طراح این قالب
روح الله بلوردی
گرافیست و طراح وب
طراح بیش از ۷۲۰۰ وب سایت فارسی و انگلیسی
تسلط به ۴ زبان برنامه نویسی
۲۳ سال سابقه طراحی
فعال در بیش از ۱۸ کشور دنیا
روح الله بلوردی دانش آموخته رشته گرافیک و طراح وب از سال ۱۳۸۰ فعالیت طراحی خود را با بسیج دانشجویی دانشگاه های تهران آغاز و با مجموعه های دولتی زیادی از جمله شبکه تحلیلگران تکنولوژی ایران همکاری داشته است. در مدت این سال ها توانسته است با ایجاد سبکی نو در طراحی وب آن را برای ایرانیان و مسلمانان بومی سازی کند ٬سبک خاص روح الله بلوردی که برگرفته از هنر اصیل ایرانی است شامل استفاده از تذهیب و آثار هنر های معماری و نقاشی و نگارگری ایرانی اسلامی است. استفاده از پالت رنگ ایرانی اصیل (برگرفته از آثار هنری ایرانی)آثار زیبایی را به وجود آورده است.
نظرات کاربران
تکنولوژی های مورد استفاده
جوملا نسخه ۴ به بالا- وردپرس نسخه ۶ به بالا
بوت استرپ نسخه ۵ بالا
جی کوئری نسخه ۳ به بالا
سی اس اس ۳ به بالا
سی اس اس انیمیشن و کتابخانه واو
امکانات قالب
ماژول جوملا : ۲۰۰ ماژول اختصاصی
ابزارک وردپرس : ۷۷ ابزارک اختصاصی
کتابخانه ها : ۱۵ کتابخانه جاوا اسکریپت
امکانات: فروشگاه ٬نمایش فیلم ٬پخش صوت ٫ کتابخانه ٬ ...
نسخه موبایل: نسخه موبایل واقعی با امکان وب اپ
ثبت نظرات