Spark Template
شرح بالفيديوشرح اهم النقاط الأساسية في القالب
شرح القالبملف كامل لشرح كل جزئيه في القالب
تركيب القالب
- اذهب لتبويب في لوحة تحكم المدونة
- قم بالضغط علي السهم بجانب زر.
- قُم بحفظ نسخة احتياطية من القالب السابق الخاص بك بالضغط على (نسخ احتياطي/استعادة)
- استخدم قالب من قوالب بلوجر الإفتراضية لتنظيف اكواد القالب القديم او استخدم قالب تنظيف اضغط هنا
- انسخ جميع اكواد القالب من الملف الذي قمت بتحميله
- قُم بتحرير اكواد المدونة بالضغط علي السهم بجانب زرثُم إختر
- و قُم بحذف جميع الأكواد الموجودة ولصق محتوى ملف القالب الذي قمت بنسخه والضغط على زربعد الإنتهاء
شرح بالفيديو
أكواد الميتا
أغلب أكواد الميتا في قالب Spark جاهزه وتعمل بشكل تلقائي حسب القيم التي يمكن استخلاصها من كل صفحة ، لكن بعض أكواد الميتا لابد من إضافتها بشكل يدوي داخل القالب .- نقوم بفتح تبويب.
- الضغط على زر.
- ثم إختيار
- سنجد في بداية الأكواد الجزء المكتوب أعلاه
- ما تحت هذا العنوان هو ما ستقوم بملء محتواه والضغط على زر بعد الانتهاء.
التعديلات المطلوبة.
- معرفid صفحة التطبيق.
- معرفid حساب مدير التطبيق.
- معرفid تطبيق الفيس بوك.
- معرفid صفحة موقعك على تويتر.
- معرفid حساب ادمن موقعك على تويتر.
- رابطurl صفحة موقعك على الفيس بوك.
- رابطurl حساب المؤلف على الفيس بوك.
الصور البديلة
الصور البديلة هي التي تظهر تلقائيا في حاله عدم وجود صورة بالمقالات او عند نشر رابط الصفحة الرئيسية على مواقع التواصل الإجتماعي أو الصورة البديلة الخاصه بالمستخدم.- نقوم بفتح تبويب.
- الضغط على زر.
- ثم إختيار
- ثم قم بالبحث عن الرابط التالي الخاص بصور المواضيعhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyFVCpMzYFL2g5AGjpaj8UYwZ8tVQn83yhRoijdgj5zth3ya_owwAMLK91L9j4v2JCKaen0KC-lDDQsIgSWKA2AGc2_gPhTBWf7mn1Z0hRmvER8EJPHyosET-_UhhI1Ge6mapSreOCa8euhpKiEacceesea0QtZ1z4tDUDCDHnIU-g4CC77_a2pO8h6lo/s1600/noimage.jpg
- ثم قم بالبحث عن الرابط التالي الخاص بصورة المستخدمhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKPcN97EqwXgn8gGyzsXzEpXVdvftFkbbI3MzaFDzAHchxUJ_S5u2kayO0A_fRuRVaE-r9hnewvN-0IflTafY6EGdlXOSqKG_U1AYe9TRijIW6nI0IiTEYWkwJyBWMKN2Bf7Jt8KHVHYwYQRweoo9VN-QAF6PR7WjbJ4oowLV_erDGeLjw-4mS9weW44/s1600/altauth.png
- سوف تقوم باستبدال الروابط بالروابط الخاصه بك والضغط على الزر بعد الإنتهاء.
شرح مصور
يجب ان يكون الرابط مستضاف على بلوجر او اي موقع يدعمHTTPS.شرح بالفيديو
تخصيص القالب
في هذا القسم سوف نشرح كيف يمكنك التحكم في القالب بالكامل من حيث إخفاء وإظهار العناصر وأيضاً تغير الألوان والخطوط وكل ذلك بمجرد ضغطة زر بعيداً عن الأكواد البرمجية الصعبة، ولكن في البدايه لنتعرف على إعدادات القالب وما وظيفتها، وهذا ما سنوضحه لكم في التبويب التاليشرح بالفيديو
التحكم في الإعدادات
للتحكم في الإعدادات السابقه تابع:- إختر تبويب في لوحة تحكم المدونة.
- قم بالضغط على الزر.
التحميل المسبق لأدسنس
أولاً، يجب أن تتأكد من خلو أكواد القالب من أي وحدات إعلانية، حتى تلك الخاصة بالإعلانات التلقائية. عند تفعيل الأداة، ستحصل على تحكم كامل بالإعلانات، سواء كانت يدوية أو تلقائية. يمكنك إدارة تشغيل الإعلانات التلقائية بكل سهولة من خلال حسابك في جوجل أدسنس، مما يمنحك المرونة والراحة في إدارة المحتوى الإعلاني على مدونتك.كيفية تفعيل الأداة؟
- إختر تبويب في لوحة تحكم المدونة.
- قم بالضغط على الزر.
- اذهب الي الاعدادات المتقدمة.
- إختر الإعدادات الأساسية.
- قم بتفعيل اداة التحميل المسبق لأدسنس.
- ثم إضغط على زر.
في حال قمت بتفعيل الأداة تأكد من التالي:
في هذا المثال، نقدم لك كودًا إعلانيًا من جوجل أدسنس لتوضيح كيفية إضافة رابط سكربت الإعلان في الأداة، وما ينبغي عليك حذفه من الأكواد الإعلانية لضمان عمل الخاصية بسلاسة. لقد قمنا بتعديل رقم الناشر ورقم الشفرة الإعلانية في هذا المثال إلى نجوم، مما يسهل عليك فهم الخطوات المطلوبة لتحقيق التكامل المثالي.
نصوص القالب
قالب Spark يأتي مزودًا بترجمة تلقائية للغات الأساسية:العربيـــة، الإنجليزيـــة، الفرنسيـــة، والألمانيــة. بمجرد اختيار أي من هذه اللغات، سيتم تكييف القالب تلقائيًا معها دون الحاجة لإضافة ترجمات مخصصة. كل ما عليك فعله هو اختيار اللغة، وسيقوم القالب بالباقي، ليمنحك تجربة سلسة دون أي مجهود إضافي. ومع ذلك ، يمكنك التبديل بين اللغات المدعومة في بلوجر بكل سهولة من خلال تبويب، حيث يتغير كل من لغة القالب واتجاهه تلقائياً لتناسب اللغة التي اخترتها.
ولكن، قد تلاحظ أن بعض العبارات الإضافية داخل القالب لا يتم ترجمتها تلقائيًا.
في هذه الحالة، يمكنك الاستفادة من النموذج التالي لترجمتها يدوياً.
بمجرد الانتهاء، قم بإضافة الكود الناتج إلى أداة الترجمة في تبويب، ولا تنسَ تعديل عناوين الأدوات لتتناسب مع لغتك المختارة.
بعد إختيار اللغه التي تناسبك قم بترجمة الكلمات في النموذج التالي واضغط على زر توليد الكود
| كلمات القالب | الترجمه |
|---|---|
| منذ | |
| قليل | |
| ساعة | |
| بضع ساعات | |
| مجهول | |
| يوم | |
| أيام | |
| شهراً | |
| عام | |
| بضع سنوات | |
| أعوام | |
| الإشعارات | |
| تحديد الكل كمقروء | |
| ضروري | |
| التفضيلات | |
| التحليلات | |
| التسويق | |
| الموافقة على ملفات الارتباط والخصوصية؟ | |
| تحديث | |
| إعلان | |
| زيارة | |
| إشعار | |
| عرض | |
| حذف | |
| تغير حجم القائمة | |
| هناك خطأ ما | |
| عشوائي | |
| إغلاق | |
| غير مقروءة | |
| مقروءة | |
| المواضيع | |
| الكل | |
| لا توجد مواضيع غير مقروءة | |
| جميع المواضيع مقروءة | |
| لا توجد مواضيع مقروءة | |
| وضع الإنارة | |
| وضع الليل | |
| اليوم؟ | |
| مشاركة | |
| مشاركات | |
| فيديو | |
| تغيير شكل العرض | |
| الصعود لأعلى | |
| قسم | |
| مشاركة إلى | |
| طباعة | |
| بحث عن كلمة | |
| تكبير الخط | |
| الحجم الإفتراضي | |
| تصغير الخط | |
| التالي | |
| من | |
| السابق | |
| اسم الملف | |
| الحجم | |
| السيرفر | |
| صفحة | |
| المحتوى مخفي | |
| قم بمشاركة الموضوع وأعد الدخول عبر الرابط المنشور لإظهار المحتوى | |
| الموضوع السابق | |
| الموضوع التالي | |
| تعليقات | |
| إرسال تعليق | |
| التعليقات فقط | |
| التعليقات والردود | |
| رابط خارجي | |
| الملف الشخصي | |
| أنت تشاهد أحدث موضوع | |
| أنت تشاهد أقدم موضوع | |
| مهاراتي | |
| جاري تهيئة الرابط | |
| الرابط جاهز | |
| الرابط معطل | |
| جاري إعادة التوجيه التلقائي | |
| من فضلك عطل مانع الإعلانات لديك | |
| لقد تم اكتشاف استخدامك لإضافة مانع الإعلانات في متصفحك، إيراداتنا من الإعلانات تساهم في تشغيل هذا الموقع، نرجو منك تعطيل مانع الإعلانات لموقعنا. | |
| جميع الحقوق محفوظة | |
| الرئيسية | |
| الأقسام | |
| العرض | |
| إخفاء | |
| إخفاء الشريط الجانبي | |
| صفحات الموقع |
الأيقونات
قالب Spark يأتي مزودًا بمكتبة أيقونات يمكنك استخدامها في تغير ايقونات القالب مثل:التاريـــــخ، الكاتــــب، التعليقــــات ..الخ تعالو لنتعرف أكثر عن المكتبة.لا يعمل على النسخة X من سبارك.
يمكنك الدخول للمكتبه عن طريق الضعط علىمكتبة الأيقونات.
- كل ما عليك فعله لكي تقوم بتغير الأيقونات أولاً بالذهاب الى تبويب
- الأن قم بالبحث عن أي أداه تبدأ باسم أيقونات
- قم بفتح الأداة المختارة
- ستمرر لأسفل وصولاً الى الأيقونات
فالنفترض الآن انك تريد ان تقوم بتغير أيقونة الوقت كل ما عليك فعله هو الضغط على زرالتعديل ومن ثم تذهب الى مكتبة الأيقونات وتبحث عن الأيقونه التي تريد وضعها وبمجرد الضغط عليها سيتم نسخ الكود الخاص بها ومن ثم تقم باستبدال الأيقونه في الرابط بكود الأيقونه الجديدة
شرح مصور
حــــــــــذاري ان تقوم بحذف شيئ من خانة العنوان او اسم الموقع او التلاعب في الاسم لان هذا سيؤدي الى توقف الأيقونة
شرح بالفيديو
صندوق الإشعارات
يقدم قالب Spark أداة رائعة للتواصل مع متابعين مدونتك عن طريق اخبارهم بكل جديد وبالتحديثات الدورية للمواضيع كل ما عليك فعله هو اختيار نوع الإشعار من الأداة التاليه ومن ثم ادخل نص الإشعار التي تريده واضغط على توليد الكودبعد ذلك قم بنسخ الكود ووضعه في خانة اسم الموقـــع وقم بوضع رابط الإشعار في خانة رابط الموقع
لا يعمل على النسخة X من سبارك.
شرح مصور
شرح بالفيديو
إضافات القوائم
يقدم قالب Spark اداة إضافات حصرية مميزة علي بلوجر يمكنك من خلالها تمييز الأقسام الخاصه بك ببعض التفاصيل الرائعه كإضافة أيقونات أو تلميحات بجانب الأقسام في القوائم كل ما عليك فعله هو مشاهدة الفيديو التالي لفهم العمليه بشكل واضح.مواقع التواصل الإجتماعي
يوفر قالب Spark ادوات لعرض مواقع التواصل الاجتماعي الخاصه بك في اماكن مميزه وجميعها تعمل بنفس الطريقة ما عدا تلك التي تعمل في القوائم الجانبيه والفوتر والتي هي بطبيعة الحال تندرج تحت اسم عداد التواصل الإجتماعي، كما يمكنك روئية منصات التواصل الإجتماعي التي يدعمها القالب من خلال مكتبة الأيقوناتاضغط هنا ستجدها في أول المكتبه بألوان مميزه.شرح الإضافة [الطريقة العادية]
- في خانة إسم الموقع الجديد يتم إضافة إسم الموقع بحروف صغيرة ماعادا موقع X لا بد من أن يكون الحرف كبير.
- في خانة عنوان URL للموقع الجديد يتم إضافة رابط صفحة الموقع .
- بعد إضافة كل موقع لابد من الضغط على زر
- وبعد الإنتهاء من إضافة جميع الروابط نقوم بالضغط على
| أكثر من 90 موقع يدعمه سبارك |
|---|
| line |
| X |
| rss |
| dribbble |
| wordpress |
| github |
| youtube |
| quora |
| spotify |
| snapchat |
| flickr |
| behance |
| soundcloud |
| tumblr |
| khamsat |
| tradent |
| blogger |
| telegram |
| google-play |
| mostaql |
| messenger |
| paypal |
| vk |
| website |
| discord |
| tiktok |
| skype |
| patreon |
| google-drive |
| amazon |
| vine |
| renren |
| sina-weibo |
| twitch |
| vimeo |
| lanyrd |
| deviantart |
| steam |
| dropbox |
| onedrive |
| npm |
| basecamp |
| trello |
| joomla |
| ello |
| yahoo |
| tux |
| linux |
| apple |
| finder |
| android |
| windows |
| lastfm |
| delicious |
| stumbleupon |
| stack-overflow |
| chrome |
| firefox |
| IE |
| edge |
| safari |
| opera |
| threads |
| kick |
| kafil |
| monafiz |
شرح مصور
الشريط الإخباري
يوفر قالب Spark شريطاً متمزياً لعرض أخر الأخبار والمواضيع الساخنه التي تريد ان يتطلع عليها الزائر في اول المدونة كما يتوفر بشكلين مختلفين يمكنك بطبيعة الحال التبديل بين شكل الشريط الأول والثاني من خلال صفحة التخصيص كما شرحنا هنااضغط هناالقائمة الرئيسية
يوفر قالب Spark قائمة رئيسية هي الأفضل حتى الآن في بلوجر حيث تتميز بعدد هائل من الخصائص المرنه التي يمكنك من خلالها عرض الأقسام الخاصه بك بصورة وبأشكال عديدة من حيث القوائم المنسدلة أو القوائم المتعدده ذات الصور[MEGA MENU] يجب عليك مشاهدة الشرح التالي بعناية لتفهم كيف تتعامل مع القائمة بكل سهولةشرح بالفيديو
خدمات المدونة
يوفر قالب Spark أداة مميزة وحصرية لعرض خدمات المدونة بطريقة إحترافية وبدون التعامل مع الأكواد البرمجية الصعبه.شرح الإضافة
- نقوم بفتح تبويب.
- قم بالبحث عن أداه باسم خدمات المدونة.
- قم بفتح الأداة بالضغط على زر تعديل.
- في خانة إسم الموقع الجديد يتم إضافة الكود الأول الذي سوف تستخرجه من المولد التالي.
- في خانة عنوان URL للموقع الجديد يتم إضافة الكود الثاني الذي سوف تستخرجه من المولد التالي.
- بعد إضافة كل خدمة لابد من الضغط على زر .
- وبعد الإنتهاء من إضافة جميع الخدمات نقوم بالضغط على زر .
شرح بالفيديو
الشرائح الرئيسية
يوفر قالب Spark طريقتين رئيسيــتـــين لعرض الشرائح في أول القالب وكلتا الطريقتين يتم اضافتها بالطريقة نفسها.لا يعمل على النسخة X من سبارك. بعد نسخ الكود بنجاح توجه الى تبيويب التنسيق، ومن ثم الى أداة الشرائح الرئيسية سوف تجد قسمين باسم [السلايدر الأول] و [السلايدر الثاني] قم بالضغط على تعديل وقم بلصق الكود الخاص بكل شريحه التي حصلت عليه من مولد الأكواد فوق في الإضافه وإضغط حفظ
شرح مصور
منطقة التدوينات الإضافية
هناك عدة أشكال وخيارات مختلفة للتدوينات الإضافية، لذلك تم تجهيز النموذج التالي لتوليد محتوى الأقسام الخاص بها :بعد توليد كود القسم نقوم بإضافة أداة جديدة بالضغط على داخل تبويب من نوعHTML/JavaScript تحت الأجزاء المخصصة لعرض الأقسام والمعنونة في التخطيط بأسممنطقة التدوينات الإضافية ويتم إضافة الكود الذي قمنا بتوليده بداخلها والضغط على زر .
شرح مصور
شرح بالفيديو
عناصر الشريط الجانبي والفوتر
يوفر قالب Spark بعض العناصر المتميزه للعرض في الشريط الجانبي والفوتر والتي بدورها تعطي مدونتك طابع أكثر إحترافيه.لا يعمل على النسخة X من سبارك إلا ان اخترت التعليقات من مصدر التدوينات.
المشاركات وخواص المقال والصفحات الثابته
يوفر قالب Spark بعض الخصائص المميزة داخل قسم المشاركات سنعرضها عليكم في القسم التاليالمؤلفون و الإعلانات
من خلال هذا القسم، يمكنك إضافة أداة مخصصة لكل كاتب، والتي تشمل جميع بياناته الشخصية والمهنية. تتيح هذه الأداة التحكم في مجموعة من الأمور في وقت واحد، مثل:- إضافة نبذة عن الكاتب.
- إضافة رتبة أو وظيفة الكاتب في المدونة.
- إضافة مهارات الكاتب في مجالات مختلفه.
- إضافة روابط الصفحات الشخصية للكاتب على مواقع التواصل الاجتماعي.
- ضافة وحدات اعلانية مستقلة لكل كاتب تظهر في تدويناته فقط.
يوجد أداة جاهزة بعنوانDefault وهي الأداة الافتراضية التي يمكن استخدامها لعرض وحدات إعلانية موحدة في جميع التدوينات، بغض النظر عن الكاتب. يمكن اللجوء إلى هذه الأداة في حال رغبتك في تقديم إعلانات متسقة عبر جميع المقالات أو إذا لم تكن هناك شفرات إعلانية محددة في أداة كاتب المقال.
الشرح
- قوم بالضغط على
- ونبحث عن أداةقائمة الروابط ونضغط على زر إضافة.
- نقوم بكتابة أسم المؤلف في خانةالعنوان
طريقة الحقن
قوم بإستخدام الإدخالات التالية لإضافة محتوى الأداة الخاصة بالكاتب :
| الإدخال | الوظيفة |
|---|---|
about | اضافة نبذه عن الكاتب |
rank | إضافة رتبة الكاتب في المدونة او القسم المختص عنه |
skill- | قم بوضع اسم المهارة بجانب- كمثالskill-التدوينوضع نسبة المهارة بالأرقام في الرابط من 1 ل100 ويتم احتسابها بالنسبة المئوية |
website | اضافة رابط موقع الكاتب |
spc-ad | شفرة إعلانية مخصصة تظهر في موضع استخدام العلامة$$ في جميع مقالات هذا المؤلف |
كذلك يمكن إدخال اسم اي موقع تواصل اجتماعي بحروف انجليزيةصغيرة ماعادا موقعX يجب ان يكون حرف كبير مثالfacebook اوtwitter اوinstagram .
شرح مصور
شرح بالفيديو
نظام التعليقات
يمكنك التبديل بين 3 أنظمه تعليقات مختلفهBlogger,Facebook,Disqus وقد قمنا بتطوير النموذج التالي ليساعدك في التحكم في نظام التعليقات.طريقة الإضافة
- اضغط علي زرالتعديل لفتح الأداة
- لتمكين هذه الميزة، يُرجى الضغط على الزر الموجود بجوارعرض هذه الأداة
- قم بلصق الكود في محتوى الأداه
- ثم اضغط علي زر.
شرح مصور
تأخير تحميل الفيديوهات
عند تصفح المقال ووجود فيديو بداخله، يمكن أن يؤدي ذلك إلى تحميل موارد إضافية من الخارج، مما يقلل من سرعة تحميل الصفحة. لتجنب ذلك، يمكن استخدام كود لتأجيل تحميل الفيديو حتى يصل الزائر إلى موقع الفيديو داخل المقال. يمكنك توليد الكود ونسخه لاستخدامه في المقال لتحقيق أداء أفضل.ضع كود التضمين الذي حصلت عليه منYouTube أوVimeo في الحقل التالي، لتضمين الفيديو في مقالك بسهولة.