تركيب القالب إعدادات رئيسية رأس المدونة القائمة الرئيسية الواجهة التواصل الاجتماعي عناصر أخرى أقسام الصفحة الرئيسية نظام التعليقات الألوان نموذج التجاوب الأكواد القصيرة خيارات القالب لغات أخرى نصائح للمدونين

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

قبل التركيب عليك بمراسلة البائع برابط المدونه ليقوم بتفعيل القالب.

قم بالذهاب إلى مدونتك ، ثم قم بعمل التالي :

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

   أغلب أكواد الميتا في القالب تلقائيه ولكن هناك بعض أكواد الميتا تحتاج للتخصيص طبقاً لبيانات المدونة ، اذهب إلى أقصى بداية القالب ، يتم ادراج الروابط داخل علامتي التنصيص الفارغة بعد كلمة content `'..'` بحيث يصير الشكل هكذا على سبيل المثال : `content='Arabic'`

   1. رابط صوره بديله - تظهر عند نشر الصفحة الرئيسية أو صفحات الأقسام والأرشيف على الفيس بوك
   2. رابط صفحة المدونة على الفيس بوك
   3. رابط حساب المؤلف على الفيس بوك
   4. معرف تطبيق الفيس بوك
   5. معرف أدمن تطبيق الفيس بوك - يمكن توليده من هذا الرابط بإدخال رابط الصفحة الشخصية لمالك التطبيق : lookup-id.com
   6. معرف صفحة المدونة على تويتر @Levon : مثال -
   7. معرف صفحة المؤلف على تويتر @MuhammadSaleh : مثال -

الآن تم تركيب القالب ، تابع الشرح لتشغيل باقي العناصر ..

## إعدادات المدونة

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

## عناصر رأس الصفحه

1. الصفحات : قم بإختيار الصفحات التي تريد أن تظهر ، إذا لم يكن لديك صفحات ثابته في مدونتك فيمكنك إنشاء الصفحات التي تريدها من تبويب
2. الشعار : قم برفع صورة الشعار الخاص بمدونتك ، يفضل ألا تزيد مقاسات الشعار عن عرض 200 وارتفاع 90 .
3. أدسنس : مساحه لإعلانات أدسنس بمقاس 728 × 90 ، يمكنك وضع أي شفرة إعلانات بداخلها .

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

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

طريقة إضافة القوائم الفرعيه :

يمكنك إضافة الروابط الفرعيه وذلك بإضافة [-] فقط في بداية عنوان الرابط ثم يتم ترتيب الروابط أسفل الرابط الرئيسي عبر الأسهم الصغيره الموجوده في أقصي يسار كل رابط ، يجب أن يبدو الشكل هكذا :

طريقة إستخدام Mega Menu :

في حقل "أسم الموقع الجديد" :> نقوم بكتابة أسم الرابط

في حقل "عنوان URL للموقع الجديد" :> نقوم بإضافة علامة `#` متبوعة بأسم إحدى التسميات الموجودة في المدونة ، مثال :

## الواجهة

ثلاثة خيارات وهم :

1. `recent` : لعرض آخر الموضوعات .
2. `random` : لعرض موضوعات عشوائية .
3. تسميه : تقوم بكتابة إحدى التسميات الموجوده في مدونتك لعرض التدوينات منها فقط .

## تشغيل عناصر مواقع التواصل الإجتماعي

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

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

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

ثم تضغط "إضافة إرتباط" ، وتقوم بإضافة باقي المواقع التي تريدها وعند الإنتهاء تضغط "حفظ" .

أسماء المواقع التي يمكن استخدامها على سبيل الحصر هي :

## تشغيل أداتي الطقس وصور فليكر

= أداة الطقس :

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

= صور فليكر :

- قم بالذهاب إلى صفحتك الشخصيه على موقع فليكر واجلب رابط الصفحه .
- اذهب إلى الموقع التالي www.idgettr.com والصق رابط الصفحه واضغط Find ، سيظهر لك معرف صفحتك الشخصيه .
- من تبويب قم بإضافة أداه جديده من نوع HTML/Javascript ، في عنوان الأداه نضف هذا الجزء في آخر العنوان [flickr] ، وفي محتوى الأداه نلصق معرف الصفحة الشخصيه ، تابع بالصور :

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

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

   `[cover]`

   `[list]`

   `[vcover]`

   `[cards]`

   `[broadcast]`

   `[sided]`

   أمثله :

4. إختيار "التصينفات المحدده" بدلاً من "جميع التصنيفات"
5. نضغط على "تعديل" ليظهر بالأسفل جميع أقسام المدونه .
6. نقوم بتحديد "لاشيء" .. ثم نقوم بإختيار القسم المراد عرض الموضوعات منه ونضغط "حفظ" ، الشرح بالصور بالترتيب :

## نظام التعليقات

يمكنك اختيار نظام التعليقات بسهوله بكتابة أسماء المواقع المراد اظهار تعليقاتها بالشكل التالي :

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

`facebook-disqus-blogger`
`disqus-blogger-facebook`
`disqus-blogger`
`facebook`

- إذا كنت تستخدم تعليقات بلوجر ، قم بالذهاب إلى تبويب وقم بجعل موقع التعليقات "مضمن" واضغط حفظ .
- إذا كنت تستخدم تعليقات موقع facebook ستقوم بتحرير عنصر معرف تطبيقFacebook وتضع بداخله معرف تطبيقك
- إذا كنت تستخدم تعليقات موقع disqus ستقوم بتحرير عنصر معرف قناة Disqus وتضع بداخله معرف قناتك على موقع disqus ..

طريقة جلب معرف قناة disuqs :

1. قم بالذهاب إلى هذا الرابط ..
2. اضغط على "Edit Settings" وقم باختيار قناة مدونتك الحاليه .
3. مرر الصفحة حتى تصل إلى Shortname .. وانسخ الاسم المشار إليه في الصوره :

## تخصيص الالوان والخلفية وعرض المدونه

يمكنك إختيار خلفية وألوان القالب بالطريقه التاليه :

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

## إختيار نموذج التجاوب

يوفر القالب نموذجين للتجاوب يمكنك الإختيار بينهم على النحو التالي :

النموذج الأول : وهو النموذج العادي الذي يعرض جميع عناصر القالب كما الشاشات العاديه.

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

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

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

## الأكواد القصيرة

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

وهذه قائمة ببعض الأكواد القصيرة الأخرى الغير موجوده في ملف مولد الأكواد القصيرة

الوصف
الكود
نموذج الاتصال بنا
<div class="contact"></div>
صفحة الأرشيف
<div class="ArchivePage"></div>
حذف الشريط الجانبي
<div class="FullPost"></div>
يوتيوب
[youtube src='معرف الفيديو'][/youtube]
دايلي موشن
[dailymotion src='معرف الفيديو'][/dailymotion]

يمكن إستخدام قيم width و height مع أكواد الفيديوهات .. مثال على الكود القصير بعد استخدام القيم :

width : عرض الفيديو
height : ارتفاع الفيديو
`[youtube src='معرف الفيديو' width='400' height='150'][/youtube]`
طريقة جلب معرف الفيديو بالصور :

طريقة تقسيم المشاركة إلى عدة أجزاء مرقمة :

يمكنك تقسيم المشاركة إلى عدة أجزاء بإضافة هذا الكود `<div class="break"></div>` بإعتباره الفاصل بين الأجزاء ، أي أن ما بعد هذا الرمز سيكون بداية لجزء جديد .. مثال :

طريقة فتح صفحات مواقع أخرى داخل المدونه :

أولاً : من تبويب سنقوم بإنشاء صفحة جديدة بأسم `demo`

الآن يمكننا إضافة هذا الجزء `?demo-page` في نهاية أي رابط داخل أي مشاركه ليتم فتحه داخل نفس المدونة في صفحة demo

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

## خيارات القالب

من تبويب أول عنصر في الصفحة هو عنصر خيارات القالب :

يمكنك تخصيص بعض اعدادات القالب بواسطة هذا العنصر ..

مثال مصور :

الإدخال
الوصف
القيمة الإفتراضية
`b-list`
عدد التدوينات في أقسام الرئيسية ذات الشكل list
`6`
`b-cover`
عدد التدوينات في أقسام الرئيسية ذات الشكل cover
`7`
`b-cards`
عدد التدوينات في أقسام الرئيسية ذات الشكل cards
`6`
`b-sided`
عدد التدوينات في أقسام الرئيسية ذات الشكل sided
`6`
`max-results`
عدد التدوينات في صفحات التسميات
`10`
`g-max`
العدد الأقصى لصور فليكر
`9`
`alt-Image`
رابط الصورة البديله للتدوينات الخالية من الصور
هذ ا الرابط
`select`
نسخ النصوص
للتعطيل `false` للتشغيل `true`
`true`
`au-profile`
إظهار الملف الشخصي للمؤلف أسفل التدوينات
للتعطيل `false` للتشغيل `true`
`true`
`b-author`
اظهار أسم الكاتب في أقسام الصفحة الرئيسية
للتعطيل `false` للتشغيل `true`
`true`
`b-author-link`
إظهار الرابط الشخصي لصفحة الكاتب في أقسام الصفحة الرئيسية
للتعطيل `false` للتشغيل `true`
`true`
`int-autoplay`
التشغيل التلقائي لسلايدر الواجهه
للتعطيل `false` للتشغيل `true`
`true`
`int-items`
عدد التدوينات في سلايدر الواجهه ثلاث خيارات اما
`1` أو `3` أو `4`
أي رقم آخر سيتسبب في تعطيل السلايدر
`3`
`rel-layout`
إختيار شكل الموضوعات المتعلقة
سلايدر `slider` قائمة `links`
`slider`
`rel-items`
عدد المشاركات في الموضوعات المتعلقة
`10`
`rel-autoplay`
التشغيل التلقائي لسلايدر التدوينات المتعلقه
للتعطيل `false` للتشغيل `true`
`false`
`fb-skin`
لون مربع تعليقات الفيس بوك
فاتح `light` داكن `dark`
`light`
`spinner`
علامة التحميل الدائرية
للتعطيل `false` للتشغيل `true`
`true`
`sidebar`
إظهار الشريط الجانبي
للإخفاء `false` للإظهار `true`
`true`
`wide-back`
نمط المدونة واسع ؟
للتعطيل `false` للتشغيل `true`
`false`
`tiled-back`
نمط الخلفية مكرر
للتعطيل `false` للتشغيل `true`
`false`
`rct-cards`
تغيير شكل التدوينات الأخيرة للشكل الرأسي
للتعطيل `false` للتشغيل `true`
`false`
`tiny-pop`
تصغير صور المشاركات الشائعة
للتعطيل `false` للتشغيل `true`
`false`
`menu-type`
إختيار شكل القائمة الرئيسية
الشكل الأول `menu-1` الشكل الثاني `menu-2`
`menu-1`
`nav-titles`
إظهار أسم المشاركة التالية والسابقة في صفحة التدوينات
للتعطيل `false` للتشغيل`true`
`true`
`https`
إستخدام الاتصال المشفر HTTPS
للتعطيل `false` للتشغيل`true`
`true`
`ncr`
منع إعادة توجيه الروابط لكود البلد لمدونات النطاق المجاني
للتعطيل `false` للتشغيل`true`
`false`
`wide-header`
إضافة صورة لرأس المدونة بدلاً من الشعار
للتعطيل `false` للتشغيل`true`
`false`

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

طريقة تغيير خطوط المدونة :
الإدخال
الوصف
القيمة الإفتراضية
`blog-font`
نوع الخط الرئيسي للمدونة
`LevonFont`
`post-font`
نوع خط كتابة المشاركات
`Droid Arabic Naskh`
`alt-font`
نوع الخط المساعد ( الخط البديل في حالة تعطل الخط الأساسي )
`Tahoma`

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

- Google Fonts .
- Early Access Fonts . من هذا الموقع يمكن إستخدام الخطوط الموجود بجانبها كلمة (Arabic) فقط.
- CSS Font Stack . هذا الموقع لدعم الخط المساعد فقط

- مثال على إستخدام خط من موقع Google Fonts :

- مثال على استخدام خط من موقع Early Access :

- مثال على إستخدام خط من موقع CSS Font Stack :

- مثال على إضافة الخط إلى عنصر إعدادات القالب :

## لغات أخرى

يمكن إستخدام القالب كقالب أجنبي يمكن إستخدامه مع أي لغة أخرى ، بالطريقة التالية :

أولاً : إختيار اللغة

من تبويب نختار "اللغة والتنسيق" ، ونقوم بإختيار اللغة المطلوبة من قائمة اللغات ، كما الصورة التاليه :

ثانياً : ترجمة الكلمات العربية

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

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

من تبويب آخر عنصر في الصفحة سيكون عنصر آداة الترجمة :

في حقل "أسم الموقع الجديد" :> سنقوم بإضافة الكلمة باللغة العربية (الكلمة الأصلية) .

في حقل "‏عنوان URL للموقع الجديد" :> سنقوم بإضافة الكلمة المترجمة يدوياً إلى اللغة المطلوبة

ثم نضغط على زر إضافة إرتباط ، بعد الإنتهاء من ترجمة جميع الكلمات نقوم بضغط زر حفظ ، كما الصورة التاليه :

## نصائح هامة للمدونين

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

شكراً لشراءك قالب Levon
2016 © all copyrights reserved to Muhammad Saleh