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

تركيب القالب

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          : 2023
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id="Blog1" locked="true" type="Blog" />
</b:section>
</body>
</html>
5- الآن نحن مستعدون بشكل كامل لتسطيب قالب مشروع دون مواجهة أي مشكلة أو تداخل في الأكواد قُم بالذهاب إلى قسم "المظهر" في الشريط الجانبي لواجهة بلوجر، وقم بالضغط على السهم جانب زر "تخصيص" ومن ثم خيار "تعديل HTML" وتقوم بحدف كل الأكواد الموجودة ومن ثم تقوم بنسخ أكواد القالب من ملف القالب وتضعها هناك وتضغط على أيقونة "الحفظ".

تفعيل القالب

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

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

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

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

تحذير !
من المهم تفعيل القالب قبل الشروع في استخدامه.

أكواد الميتا

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

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

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

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

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

لظهور الصورة البديلة الجديدة قد يتطلب الأمر بعض الوقت، وفي حالة عدم الظهور بإمكانك إتباع الخطوات الآتية :
  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- لتشغيل خاصية تحويل الروابط، أولا قُم بإنشاء صفحة جديدة باسم redirect أو أي اسم ومن ثم قم بكتابة المحتوى الذي تريده.

2- ومن ثم قم بالتحويل من نمط المقال أو "عرض وضع الإنشاء" إلى "عرض HTML" ومن ثم ضع الكود أسفله في الموضع الذي تريد أن يظهر فيه عداد الانتظار.
<div id="pageredirect"></div>

3- الآن قم بنشرالصفحة.

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

الإدخالالوظيفة
redirect-pageرابط صفحة تحويل الروابط.
Block-Sitesمواقع صديقة لا يتم إعادة التوجيه فيه، مثال : google.com|youtube.com.
Timerوقت انتظار الزائر قبل ظهور الرابط.
text-errالرسالة التي تظهر في حالة تعطل أو عدم وجود الرابط.
text-readyالرسالة التي تظهر عند جاهزية الرابط.
text-Configureالإشعار الذي يظهر أثناء عملية الانتظار.

تخصيص القالب

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

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

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

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

عناصر القالب

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

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

رأس المدونة

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

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

الشعار (رأس الصفحة)
يوجد خيارين لعنصر الشعار في القالب وهما:
  • إظهار شعار خاص بالمدونة.
  • إظهار عنوان المدونة.
في حالة اختيار رفع شعار للمدونة فيفضل أن يكون بقياس : عرض 8000 وارتفاع 1735.

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

القائمة الرئيسية
لإستخدام القائمة الرئيسية الافتراضية اتبع الخطوات الآتية :

1- اتجه إلى التنسيق ومن ثم "القائمة الرئيسية" ومن ثم اختر "إضافة عنصر جديد" وفي خانة "اسم الموقع الجديد" ضع اسم التصنيف أو القسم.

2- وفي خانة "عنوان URL للموقع الجديد" قُم بإضافة رابط القسم، والذي سيكون على هذه الهيئة :

/search/label/القسم

3- لإضافة قسم فرعي تحت قسم رئيسي يتم إضافة _ قبل عنوان القسم.

4- لإضافة قسم فرعي تحت قسم فرعي أخر يتم إضافة _ _ قبل عنوان القسم.

5- بعد إضافة الأقسام قُم بترتيبها لتصبح متسلسلة كما ترغب باستخدام الأسهم الصغيرة بالجانب الأيسر لاسم القسم.

6- لإضافة أيقونات للأقسام قم بالتوجه لموقع fontawesome وإختر الأيقونة التي تريد (بتنسيق solid) وإنسخ كود HTML الخاص بها وضعه قبل إسم القسم.

إعلان الهيدر

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

السلايدر الرئيسي

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

أشكال المواضيع

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

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

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

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

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

بنفس القسم يمكنك تفعيل/تعطيل أزرار مشاركة المقالات عبر خيار "إظهار أزرار نشر المشاركات".

إضافات للمقالة

إضافات للمقالة
  • إخفاء/إظهار جدول محتويات الموضوع.
  • إخفاء/إظهار ميزة اقرأ أيضا داخل المقالات.
  • إخفاء/إظهار إضافة مواضيع ذات صلة.
ضع true للتشغيل و false للتعطيل.

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

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

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

أشكال المواضيع في الشريط الجانبي

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

ملاحظة
بإمكانك التحكم في مكان وترتيب أشكال المواضيع داخل الشريط الجانبي عبر السحب والإفلات.

الأكورديون

الأكورديون
لإضافة عنصر الأكورديون قم بالتعديل على على الكود أسفله وإضافة الأسئلة والاستعلامات وتغيير المحتوى الكتابي بما يُناسبك.
<div class="acc-container">

<div class="acc">

<div class="acc-head">
<p>سؤال</p>
</div>

<div class="acc-content">
<p>لوريم إيبسوم (Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) تفعل في صناعن شعدر الوطاب. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت بمهمة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص ،</p>
</div>

</div>


<div class="acc">

<div class="acc-head">
<p>سؤال</p>
</div>

<div class="acc-content">
<p>لوريم إيبسوم (Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) تفعل في صناعن شعدر الوطاب. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت بمهمة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص ،</p>
</div>

</div>

<div class="acc">

<div class="acc-head">
<p>سؤال</p>
</div>

<div class="acc-content">
<p>لوريم إيبسوم (Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) تفعل في صناعن شعدر الوطاب. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت بمهمة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص ،</p>
</div>

</div>

</div>
ومن ثم اضغط على زر "إضافة أداة" أسفل الشريط الجانبي أو الفوتر أو الصفحة الرئيسية (الأقسام الرئيسية)، واختر أداة "HTM/JAVASCRIPT" وألصق الكود واضغط على "حفظ".

ملاحظة
بإمكانك إضافة سؤال جديد من خلال تكرار الكود الملون بالأحمر.

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

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

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

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

ملاحظة
بإمكانك التحكم في مكان إعلان الشريط الجانبي داخل الشريط الجانبي من خلال السحب والإفلات.

مشاركة مميزة

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

ملاحظة
في المشاركة المميزة بإمكانك إظهار الصورة والعنوان ومقتطف من المقال، أو إظهار الصورة والعنوان فقط.

المشاركات الشائعة

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

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

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

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

مثال شفرة إعلانية للتوضيح :
<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>
قُم بحذف الجزء باللون الأحمر.

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

قسم الكُتاب

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

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

لإضافة كاتب جديد اتبع الخطوات التالية :
  1. قُم بالضغط على زر "إضافة أداة" أسفل قسم الكتاب.
  2. قُم باختيار خيار "قائمة الروابط".
  3. قُم بكتابة اسم الكاتب في خانة "العنوان" ومن الضروري أن يكون الاسم متطابق مع اسم الكاتب في المدونة حرفيا.
  4. آخر مرحلة هي أن نقوم بإضافة المعلومات الخاصة به عبر إضافة عنصر جديد ونضع الإدخال في "اسم الموقع الإلكتروني" ونملأه بما يناسب في "عنوان URL للموقع الإلكتروني" والجدول في الأسفل يوضح كل إدخال ووظيفته.
الإدخال الوظيفة
about وصف أو نبذة عن الكاتب
rank رتبة الكاتب
telegram تلجرام
tiktok تيك توك
snapchat سناب شات
facebook فيسبوك
globe الموقع الإلكتروني
twitter تويتر
youtube يوتيوب
instagram انستقرام
بعد إضافة كُل عنصر وحفظه اضغط على زر "حفظ" الرئيسي.

الفوتر

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

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

مواقع التواصل الاجتماعي
أيقونات مواقع التواصل الإجتماعي تظهر أسفل المدونة في الفوتر، ويمكنك إضافة مواقع التواصل الاجتماعي التالية وبأشكال متعددة :
  • facebook
  • instagram
  • twitter
  • wordpress
  • facebook-f
  • pinterest-p
  • pinterest
  • linkedin
  • linkedin-in
  • tiktok
  • github
  • discord
  • youtube
  • slack
  • figma
  • apple
  • google
  • stripe
  • windows
  • paypal
  • stack-overflow
  • dribbble
  • dropbox
  • squarespace
  • android
  • shopify
  • medium
  • codepen
  • vimeo
  • whatsapp
  • wix
  • line
  • behance
  • telegram
  • pinterest
  • soundcloud
  • square-twitter
  • google-play
  • square-pinterest
  • skype
  • amazon
  • spotify
  • facebook-messenger
  • twitch
  • wordpress-simple
  • vine
  • vimeo-v
  • viber
  • unity
  • tumblr
  • stripe-s
  • steam-symbol
  • steam
  • snapchat
  • reddit
  • reddit-alien
  • quora
  • odnoklassniki
  • digg
  • blogger-b
  • blogger
  • khamsat
  • tradent
  • mostaql
  • kafil
ولإضافة أي موقع تواصل اجتماعي قم بالآتي :
  1. قم بالضغط على زر "إضافة أداة" وإختر أداة "قائمة الروابط" وفي العنوان ضع كلمة [SOC] كما هي، ومن ثُم اضغط على إضافة عنصر جديد.
  2. في خانة "اسم الموقع الجديد" قم بإضافة اسم موقع التواصل الاجتماعي بأحرف صغيرة كما هو مكتوب.
  3. في خانة "عنوان URL للموقع الجديد" قم بإضافة رابط الموقع.
  4. بعد إضافة كل المواقع قم بالضغط على زر "حفظ".
  5. لتغيير ترتيب مواقع التواصل الاجتماعي قم بالتحريك من الأسفل إلى الأعلى بالضغط على الأسهم الصغيرة بالجانب الأيسر.

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

الصفحات

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

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

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

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

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

عناصر إضافية

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

التصنيفات

التصنيفات
لاستخدام صفحة التصنيفات اتبع الشرح الأتي :

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

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

3- ومن ثم ضع الكود الإفتراضي الأتي وقم بتخصيصه حسب ما ترغب:
<div class="categories_page">

<!--العمود رقم 1-->
<div class="ctp_column n_1">

<!--قائمة-->
<div class="list">
<span class="list-title" style="border-color: rgb(247, 185, 22);"><h3>إسم الفئة أو القسم الرئيسي</h3></span>
<ul>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
</ul>
</div>

<!--قائمة-->
<div class="list">
<span class="list-title" style="border-color: rgb(73, 183, 71);"><h3>إسم الفئة أو القسم الرئيسي</h3></span>
<ul>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
</ul>
</div>

</div>

<!--العمود رقم 2-->
<div class="ctp_column n_2">

<!--قائمة-->
<div class="list">
<span class="list-title" style="border-color: rgb(0, 0, 0);"><h3>إسم الفئة أو القسم الرئيسي</h3></span>
<ul>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
</ul>
</div>

<!--قائمة-->
<div class="list">
<span class="list-title" style="border-color: rgb(0, 0, 0);"><h3>إسم الفئة أو القسم الرئيسي</h3></span>
<ul>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
</ul>
</div>

</div>

<!--العمود رقم 3-->
<div class="ctp_column n_3">

<!--قائمة-->
<div class="list">
<span class="list-title" style="border-color: rgb(0, 0, 0);"><h3>إسم الفئة أو القسم الرئيسي</h3></span>
<ul>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
</ul>
</div>

<!--قائمة-->
<div class="list">
<span class="list-title" style="border-color: rgb(238, 28, 37);"><h3>إسم الفئة أو القسم الرئيسي</h3></span>
<ul>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>
</ul>
</div>

</div></div>

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

إتصل بنا

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

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

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

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

أخر المواضيع

أخر المواضيع
لإضافة صفحة "أخر المواضيع" إتبع الخطوات الأتية :

1- قم بإنشاء صفحة جديدة.

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

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

3- ومن ثم قُم بوضع الكود الأتي :
<div class="page_latest" data-label="recent" data-len="32" data-type="latest"></div>
لإظهار عدد مواضيع أقل أو أكثر قُم بتغيير الرقم 32 داخل الكود، وقم بنشر الصفحة.

أكواد قصيرة

الأكواد القصيرة يتم إستخدامها داخل المواضيع أو الصفحات، والجدول أسفله يوضح كل كود على حدة ووظيفته.

الوظيفةالكود
رمز تقسيم المقال<><>
إخفاء الشريط الجانبي<div class="qw-widepost"></div>
اقتباس<blockquote class="style">قالب مشروع، أفضل قالب عربي.</blockquote>
موضع الأكواد<pre class="html"><code>الكود</code></pre>
زر ملاحظة<p class="note"><b>ملاحظة</b><br />قالب مشروع، أفضل قالب عربي.</p>
زر إنذار!<p class="note noteAlert"><b>إنذار!</b><br />قالب مشروع، أفضل قالب عربي.</p>
زر مبارك<p class="note noteGift"><b>مبارك</b><br />قالب مشروع، أفضل قالب عربي.</p>
زر تحذير !<p class="note noteWarning"><b>تحذير !</b><br />قالب مشروع، أفضل قالب عربي.</p>
زر عادي<a class="button" href="الرابط:;">زر عادي</a>
زر تحميل<a class="button" href="الرابط:;">تحميل<i class="icon download"></i></a>
زر تحميل شفاف<a class="button outline" href="الرابط:;">تحميل<i class="icon download"></i></a>
زر معاينة<a class="button" href="الرابط:;">معاينة<i class="icon demo"></i></a>
زر شراء<a class="button" href="الرابط:;">شراء<i class="icon cart"></i></a>
زر تبرع<a class="button donation" href="الرابط:;">تبرع<i class="icon donation"></i></a>
زر واتساب<a class="button whatsapp" href="الرابط:;">إتصل بي<i class="icon whatsapp"></i></a>
زر فيسبوك<a class="button fb_grp" href="الرابط:;">إنضم إلى مجموعتنا على الفيسبوك<i class="icon fb_grp"></i></a>
زر تلجرام<a class="button tlg_chnl" href="الرابط:;">إنضم إلى قناتنا على تيليغرام<i class="icon tlg_chnl"></i></a>
زر يوتيوب<a class="button youtube" href="الرابط:;">زر يوتيوب<i class="icon youtube"></i></a>
زر بايبال<a class="button paypal" href="الرابط:;">زر بايبال<i class="icon paypal"></i></a>

يتم إضافة الكود من تبويب "عرض HTML" داخل كل صفحة أو مشاركة أثناء الكتابة.

ضع رابط URL للتحميل أو المعاينة أو الشراء أو الإتصال... في "الرابط" أي قم بإستبدال كلمة الرابط بالرابط.

أكواد إضافية

بعض الأكواد القصيرة الإضافية :
كود الجدول
<div class="table">
	<table style="white-space: nowrap;">
		<thead>
			<tr>
				<th>بيانات</th>
				<th>بيانات</th>
				<th>بيانات</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>بيانات</td>
				<td>بيانات</td>
				<td>بيانات</td>
			</tr>
			<tr>
				<td>بيانات</td>
				<td>بيانات</td>
				<td>بيانات</td>
			</tr>
			<tr>
				<td>بيانات</td>
				<td>بيانات</td>
				<td>بيانات</td>
			</tr>
			<tr>
				<td>بيانات</td>
				<td>بيانات</td>
				<td>بيانات</td>
			</tr>
		</tbody>
	</table>
</div>
يتم إضافة الكود من تبويب "عرض HTML" داخل كل صفحة أو مشاركة أثناء الكتابة.
كود تحميل ملف
<div class="downloadInfo">	<span class="fileType" data-text="zip"></span>  	<div class="fileName">    <span>إسم الملف.zip</span>    <span class="fileSize">200kb</span>  </div>	<a aria-label="تحميل" class="button fileLink" href="رابط التحميل"><i class="icon download"></i></a></div>
يتم إضافة الكود من تبويب "عرض HTML" داخل كل صفحة أو مشاركة أثناء الكتابة.
كود العرض المتأخر لليوتيوب
بفضل ميزة العرض المتأخر لليوتيوب تستطيع تضمين مقاطع الفيديوهات بشكل سلس واحترافي دون التأثير على سرعة التحميل.

يتم إضافة الكود من تبويب "عرض HTML" داخل كل صفحة أو مشاركة أثناء الكتابة.

لتضمين مقطع فيديو قم بالخطوات التالية :

1- اختر مقطع الفيديو وقم بنسخ رابطه.

2- الأن قم بنسخ رمز تشغيل الفيديو فقط.

مثال : https://www.youtube.com/watch?v=AjzE4Uj7kIM

3- قم بأخد فقط الجزء AjzE4Uj7kIM وضعه في كلمة معرف الفيديو.
<div class="lazyYoutube" data-embed="معرف الفيديو">  <div class="playBut">    <svg class="svg-play" viewbox="0 0 213.7 213.7"><polygon class="triangle" points="73.5,62.5 148.5,105.8 73.5,149.1"></polygon><circle class="circle" cx="106.8" cy="106.8" r="103.3"></circle></svg>  </div></div>
إن واجهت أي مشكلة أو عقبة في تسطيب أو تخصيص القالب تواصل معنا عبر خدمة الدعم الفني المجاني.