أريد برمجة قالب Blogger احترافي وكامل باسم «مفهوم»، وليس صفحة HTML ثابتة أو واجهة وهمية. يجب أن يكون القالب متوافقًا مع نظام Blogger XML وقابلًا للتركيب مباشرة من خلال محرر القالب في Blogger.

الهدف من القالب هو إنشاء موقع عربي معرفي ومحتوى متنوع، سريع ومتجاوب مع الهاتف والحاسوب، ويعرض المنشورات الحقيقية المنشورة من لوحة تحكم Blogger تلقائيًا.

أولًا: الهوية والتصميم

اسم الموقع: مفهوم

اللغة: العربية اتجاه الموقع: RTL التصميم: عصري، بسيط، احترافي وسريع الألوان الأساسية: الأصفر: #FFD21F الأزرق: #1261D6 الأزرق الداكن: #0B4299 الأخضر: #18A957 الأبيض: #FFFFFF الخلفية: #F5F7FA النص: #17324D

يجب أن يكون التصميم متجاوبًا بالكامل مع: الهاتف الجهاز اللوحي الحاسوب

ويجب ألا تظهر أي عناصر خارج الشاشة على الهاتف.

ثانيًا: رأس الموقع

إنشاء رأس احترافي يحتوي على:

شعار «مفهوم» اسم الموقع بشكل واضح زر البحث زر الوضع الليلي روابط الشبكات الاجتماعية

الشبكات الاجتماعية: YouTube Facebook Pinterest X

يجب أن تكون روابط الشبكات قابلة للتعديل بسهولة من داخل الكود.

ثالثًا: القائمة الرئيسية

إنشاء قائمة تنقل علوية واضحة تحتوي على:

الرئيسية من نحن اتصل بنا سياسة الخصوصية إخلاء المسؤولية

مع إمكانية إضافة صفحات أخرى.

رابعًا: قائمة التصنيفات

إنشاء شريط تصنيفات باللون الأصفر يحتوي على:

مفاهيم كتب مشاريع أفكار تكنولوجيا تعليم ثقافة اقتصاد تطوير الذات مقالات أخبار منوعات

يجب أن تكون التصنيفات مرتبطة فعليًا بتصنيفات Blogger باستخدام روابط Search/Label، وليس مجرد أزرار شكلية.

خامسًا: عرض المنشورات

هذه أهم نقطة في القالب.

يجب أن يعرض القالب المنشورات الحقيقية الموجودة في Blogger باستخدام نظام Blog Widget الرسمي.

في الصفحة الرئيسية يجب أن تظهر:

صورة المنشور عنوان المنشور التصنيف مقتطف من المحتوى اسم الكاتب تاريخ النشر زر «اقرأ المزيد»

ويجب ألا تكون هناك منشورات تجريبية أو نصوص وهمية.

عند نشر مقال جديد من لوحة Blogger يجب أن يظهر تلقائيًا في الموقع.

يجب دعم صور المنشورات الحقيقية باستخدام صورة المقال الأولى.

إذا لم يحتوي المنشور على صورة، يتم عرض مساحة بديلة جميلة بدل ترك مكان الصورة فارغًا.

سادسًا: صفحة المقال

عند فتح أي منشور يجب إنشاء صفحة مقال احترافية تحتوي على:

عنوان المقال اسم الكاتب تاريخ النشر الصورة الرئيسية محتوى المقال الكامل التصنيفات أزرار المشاركة روابط المقال السابق والتالي مقالات ذات صلة

يجب ألا يتم اختصار محتوى المقال في صفحة المقال.

يجب الحفاظ على تنسيق المقال الأصلي، بما في ذلك:

العناوين الفقرات الصور الفيديوهات الجداول الروابط القوائم الاقتباسات

سابعًا: الإعلانات

أريد أماكن واضحة وقابلة للتعديل لإعلانات Adsterra.

في الصفحة الرئيسية:

إعلان بعد مجموعة من المنشورات إعلان في منتصف الصفحة إعلان قرب نهاية الصفحة

وفي صفحة المقال:

الإعلان الأول قبل محتوى المقال الإعلان الثاني داخل المحتوى أو في منتصف المقال الإعلان الثالث بعد نهاية المحتوى

يجب ألا تتجمع الإعلانات الثلاثة فوق بعضها.

يجب وضع تعليقات واضحة في الكود مثل:

ADSTERRA HOME AD 1 ADSTERRA HOME AD 2 ADSTERRA HOME AD 3

و:

ADSTERRA POST AD 1 ADSTERRA POST AD 2 ADSTERRA POST AD 3

حتى أستطيع استبدال أماكنها بسهولة بكود Adsterra الحقيقي.

ثامنًا: المشاركة

بعد نهاية المقال والإعلان الأخير، أريد أزرار مشاركة واضحة إلى:

Facebook X WhatsApp Telegram

ويجب أن يتم إنشاء رابط المشاركة اعتمادًا على رابط المقال الحقيقي في Blogger.

تاسعًا: المقالات ذات الصلة

أسفل المقال يجب عرض مجموعة من المقالات ذات الصلة اعتمادًا على تصنيفات المقال الحالي.

يجب أن تكون المقالات حقيقية من Blogger وليست بيانات ثابتة.

عاشرًا: البحث

إضافة محرك بحث داخلي يعمل مع Blogger.

عند البحث عن كلمة يجب الانتقال إلى نتائج بحث Blogger الحقيقية.

يجب أن يعمل البحث على الهاتف والحاسوب.

الحادي عشر: الوضع الليلي

إضافة زر Dark Mode.

يجب أن يتحول الموقع بالكامل إلى الوضع الداكن بشكل منظم، مع الحفاظ على وضوح النصوص والصور والأزرار.

ويجب حفظ اختيار المستخدم حتى لا يعود الوضع الفاتح عند كل زيارة.

الثاني عشر: الهاتف

في الهاتف يجب توفير قائمة سفلية ثابتة تحتوي على:

الرئيسية التصنيفات البحث آخر المقالات

ويجب أن تكون سهلة الاستخدام ولا تغطي محتوى الموقع.

الثالث عشر: SEO

القالب يجب أن يكون مناسبًا لمحركات البحث.

يجب تضمين:

عنوان ديناميكي لكل صفحة وصف Meta ديناميكي Canonical URL Open Graph Twitter Cards دعم Schema.org للمقالات عناوين H1 وH2 منظمة روابط داخلية صور مع ALT Lazy Loading للصور كود نظيف وسريع

يجب عدم إنشاء أكثر من H1 غير ضروري في الصفحة.

الرابع عشر: السرعة

يجب تصميم القالب ليكون سريعًا قدر الإمكان.

تجنب المكتبات الخارجية غير الضرورية.

تقليل JavaScript.

استخدام CSS منظم.

تحميل الصور بطريقة Lazy Loading عندما يكون ذلك مناسبًا.

عدم استخدام أكواد ثقيلة أو إضافات لا حاجة لها.

الخامس عشر: صفحات Blogger

يجب دعم:

الصفحة الرئيسية صفحات التصنيفات نتائج البحث صفحة المقال الصفحات الثابتة صفحة الأرشيف صفحة الخطأ 404

صفحة 404 يجب أن تحتوي على رسالة واضحة وزر للعودة إلى الصفحة الرئيسية.

السادس عشر: التعليقات

دعم نظام تعليقات Blogger الرسمي، مع تصميمه بشكل متناسق مع القالب.

السابع عشر: التذييل Footer

إنشاء Footer احترافي يحتوي على:

شعار «مفهوم» نبذة قصيرة عن الموقع روابط الصفحات روابط التصنيفات روابط الشبكات الاجتماعية حقوق النشر

النص:

© مفهوم - جميع الحقوق محفوظة

مع إظهار السنة بشكل ديناميكي.

الثامن عشر: متطلبات XML المهمة

يجب أن يكون الملف XML صالحًا بالكامل.

يجب أن يبدأ بـ:

ويحتوي على عناصر Blogger الصحيحة.

يجب استخدام:

b:section b:widget b:includable b:loop b:if

بالطريقة الصحيحة.

يجب عدم استخدام Widget ID غير صالح.

يجب عدم وضع أي عنصر HTML أو CSS أو JavaScript خارج عنصر html.

يجب إغلاق جميع العناصر بشكل صحيح.

يجب تحويل الرموز الخاصة في XML مثل & إلى & عند الحاجة.

يجب عدم وجود أي كود بعد:

ويجب أن يكون القالب قابلًا للرفع مباشرة إلى Blogger دون أخطاء SAXParseException.

التاسع عشر: أهم شرط

لا أريد قالبًا شكليًا يعرض واجهة فقط.

أريد قالب Blogger حقيقيًا مرتبطًا بنظام Blogger، بحيث:

أنشر مقالًا من Blogger → يظهر المقال تلقائيًا في الموقع.

أضيف صورة للمقال → تظهر الصورة تلقائيًا.

أضيف تصنيفًا → يظهر التصنيف.

أعدل المقال → يتعدل في الموقع.

أحذف المقال → يختفي من الموقع.

وأريد أن يعمل كل ذلك باستخدام بيانات Blogger الحقيقية.

العشرون: النتيجة النهائية

أريد ملف XML واحدًا كاملًا باسم:

مفهوم.xml

يكون جاهزًا للنسخ واللصق أو الرفع إلى Blogger مباشرة.

لا أريد أجزاء متفرقة من الكود.

لا أريد HTML تجريبيًا.

لا أريد LocalStorage.

لا أريد بيانات وهمية.

لا أريد منشورات ثابتة داخل الكود.

أريد قالب Blogger كاملًا، نظيفًا، سريعًا، متجاوبًا، عربي RTL، ويعرض المنشورات الحقيقية تلقائيًا.