في هذه الصفحة ستتعرف على طريقة تسطيب القالب المجاني وكيفية تشغيل أو تعطيل جميع عناصر ومميزات القالب.

تركيب القالب

1- قُم بالذهاب إلى شريط الإعدادات Settings في واجهة بلوجر واسحب للأسفل حتى تجد خانة " خلاصة الموقع الإلكتروني " ومن ثم اختر خيار " كامل ".

2- قُم بأخذ نسخة احتياطية للقالب الحالي في المدونة من خلال الذهاب إلى جزء " المظهر " في الشريط الجانبي ومن ثم الضغط على السهم بجانب زر "تخصيص/تعديل HTML" وثم على " الاحتفاض بنسخة احتياطية ".

3- قُم بالذهاب إلى " المظهر " وقم باختيار أحد القوالب الافتراضية الخاصة ببلوجر.

4- ومن ثم في نفس القسم قم بالضغط على السهم جانب زر "تخصيص/تعديل HTML" ومن ثم خيار "تعديل HTML" وقم بحدف جميع الأكواد الموجودة، وضع مكانها أكواد قالب التنظيف التالية:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:skin><![CDATA[/*
-----------------------------------------------
Name : Cleaning Template
Designer URL  : https://machroo3-template.com/
year          : 2024
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id="Blog1" locked="true" type="Blog" />
</b:section>
</body>
</html>
الآن نحن مستعدون بشكل كامل لتسطيب قالب مشروع دون مواجهة أي مشكلة أو تداخل في الأكواد. قُم بالذهاب إلى قسم " المظهر " في الشريط الجانبي لواجهة بلوجر، وقم بالضغط على السهم جانب زر "تخصيص/تعديل HTML" ومن ثم خيار " تعديل HTML " ومن ثم تقوم بحدف الأكواد الموجودة ولصق أكواد القالب والضغط على أيقونة الحفظ.

أكواد الميتا

أغلب أكواد الميتا في قالب مشروع تعمل بشكل تلقائي، لكن بعض الأكواد يتم إضافتها بشكل يدوي من أجل تسهيل عملية فهم محتوى مدونتك من محركات البحث وتجنب حضرها على مواقع التواصل الاجتماعي.

وإضافتها أمرا في غاية البساطة، قُم بالتوجه إلى قسم " المظهر " ومن ثم اظغط على خيار " تعديل HTML " ستجد في بداية أكواد القالب كلمة " <!-- Required --> ".


أسفلها مباشرة ستجد أكواد الميتا تاج التي ستقوم بملئها وهي على النحو التالي :
  1. أبرز الكلمات المفتاحية التي تستهدفها مدونتك ( ضع علامة , بين كل كلمة مفتاحية ).
  2. نيتش أو مجال المدونة.
  3. اسم تطبيق المدونة ( في حالة عدم وجود تطبيق ضع اسم المدونة ).
  4. اسم مالك المدونة ( سواء اسمك الشخصي أو اسم شركتك أو مؤسستك ).
  5. بريدك الإلكتروني أو البريد المخصص للمدونة.
  6. معرف (id) تطبيق الفيسبوك ( بإمكانك الحصول عليه من هنا ).
  7. معرف (id) مدير حساب التطبيق ( بإمكانك الحصول عليه من هنا ستجده في رابط البروفايل مكون من 15 رقما ).
  8. رابط صفحة المدونة على تطبيق فيسبوك.
  9. رابط حساب المؤلف على تطبيق فيسبوك.
  10. اسم حساب تويتر ( @name ).
ومن ثم اضغط على أيقونة "حفظ".

الصورة البديلة

وهي صورة المدونة التي تظهر بشكل تلقائي عند مشاركة المدونة على مواقع التواصل الاجتماعي أو عند مشاركة مقال بدون صورة.

قالب مشروع مجانا

وبإمكانك تغييرها بسهولة من قسم "المظهر" بالضغط على السهم جانب زر "تخصيص" ومن ثم "تعديل HTML" ومن ثم ابحث عن هذا الكود :
<b:includable id='NoImage'>
ومن ثم ستجد بجانبه رابط قُم باستبداله برابط الصورة الجديدة ومن ثم "حفظ".

ملاحظة
الصورة البديلة الجديدة يجب أن تكون مستضافة على منصة بلوجر أو أي موقع لرفع الصور مثل موقع ibb image وقياسها هو 800 في 470.


لظهور الصورة البديلة الجديدة قد يتطلب الأمر بعض الوقت، وفي حالة عدم الظهور بإمكانك إتباع الخطوات الآتية :
  1. قم بزيارة هذا الرابط.
  2. ضع رابط المدونة كاملا.
  3. اضغط على زر "Debug".
  4. من ثم سيظهر زر "Scrape again" اضغط عليه مرارا إلى حين ظهور الصورة البديلة الجديدة.

إعدادات القالب

في جزء إعدادات القالب بإمكانك التحكم وتعطيل وتشغيل جُل عناصر ومميزات قالب مشروع بسهولة دون الحاجة للتعامل مع الأكواد البرمجية الصعبة.

وذلك من خلال استعمال بعض التعليمات البسيطة والتي تتمثل في :
  • true : لتشغيل الخاصية.
  • false : لتعطيل الخاصية.
في الأسفل ستتعرف على كل خاصية لوحدها وما هي وظيفتها في القالب.

ملاحظة
توجد بعد الخاصيات لا يتم تشغيلها أو تعطيلها بتعليمات true و false وستجد لها شرح مخصص لكيفية استخدامها.

التحكم في المظهر

  • إخفاء/إظهار الشريط الجانبي في الصفحات.
ضع true للتشغيل و false للتعطيل.

لإخفاء الشريط الجانبي في صفحة معينة لوحده
ا قم باستعمال الكود الأتي:
<div class="qw-widepost"></div>

التحكم في الخصائص

  • تثبيت/عدم تثبيت الهيدر أو القائمة العلوية.
  • تشغيل/تعطيل تأخير تحميل أكواد القالب حتى التمرير لزيادة السرعة lazy-load.
ضع true للتشغيل و false للتعطيل.

حماية المحتوى

  • إيقاف/تشغيل زر الفأرة الأيمن لمنع نسخ أي كود أو محتوى.
  • إيقاف/تشغيل منع نسخ المحتوى الكتابي فقط في المدونة.
ضع true للتشغيل و false للتعطيل.

تشغيل رابط تلقائي للمدونة عند نسخ أي شيء، وسيظهر على الشكل الآتي :

النص أو الجملة أو الفقرة أو المحتوى المنسوخ. جميع الحقوق محفوظة لموقع قالب مشروع © اقرأ المزيد على : https://www.machroo3-template.com/article-link.html

لتشغيل أداة الرابط التلقائي، قم بتغيير اسم الموقع في الكود أسفله ومن ثم قم بنسخه وفي قسم "المظهر" اضغط على السهم جانب زر "تخصيص" ومن ثم "تعديل HTML" ومن ضع الكود عند نهاية اكواد القالب، ومن ثم اضغط على "حفظ".
<script type="text/javascript">function addLink(){var a=document.getElementsByTagName(&quot;body&quot;)[0];var b;b=window.getSelection();var c=&quot;<br/><br/> جميع الحقوق محفوظة لموقع قالب مشروع &#169; إقرأ المزيد على : <a href='&quot;+document.location.href+&quot;'>&quot;+document.location.href+&quot;</a>&quot;;var d=b+c;var e=document.createElement(&quot;div&quot;);e.style.position=&quot;absolute&quot;;e.style.left=&quot;-99999px&quot;;a.appendChild(e);e.innerHTML=d;b.selectAllChildren(e);window.setTimeout(function(){a.removeChild(e)},0)}document.oncopy=addLink</script

تخصيص القالب

في هذا القسم تستطيع تغيير جميع ألوان القالب بشكل كامل وفي كل جزء، ولتخصيص القالب تنتقل إلى قسم " المظهر " ومن ثم تضغط على زر " تخصيص ".

في بداية تبويب الخلفية داخل زر "تصميم اللون الأساسي" يمكنك تغيير اللون واختيار لون أساسي واحد يعمل على القالب بشكل كامل.

في تبويب "الإعدادات المتقدمة" تستطيع تغيير لون كل أداة لوحدها بشكل منفرد و إضهارها أو إخفائها.

بعد الانتهاء من التعديلات قم بالضغط على زر "الحفظ" قبل الخروج.

عناصر القالب

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

وهذا شرح مفصل وسهل لكيفية استخدام أي أداة على حدة.

رأس المدونة

في جزء رأس المدونة بإمكانك تغيير الشعار أو عنوان المدونة والقائمة الرئيسية والإعلان العلوي في الهيدر.

الشعار ( رأس الصفحة )

يوجد خيارين لعنصر الشعار في القالب وهما :
  1. إظهار شعار خاص بالمدونة.
  2. إظهار عنوان المدونة.
في حالة اختيار رفع شعار للمدونة فيفضل أن يكون بقياس عرض 250بكسل/إرتفاع 54 بكسل أو لجودة أكبر عرض 8000بكسل/إرتفاع 1735.

في حالة اختيار الخيار الثاني فيفضل أن لا يتجاوز العنوان 10 كلمات.

القائمة الرئيسية

لإستخدام القائمة الرئيسية اتبع الخطوات الآتية :
  1. اتجه إلى التنسيق ومن ثم "القائمة الرئيسية" ومن ثم اختر "إضافة عنصر جديد" وفي خانة "اسم الموقع الجديد" ضع اسم التصنيف أو القسم.
  2. وفي خانة "عنوان URL للموقع الجديد" قُم بإضافة رابط القسم، والذي سيكون على هذه الهيئة :
  3. /search/label/القسم
  4. بعد إضافة الأقسام قُم بترتيبها لتصبح متسلسلة كما ترغب باستخدام الأسهم الصغيرة بالجانب الأيسر لاسم القسم.

ملاحظة
بإمكانك إضافة عدد غير محدود من الأقسام داخل القائمة الرئيسية، في حالة كانت قليلة ستبقى القائمة تابثة وفي حالة كانت كثيرة سيظهر خط السكرول للتنقل بشكل تلقائي.

إعلان الهيدر

من خلال قسم "التنسيق" في جزء رأس المدونة وفي أداة "إعلان" تستطيع وضع شفرة إعلانية متجاوبة، عبر الضغط على زر "التعديل" وفي خانة "المحتوى" ضع شفرة الإعلان ومن ثم اضغط على زر "حفظ".

منطقة التدوينات

في منطقة التدوينات تستطيع التحكم في عدد المواضيع المعروضة في الصفحة الرئيسية.

رسائل المدونة الإلكترونية

اضغط على زر "تعديل" ومن ثم وفي خانة "عدد المشاركات على الصفحة الرئيسية" قُم بكتابة عدد/رقم المواضيع التي ترغب بظهورها، ومن ثم اضغط على زر "حفظ".

ملاحظة
يُفضل أن يكون عدد المواضيع في الصفحة الرئيسية عددا زوجيا وليس فرديا + أن لا يتجاوز 64 موضوعا.

عناصر الشريط الجانبي

في جزء "الشريط الجانبي" داخل التنسيق، تستطيع إضافة العديد من الخواص قبيل أشكال عرض المواضيع وعددها والروابط الخارجية...

رابط خارجي

بإمكانك تضمين أي رابط خارجي سواء لمدونة صديقة أو لصفحة خارجية معينة أو لموقع تواصل اجتماعي ... وذلك في جزء الشريط الجانبي.
  • ولإضافة رابط خارجي في الشريط الجانبي قُم الضغط على زر "إضافة أداة" ومن ثُم اختر خاصية "قائمة الروابط" واضغط على "إضافة عنصر جديد".
  • وفي خانة "اسم الموقع الإلكتروني" ضع تسمية الرابط، وفي خانة "عنوان URL للموقع الإلكتروني" ضع رابط التسمية أو الصفحة، ومن ثم اضغط على "حفظ" الجانبية، وكرر نفس العملية لإضافة رابط خارجي أخر، وأخيرا اضغط على زر "حفظ" الرئيسي.

إعلان الشريط الجانبي

من خلال قسم "التنسيق" في جزء الشريط الجانبي وفي أداة "إعلان الشريط الجانبي" تستطيع وضع شفرة إعلانية متجاوبة، عبر الضغط على زر "التعديل" وفي خانة "المحتوى" ضع شفرة الإعلان ومن ثم اضغط على زر "حفظ".

انتباه !
عند إضافة شفرة إعلانية قم بحذف الجزء الأول من الشفرة لأنه مكرر ولا حاجة له ويتسبب في نقص سرعة التحميل ( أنضر المثال التوضيحي في جزء إعدادات الإعلانات).

ملاحظة
عند إضافة شفرة إعلانية قم بحذف الجزء الأول من الشفرة لأنه مكرر ولا حاجة له ويتسبب في نقص سرعة التحميل ( أنضر المثال التوضيحي في جزء إعدادات الإعلاناتبإمكانك التحكم في مكان إعلان الشريط الجانبي داخل الشريط الجانبي من خلال السحب والإفلات.

مواضيع شائعة

لإظهار أداة "المواضيع الشائعة" قم بالدخول إلى قسم "التنسيق" وفي أسفل أدوات الشريط الجانبي قم بالضغط على "إضافة أداة" ومن ثم اختر "المشاركات الرائجة" واضغط على زر "حفظ".

إعدادات الإعلانات

  • إعلان الهيدر الصفحة الرئيسية ( موجود برأس الصفحة ).
  • إعلان الشريط الجانبي ( موجود بالشريط الجانبي ).
  • إعلان أسفل زر عرض المزيد من المواضيع.
  • إعلان أعلى الموضوع.
  • إعلان وسط الموضوع.
  • إعلان أسفل الموضوع.
من خلال هذا القسم تستطيع التحكم في جميع إعلانات المدونة من "التنسيق".

لإضافة إعلان قم باختيار أداة الإعلان الذي ترغب في استخدامه واضغط على زر "تعديل" وفي خانة "المحتوى" ضع شفرة الإعلان ومن ثم اضغط على زر "حفظ".

ملاحظة هامة
عند إضافة شفرة إعلانية قم بحذف الجزء الأول من الشفرة لأنه مكرر ولا حاجة له ويتسبب في نقص سرعة التحميل.


مثال شفرة إعلانية للتوضيح :
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-*********"     crossorigin="anonymous"></script><!-- إعلان تجريبي --><ins class="adsbygoogle"     style="display:block"     data-ad-client="ca-pub-*******"     data-ad-slot="*******"     data-ad-format="auto"     data-full-width-responsive="true"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});</script>
قُم بحذف الجزء باللون الأحمر.

تنويه هام !
توفر مواضع عديدة للإعلانات لا يعني ضرورة استخدامها كُلها.

الفوتر

في الفوتر بإمكانك عرض مواقع التواصل الاجتماعي المختلفة وعرض الصفحات والتصنيفات + إضافة نبذة عن الموقع...

مواقع التواصل الاجتماعي [SOC]

يوجد في القالب أداة واحدة لعرض أيقونات مواقع التواصل الإجتماعي وتظهر أسفل المدونة في الفوتر، ويمكنك إضافة مواقع التواصل الاجتماعي التالية :
  • facebook
  • twitter
  • tiktok
  • binance
  • twitch
  • youtube
  • whatsapp
  • behance
  • blogger
  • wordpress
  • telegram
  • instagram
  • linkedin
  • pinterest
  • google-play
  • reddit
  • snapchat
  • messenger
  • soundcloud
  • unity
ولإضافة أي موقع تواصل اجتماعي قم بالآتي :
  1. قم بالضغط على زر تعديل أولا، ومن ثُم اضغط على إضافة عنصر جديد.
  2. في خانة " اسم الموقع الجديد " قم بإضافة اسم موقع التواصل الاجتماعي بأحرف صغيرة كما هو مكتوب.
  3. في خانة " عنوان URL للموقع الجديد " قم بإضافة رابط صفحة الموقع.
  4. بعد إضافة كل موقع لا بد من الضغط أولا على زر "إضافة ارتباط" وبعد الانتهاء من إضافة المواقع قم بالضغط على زر "حفظ".
  5. لتغيير ترتيب مواقع التواصل الاجتماعي قم بالتحريك من الأسفل إلى الأعلى بالضغط على الأسهم الصغيرة بالجانب الأيسر.

ملاحظة
إن أردت وضع عنوان لمواقع التواصل الإجتماعي قبيل : تابعنا، أبق قريبا، صفحاتنا الإجتماعية... فضع العنوان بجانب كلمة [SOC].

الصفحات

بإمكانك تضمين صفحات مدونتك بسهولة من خلال الضغط على زر التعديل في عنصر "الصفحات" داخل قسم "التنسيق" واختيار الصفحات التي ترغب في إظهارها ومن ثم الضغط على "حفظ".

نبذة عن الموقع

في أداة نبذة عن الموقع بإمكانك كتابة وصف قصير عن محتوى أو تخصص المدونة.

اضغط على زر "تعديل" ومن ثم قم بوضع عنوان المدونة أو "نبذة عنا" أو "عن المدونة" أو "عن الموقع"... و من ثم قم بكتابة الوصف واضغط على زر "حفظ".

ملاحظة
اجعل وصف المدونة وجيزا لا يتجاوز 150 حرفا.

تنويه !
بإمكانك تغيير أماكن عناصر الفوتر وتحويلها عبر السحب والإفلات، على سبيل المثال وضع مواقع التواصل الاجتماعي يسارا ونبذة عن الموقع يمينا.

عناصر إضافية

إتصل بنا

لإضافة صندوق إتصل بنا قُم ب :

إنشاء صفحة جديدة وقم بتسميتها كما ترغب "إتصل بنا" "تحذث معنا" تواصل معنا" "راسلنا" "كلمنا"... حسب ما ترغب.

بإمكانك كتابة محتوى خاص أو تمهيد قصير أو وصف موجز للمدونة في بداية الصفحة، بعد ذلك قُم بتحويل نمط المقال من "عرض وضع الإنشاء" إلى "عرض HTML".

وضع هذا الكود :
<div class='Contact-form-qw'/>
ومن ثم قُم بنشر الصفحة.

كود تقسيم المقال

<><>