Web Analytics Made Easy - Statcounter
دليل الإستعمال - قالب مشروع

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

تركيب القالب

هيا بنا معا لجعل مدونتك رائعة وجذابة وسريعة ومربحة!

أول خطوة

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

ثاني خطوة

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

ثالث خطوة

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

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

رابع خطوة

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

وتوجد طريقتين لتسطيب القالب وهما :

الطريقة الأولى

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

الطريقة الثانية

قُم بفتح ملف القالب على Notepade أو على أي محرر أكواد، ومن ثم قم بنسخ أكواد القالب، واتجه إلى قسم "المظهر" واختر " تعديل HTML "

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

تفعيل القالب

تفعيل القالب

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

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

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

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

أكواد الميتا

أكواد الميتا

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

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

أسفله مباشرة ستجد أكواد الميتا تاج التي ستقوم بملئها وهي على النحو التالي :

  1. عنوان المدونة الخاصة بك (هذا الوسم تم إزالته).
  2. وصف المدونة الخاصة بك (هذا الوسم تم إزالته).
  3. أبرز الكلمات المفتاحية التي تستهدفها مدونتك ( ضع علامة , بين كل كلمة مفتاحية ).
  4. نيتش أو مجال المدونة.
  5. اسم تطبيق المدونة ( في حالة عدم وجود تطبيق ضع اسم المدونة ).
  6. رابط الصورة البديلة وهي التي تظهر عند نشر مدونتك على مواقع التواصل الاجتماعي.
  7. رابط المدونة ( http://www.yoursite.com ).
  8. اسم مالك المدونة ( سواء اسمك الشخصي أو اسم شركتك أو مؤسستك ).
  9. بريدك الإلكتروني أو البريد المخصص للمدونة.
  10. معرف (id) تطبيق الفيسبوك ( بإمكانك الحصول عليه من هنا ).
  11. معرف (id) حساب مدير التطبيق ( بإمكانك الحصول عليه من هنا ستجده في رابط البروفايل مكون من 15 رقما ).
  12. رابط صفحة المدونة على تطبيق فيسبوك.
  13. رابط حساب المؤلف على تطبيق فيسبوك.
  14. رابط حساب المدونة على تطبيق تويتر.
  15. اسم حساب تويتر ( @name ).

ومن ثم اضغط على أيقونة "حفظ".

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

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

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

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


<b:includable id='NoImage'>
ومن ثم ستجد بجانبه رابط قُم باستبداله برابط الصورة الجديدة ومن ثم "حفظ".

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

لظهور الصورة البديلة الجديدة قد يتطلب الأمر بعض الوقت، وفي حالة عدم الظهور بإمكانك إتباع الخطوات الآتية :

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

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

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

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

وذلك من خلال استعمال بعض التعليمات البسيطة والتي تتمثل في :

  1. true : لتشغيل الخاصية.
  2. 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

إعدادت صفحة تحويل الروابط

إعدادت صفحة تحويل الروابط

صفحة الروابط هي ميزة تقلل من نسبة الارتداد + تزيد من أرباح أدسنس، دورها هو جعل الزائر ينتظر لمدة معينة قبل مغادرة الموقع أو الوصول لرابط معين.

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

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


<div id="pageredirect"></div>
الآن تأكد من تعطيل التعليقات داخل الصفحة، وقم بنشرها وهكذا لقد قمت بتفعيل خاصية إعادة توجيه الروابط على وضعها الافتراضي.

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

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

تخصيص القالب

تخصيص القالب

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

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

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

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

عناصر القالب

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

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

رأس المدونة

رأس المدونة

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

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

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

يوجد خيارين لعنصر الشعار في القالب وهما :

  1. إظهار شعار خاص بالمدونة.
  2. إظهار عنوان ووصف المدونة.

في حالة اختيار رفع شعار للمدونة فيفضل أن يكون بقياس : عرض 8000 وارتفاع 1735.

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

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

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

في قالب مشروع توجد قائمة رئيسية افتراضية مميزة + صفحة تصنيفات مخصصة وحصرية لا تتوفر إلّا في قوالب الووردبريس أو البرمجات الخاصة.

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

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

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

http://www.domain.com/search/label/القسم

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

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

إعلان الهيدر

إعلان الهيدر

إعلان الهيدر الصفحة الرئيسية في الهاتف والكمبيوتر.

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

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

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

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

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

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

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

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

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

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

  • إخفاء/إظهار جدول محتويات الموضوع.
  • إخفاء/إظهار ميزة اقرأ أيضا داخل المقالات ( هذه الأداة تقوم بعرض 4 مقالات مشابهة داخل المقال من نفس القسم، ويتم عرضها في وسط المقال) .

ضع 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" وضع الكود في المكان الذي تريد ظهور الأكورديون فيه.

رابط خارجي

رابط خارجي

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

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

وفي خانة "اسم الموقع الإلكتروني" ضع تسمية الرابط، وفي خانة "عنوان 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>

قُم بحذف الجزء باللون الأحمر.

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

قسم الكُتاب

قسم الكُتاب

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

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

لإضافة كاتب جديد اتبع الخطوات التالية :

  1. قُم بالضغط على زر "إضافة أداة" أسفل قسم الكتاب ومشاركة الأرباح.
  2. قُم باختيار خيار "قائمة الروابط".
  3. قُم بكتابة اسم الكاتب في خانة "العنوان" ومن الضروري أن يكون الاسم متطابق مع اسم الكاتب في المدونة حرفيا.
  4. آخر مرحلة هي أن نقوم بإضافة المعلومات الخاصة به عبر إضافة عنصر جديد ونضع الكود في "اسم الموقع الإلكتروني" ونملأه بما يناسب في "عنوان URL للموقع الإلكتروني" والجدول في الأسفل يوضح كل كود ووظيفته.

الإدخال الوظيفة
about وصف أو نبذة عن الكاتب
rank رتبة الكاتب
telegram تلجرام
tiktok تيك توك
snapchat سناب شات
facebook فيسبوك
website الموقع الإلكتروني
twitter تويتر
youtube يوتيوب
instagram انستقرام

بعد إضافة كُل عنصر وحفظه اضغط على زر "حفظ" الرئيسي.

الفوتر

الفوتر

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

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

مواقع التواصل الاجتماعي

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

  • facebook
  • twitter
  • khamsat
  • tiktok
  • binance
  • twitch
  • youtube
  • whatsapp
  • paypal
  • behance
  • blogger
  • wordpress
  • telegram
  • instagram
  • mostaql
  • linkedin
  • pinterest
  • google-play
  • reddit
  • snapchat
  • messenger
  • soundcloud
  • unity

ولإضافة أي موقع تواصل اجتماعي قم بالآتي :

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

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

الصفحات

الصفحات

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

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

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

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

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

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

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

عناصر إضافية

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

التصنيفات

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

<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>

أولا دعنا نفهم معنى الأكواد ووظيفتها ليسهل التعامل معها.

الكود الآتي :

التصنيفات

يعني أن الجداول أو التصنيفات ستكون في يمين الصفحة.

الكود الآتي :

التصنيفات

يعني أن الجداول أو التصنيفات ستكون في الوسط.

الكود الآتي :

التصنيفات

يعني أن الجداول أو التصنيفات ستكون في يسارالصفحة.

الكود الآتي :
التصنيفات

هو الجدول أو التصنيف بالكامل، دعنا نقوم بتفكيكه.

التصنيفات

الكود أو الرقم الآتي :

rgb(247, 185, 22)

هو رمز لون الجدول أو التصنيف.

الكود الآتي :

<h3>إسم الفئة أو القسم الرئيسي</h3>

هو عنوان الجدول أو التصنيف أو الفئة أو القسم الرئيسي.

الكود الآتي :

<li><a alt="" href="رابط القسم"><span>إسم القسم</span></a></li>

يتكون من إسم القسم ورابط القسم.

الآن بعد فهم الأكواد ودورها دعنا نتعرف على كيفية إستخدامها.

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

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

ومن ثم ضع الكود الإفتراضي أعلاه.

تخصيص التصنيفات

لإضافة جدول تصنيفات جديد قُم بإضافة أو تكرار هذا الكود :

تخصيص التصنيفات

إذا أردت أن يكون جدول التصنيفات على يمين الصفحة فضعه أسفل هذا الكود :

تخصيص التصنيفات

وإذا أردت أن يكون بوسط الصفحة فضعه أسفل هذا الكود :

تخصيص التصنيفات

وإذا أردت أن يكون الجدول يسار الصفحة فضعه أسفل هذا الكود :

تخصيص التصنيفات

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

تخصيص التصنيفات

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

لتغيير لون الجدول :

  1. قم بحدف هده الأرقام : 247, 185, 22 
  2. وضع أرقام اللون الجديد الذي ترغب به مكان أرقام اللون الإفتراضي.
  3. يمكنك الحصول على أرقام جميع الألوان بسهولة من هذا الموقع.

لإضافة قسم فرعي داخل جدول قم بإضافة أو تكرار هذا الكود :

تخصيص التصنيفات

في "اسم القسم" ضع اسم التصنيف أو القسم، وفي "رابط القسم" ضع رابط URL الخاص بالقسم، و سيكون على الهيئة التالية :

http://www.domain.com/search/label/القسم

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

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

إتصل بنا

إتصل بنا

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

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

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

وضع هذا الكود :


<div class='Contact-form-qw'/>

ومن ثم قُم بنشر الصفحة.

أخر المواضيع

أخر المواضيع

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

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

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

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

ومن ثم قُم بوضع الكود الأتي : 


<div class="page_latest" data-len="16"></div>

لإظهار عدد مواضيع أقل أو أكثر قُم بتغيير الرقم 8 داخل الكود

وقم بنشر الصفحة.

أكواد قصيرة

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

الوظيفة الكود
رمز تقسيم المقال <><>
إخفاء الشريط الجانبي <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 للتحميل أو المعاينة أو الشراء أو الإتصال... في "الرابط" أي قم بإستبدال كلمة الرابط  بالرابط.

أكواد إضافية

بعض الأكواد القصيرة الإضافية :

كود تحميل ملف

ضع رابط URL للتحميل في "رابط التحميل". 


<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. الأن قم بنسخ رمز تشغيل الفيديو فقط.
    3. مثال : 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>

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

قريبا
شرح بالفيديو مفصل لكل جزء بقالب مشروع، مع نصائح استثنائية.