شرح القالب

ملاحظة هامة !
تجنبا لظهور الصور بشكل رديئ إتجه إلى الصفحات و غير حجم الصور إلى الحجم الإصلي.

تركيب القالب :

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

ضبط الإعدادت :

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

ملاحظة : يرجى الإنتباه أن اللغات اللاتينية مثل الإنجليزية لها نسخ LTR مخصصة لها .

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

تسطيب القالب :

حسنا ، يبدو أننا جاهزون للعمل الفعلي . طيب في الواقع هناك طريقتان لتركيب أي قالب بلوجر حيث تتجه إلى المظهرأو Theme :
طريقة 1 : حيث يمكنك ببساطة فتح ملف القالب على أي عارض مثل ' sublime-text ' أو ' V-code ' ثم نسخه و لصقه في محرر الكود لبلوجر و الذي تجده في القائمة المنسدلة بجانب زر التخصيص " تحرير Html ".
طريقة 2 : بما أن جميع ملفات نسخ قالب قواعد ويب على شكل ملفات xml يمكنك ببساطة الضغط على زر "استعادة" في نفس القائمة المنسدلة المذكورة سابقا و إختيار ملف نسخة القالب و سيحمل تلقائيا لمدونتك.

تحذير : لا تنسى تركيب قالب تنظيف على المدونتك في حال ما كانت تحتوي على قالب آخر .


تفعيل القالب :

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



ميتا كود :

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

1-الكلمات المفتاحية : لإضافة كلمات مفتاحية يمكنك إضافتها بهدا الشكل مع الفصل بين كل كلمة وكلمة بفاصلة .

2- أصحاب المدونة :

يتكون هدا القسم من عدة اكواد و هي كالتالي : 

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

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

نقوم الآن بضبط إعدادات القالب الموجودة في التنسيق حيث يمكنك التحكم في العديد من العناصر في القالب من خلال تعليمات بسيطة و هي إما " true " لتشغيل الميزة  أو " false "لإيقافها يوضح الجدول التالي كل ميزة ووضيفتها :

الفئة عناصر التحكم الوظيفة
حماية المحتوى إيقاف الزر الأيمن [true] لأيقاف الزر الأيمن للفأرة و بالتالي منع نسخ أي كود أو محتوى من مدونتك
منع نسخ المحتوى [true] تقوم بمنع المستخدم من نسخ أي محتوى كتابي في مدونتك
التحكم في المظهر إخفاء الشريط الجانبي في الصفحات [true] حدف الشريط الجانبي من الصفحات
إخفاء الشريط الجانبي في المقالات [true] حدف الشريط الجانبي من المقالات
إخفاء الشريط الجانبي في الصفحة الرئيسية [true] حدف الشريط الجانبي من الصفحة الرئيسية
تثبيت الهيدر [true] الإبقاء على الهيدر في مجال الرؤية على الشاشة دائما.
إضافات للمقالة جدول التنقل [true]إضافة جدول التنقل أعلى كل مقالة أوتوماتيكيا.
اقرأ ايضا [true] إضافة آداة اقرأ ايضا أسفل كل مقالة.
إعدادات أدسنس معرف الأدسنس حيث تضع معرف الأدسنس الرقمي فقط وليس السكربت كاملا
auto-ads [true]يضيف سكربت الأدسنس الخاص بك تلقائيا مرفقا مع المعرف
lazy-ads [true] يقوم بتأخير ظهور الإعلانات و بالتالي تسريع المدونة
ملاحظة : عند تفعيل هاته الميزة يجب إيقاف ميزة Auto-ads
إعدادات صفحة تحويل الروابط ads-text النص الخاص بالإعلان الدي تريد وضعه
ads-rel يخص إدا ما كنت تريد تريد وضع باك لينك للرابط الإعلاني
ads-link رابط الموقع أو المدونة التي تريد الإعلان لها
Block-Site المواقع أو النطاقات التي لا تريد إشتغال صفحة تحويل الروابط عليها
timer الوقت الدي تأخده صفحة التحويل لتحميل الرابط
text-err النص الدي يظهر في حال عطب الرابط رأو عدم وجوده
text-ready النص الدي يظهر عند اكتمال التحميل
text-Configure النص الدي يظهر خلال عملية التحميل
redirect-page رابط الصفحة التي تريد التي تقوم فيها بتحويل الروابط الخارجية.

تخصيص القالب :

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


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

رأس المدونة :

آخر التعليقات و الملف الشخصي:


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


أما الملف الشخصي فيتم تعديله كما دكرنا سابقا ضبط الإعدادات .
التحكم في آداة التعليقات بسيط لتشغيلها قم فقط بإظهار الآداة كما يمكنك التحكم في عدد التعليقات الظاهرة من خلال تغيير  data-no="8"   كما يمكنك إخفائها فقط بإيقاف الآداة

آداة مواقع التواصل الإجتماعي :

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

كما هو موضح في الصورة يمكنك إضافة مواقع التواصل التالية:
  • Facebook
  • Instagram
  • Twitter
  • Youtube
  • Linkedin
  • Tiktok
  • Readit
  • Line
  • Tumbler
  • Snapchat
  • Telegram
  • Play-store
  • Messanger
  • Pinterest
  • Whatsapp


يمكنك إضافة أقسام مدونتك مع الأقسام الفرعية و القاسام الثانوية كما ترفق الأقسام ب "_" للحصول على قائمة منسدلة و " __ " للحصول على قائمة جانبية بجانب القائمة المنسدلة 
تعمل .

الصفحات :

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

( من نحن - سياسة الخصوصية - إتفاقية الإستخدام - إتصل بنا - خريطة الموقع ).

ميجا مينيو


لإظافة Mega menu ما عليك إلا كتابة إسم إحدى التسميات في مدونتك و إرفاقها ب (mega) كما هو موضح في الصورة :


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


آداة المشاركات المميزة 1 آداة المشاركات المميزة 2

أقسام الصفحة الرئيسية :

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

آداة مواقع التواصل في الشريط الجانبي :

يمكنك إضافة مواقع التواصل المرتبطة بمدونتك مع إضهار عدد المتابعين لكل صفحة بشكل بسيط حيث كل ما عليك فعله هو  كتابة إسم موقع التواصل الإجتماعي مرفقا بعدد المتابعين بين عاكفتين ( مثال : facebook [500]  )


مواقع التواصل الممكن إضافتها حاليا :
  • facebook
  • twitter
  • tumblr
  • instagram
  • pinterest
  • youtube
  • linkedin
  • reddit
  • snapchat
  • play store
  • line
  • telegram
  • messanger
  • whatsapp
  • tiktok

قائمة التصفح على الهاتف :

في الواقع لا تحتاج هاته القائمة لأي تعديلات يمكنك فقط إخفاء الآداة في حال لم ترد ظهور القائمة في مدونتك .

أكواد قصيرة :

أكواد يمكنك إستعمالها تساعدك في كتابة المقالات و إنشاء صفحات ثابتة مثل صفحة تحويل الروابط و إتصل بنا :

صفحة الإتصال :

أضف الكود التالي في صفحة جديدة لإضافة صفحة التواصل.

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

صفحة خريطة الموقع (الأرشيف):


  <div class='sitemap-qw'/>
  

صفحة تحويل الروابط :

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

  <div id="pageredirect"></div>
  

تقسيم المقالة :

عندما تريد تقسيم المقالة ما عليك إلا إضافة هدا الرمز في مقالتك و سيتم تقسيمها عنده تماما.

  <><>
  

مقالة بدون شريط جانبي :

في حين أنه يمكنك إزالة الشريط الجانبي من الإعدادات  من جميع المشاركات عند إضافتك لهدا الرمز يزال الشريط الجانبي من المقالة المحددة فقط.

  <div class="qw-widepost"></div>
  

إقتباسات وأقوال :

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

  <blockquote class="style-1">قواعد هي مدونة عربية تعرض شروحات  مفصلة في مجال السيو ، أدسنس ،بلوجر</blockquote>
  


  <blockquote class="style-2">قواعد هي مدونة عربية تعرض شروحات  مفصلة في مجال السيو ، أدسنس ،بلوجر
  <div class="block-author">
    <div class="block-img">
      <img alt="المؤلف" class="lazy" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAYzWUMj05VvxwlAjVdcm7IvrLjCID-kJVQkMf4mwd7oAWCsx-1U76IUGcJ_wvV1SLe5MCgOAQluNI5QbaoIF7-7KDQf6MEjhL5q3617MZnmy0gcS-HSxr4st2JLpXGejycwiGQHYInNQ/s113-pf/qawa3id-symbol.jpg" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" />
    </div>
    <div class="block-info"><span class="block-name">قواعد-Qawa3id</span><span class="block-desc">مبرمج ومدون</span></div></div></blockquote>
  

معرض الأكواد البرمجية :

يستعمل لعرض أكواد مختلفة في مساحة خاصة :

  <pre class="html"><code>أكواد برمجية</code></pre>
  

الرسائل:

ملاحظة :


  <p class="note">محتوى الرسالة</p>
  

إنذار!


  <p class="note noteAlert">محتوى الرسالة</p>
  

مبارك


  <p class="note noteGift">محتوى الرسالة</p>
  

تحذير!


  <p class="note noteWarning">محتوى الرسالة</p>
  

الأزرار :


  <a class="button" href="URL">زر عادي</a>
  

تحميل:


  <a class="button" href="URL">تحميل<i class="icon download"></i></a>
  

تحميل 2 :


  <a class="button outline" href="URL">تحميل<i class="icon download"></i></a>
  

معاينة :


  <a class="button" href="URL">معاينة<i class="icon demo"></i></a>
  

شراء :


  <a class="button" href="URL">شراء<i class="icon cart"></i></a>
  

تواصل في الواتساب :


  <a class="button whatsapp" href="URL">إتصل بي<i class="icon whatsapp"></i></a>
  

تحميل و معاينة :


  <div class="buttonInfo">
  <a class="button" href="URL">تحميل<i class="icon download"></i></a>
  <a class="button outline" href="URL">معاينة</a>
</div>
  
أي أكواد قصيرة لم تكن مضمنة في ملف الشرح ستأتي على شكل ملف.txt مع القالب.


خاتمة :

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

شكرا لشرائك قالب قواعد ويب .