قالب مينت تيك - قالب بلوجر تقني بتصميم الماتيريال ديزاين
سبتمبر 30, 2019
مرحباً بأصدقاء مينت ويب كيف حالكم ؟ أتمني انكم بخير وكل شئ علي ما يرام،أو أن أشارك معكم بعد غياب طال أكثر من أسبوعين،بالطبع كان هناك سبب لذلك،في خلال الأسبوعيين الماضيين كنت أقوم بالعمل علي قالب بلوجر بتصميم ماتيريال ديزاين.
أخيرًا ،إصدار القالب الذي قمت بإنشائه .القالب يسمي * مينت تيك *. تم تصميم هذا القالب في الإصدار 3 من blogger layout والإصدار 2 من الأداة (الإصدار الجديد).
مميزات قالب مينت تيك بتصميم ماتيريال ديزاين
تم إصدار قالب مينت تيك التقني لأول مرة ، الإصدار 1.0 الذي يحتوي على بعض الميزات المثيرة للاهتمام.
| المميزات | التحقق | |
|---|---|---|
| 1 | متجاوب | بالطبع القالب متجاوب مع نسخة سطح المكتب ونصخة الجوال. |
| 2 | 2 عمود و 1 عمود | عرض عمودين على الصفحة الرئيسية وصفحة النشر ، وعمود واحد في الصفحة الثابتة. |
| 3 | Blogger Layout v3 و Widget v2 | يستخدم هذا القالب أحدث إصدار من أداة التخطيط والمدون. |
| 4 | القائمة المنسدلة في النافبار + نموذج البحث | القائمة العلوية تحتوي علي قائمة منسدلة ونموذج البحث. |
| 5 | 2 عمود في قائمة المشاركة | عرض شبكة عمودان في صفحة قائمة النشر. |
| 6 | اضافة زر تحميل المزيد من الموضوعات للبلوجر بأستخدام (Ajax (Jquery | استخدم ميزة تحميل المزيد من المنشورات لاسترداد مقالات أخرى باستخدام Ajax Jquery. |
| 7 | أداة ثابتة / منزلقة في القائمة الجانبية | تحتوي القائمة الجانبية علي إمكانية إضافة أداة منزلقة بالأضافة إلي الأداة الثابتة |
| 8 | 3 أعمدة في قسم التذييل | هناك 3 أعمدة في قسم التذييل ، وهذا أيضًا متجاوب. |
| 9 | Valid Googole Structured Data | يتم إنشاء مخطط بيانات التعريف صالح ، مثل breadcrumb ، تاريخ النشر / التحديث ، ملف تعريف المؤلف ، وما إلى ذلك باستخدام JSON. |
| 10 | أزرار المشاركة علي مواقع التواصل الأجتماعي | زر لمشاركة المقالات على وسائل التواصل الاجتماعي. |
| 11 | مقالات ذات صلة | عرض مزيد من المقالات التي لها نفس التسمية أو فئة. |
| 12 | نموذج تعليقات Blogger | نظام التعليقات باستخدام التعليقات الافتراضية في Blogger |
| 13 | أيقونات SVG فقط | لا تستخدم رموز الخطوط مثل Font Awesome و IonIcons وغيرها لتخفيف تحميل الصفحة. يستخدم هذا القالب html svg. |
| 14 | صفحة الخطأ 404 مخصصة | ستظهر الصفحة إذا لم يتم العثور على عنوان url |
| 15 | LazySizes | يستخدم هذا في الصور ، بحيث تكون عملية تحميل الصور أسرع.. |
| 16 | Jquery | لا يزال هناك الكثير من الأشخاص الذين لا يحبون هذا ، بمن فيهم أنا لأنه سيثقل كاهل صفحة التحميل. ولكن باستخدام Jquery ، فإن جعل كود javascript سيكون أسهل. |
نتائج الاختبار
فيما يلي نتائج الاختبار من موقع GTMetrix و Pagespeed Insights و Google Structured Data و Google Mobile Friendly template.
قريبا
يمكن استخدام القالب بالفعل في التدوين ، لكن لا يزال هناك القليل من الأشياء التي يجب إضافتها ، إليك الميزات التي سأضيفها إلى الإصدارات الأحدث:
- التحسن من سرعة القالب
- مساحات إعلانية
- مواضيع ذات صلة داخل الموضوع
- الأنتقالات Breadcrumbs
مثال مباشر و التحميل
معاينة مباشرة (تجريبي). هل أنت مهتم بهذا القالب؟
إذا كنت ترغب في تجربته ، يمكنك الضغط علي الزر التالي ، والذي سيتم توجيهه إلى GitHub الخاص بي للتمكن من تحميل القالب.
المرجو عدم حذف حقوق القالب إحتراماً لجهود المصمم وأيضاً يرجي العلم أن في حالة قمت بإزالة الحقوق سيتم إتلاف القالب وشكراً جزيلاً
