جدول المحتوى

قالب ألفا - شرح التركيب و التخصيص

قالب ألفا : شرح التركيب والتخصيص

مقدمة ومعلومات القالب

اسم القالب : قالب ألفا | من مدونة الأثير
المنصة : بلوجر
أحدث إصدار :v 2.0.1
الصفحة الرسمية للقالب : AlphaTemplate
الناشر : مدونة الأثير
الترخيص : مدفوع

تم انشاء مقال للتغيرات و التحديثات على القالب للإصدار 2.0.1 عبر هذا الرابط

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

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

يمكنك الانتقال الى نموذج الطلب عبر الزر أدناه.
نموذج الطلب

تركيب القالب

  • اتجه الى بلوجر و قم بتسجيل الدخول الى حسابك ثم اختر المدونة المراد تركيب القالب عليها
  • اتجهة الى تبويب المظهر ثم اضغط على زر "نسخ احتياطي/استعادة" ضروري لأخذ نسخة احتياطية من القالب
  • الان قم بالنزول قليلا الى الاسفل و قم بالنقر على احد قوالب بلوجر الأساسية ثم اضغط على "تطبيق على المدونة"
  • الأن قم بالصعود لأعلى قليلا واضغط على زر "تعديل Html" و قم بمسح جميع الأكود و ألصق بمكانها أكودا قالب التنظيف الموجودة بلأسفل ثم اضغط على "حفظ المظهر"
  • <?xml version="1.0" encoding="UTF-8" ?>
    <!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[/*
    ]]></b:skin>
    </head>
    <body>
    <b:section class='main' id='main' showaddelement='yes'>
    <b:widget id="Blog1" locked="true" type="Blog" />
    </b:section>
    </body>
    </html>
  • بعد تركيبنا لقالب التنظيف نقوم بتحديث الصفحة ثم نمسح جميع الأكواد الموجودة ثم نقوم بنسخ أكواد القالب و لصقها بمكان قالب لتنظيف ثم نضغط على "حفظ المظهر"

عند اتمامك لهذه الخطوات تكون قد ركبت القالب بدون ان يظهر لك أي أخطاء بإذن الله

ضبط القائمة الجانبية (الأساسية)

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

اضافة ايقونات الى القائمة

نعتمد في هذا القالب على ايقونات بصيغة SVG و ليس على خط معين و نستختدم لهذا الغرض موقع يقدم مئات الأيقونات المصممة بصيغة SVG رابط الموقع هنا
يمكنك ايضا اضافة الأيقونات عن طريق الأدوات المساعدة التي تستطيع اضافتها الى متصفحك ,الاضافة لجوجل كروم , الاضافة لفيرفوكس , و لإضافة الايقونة الى الرابط بقوم بوضع كو الايقونة قبل اسم الرابط على هذا الشكل <svg>...</svg> اسم الرابط

اضافة اقسام فرعية في القائمة

لإضافة الاقسام الفرعية الى القائمة كل ما عليك هو اضافة _ قبل اسم القائمة و بعده بستخدام الاسهم الصغيرة بالجانب الايسر يمكنك ترتيب الروابط و جعل الروبط الفرعية اسفل الروابط الرئيسية كالمثال التالي ,و لإضافة رابط فرعي ضمن الرابط لفرعي الاول نضيف __ قبل اسم الرابط.

ملاحظة هامة:
القوائم الفرعية لا تدعم اضافة ايقونات بصيغة SVG

ضبط القائمة الثانوية (قائمة الصفحات أو المتابعة )

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

تم تحديثها في الاصدار 2.0.1

ضبط سلايدر عرض المقالات

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

ضبط بلوكات عرض المقالات

يحتوي قالب ألفا على عدة طرق لعرض المقالات في الصفحة الرئيسية و تتم اضافتها باستخدام أكواد قصيرة يتم وضعها في تخطيط ضمن آداة Html/Javascript حصرا ضمن "بلوكات المقالات 1" و "بلوكات المقالات 2" .

اضافة بلوك المقالات الشكل الاول

بالاتجاه الى تخطيط و من ثم البحث عن ادوات "بلوكات المقالات 1" أو "بلوكات المقالات 2" نقوم بإضافة اداة جديدة نختر أداة Html/Javascript و تضع الكود التالي داخلها
[customWidgets] -results=[5] -label=[recent] -type=[blocks] -color=[#f9db3b]
حيث -results=[5] هو متغير لتخصيص عدد المقالات المطلوب عرضها ضمن البلوك نقوم بتغيير العدد 5 بالعدد المطلوب
و -label=[recent] هو متغير لتخصيص التسمية المطلوب عرضها ضمن البلوك ويشير بـ recent لعرض المواضيع الاخيرة بشكل عام و تستبدل بالتسمية بحسب رغبتك
و تعني -type=[blocks] هو نمط عرض المقالات المطلوب حيث تستبدل blocks باسم النمط المختار (سيتم ذكر جميع الانماط تباعا) .
و تعني -color=[#f9db3b] هو لون روابط البلوك ويتم استبدال #f9db3b بكود اللون المطلوب.
مثال مخصص
[customWidgets] -results=[5] -label=[اخبار العالم] -type=[blocks] -color=[#454fff]

اضافة بلوك المقالات الشكل الثاني (شبكي)

بالاتجاه الى تخطيط و من ثم البحث عن ادوات "بلوكات المقالات 1" أو "بلوكات المقالات 2" نقوم بإضافة اداة جديدة نختر أداة Html/Javascript و تضع الكود التالي داخلها

[customWidgets] -results=[5] -label=[recent] -type=[grids] -color=[#f9db3b]
حيث -results=[5] هو متغير لتخصيص عدد المقالات المطلوب عرضها ضمن البلوك نقوم بتغيير العدد 5 بالعدد المطلوب
و -label=[recent] هو متغير لتخصيص التسمية المطلوب عرضها ضمن البلوك ويشير بـ recent لعرض المواضيع الاخيرة بشكل عام و تستبدل بالتسمية بحسب رغبتك
و تعني -type=[grids] هو نمط عرض المقالات المطلوب حيث تستبدل grids باسم النمط المختار.
و تعني -color=[#f9db3b] هو لون روابط البلوك ويتم استبدال #f9db3b بكود اللون المطلوب.
مثال مخصص
[customWidgets] -results=[3] -label=[بلوجر] -type=[grids] -color=[#454fff]

اضافة بلوك المقالات الشكل الثالث(عمود ايسر)

بالاتجاه الى تخطيط و من ثم البحث عن ادوات "بلوكات المقالات 1" أو "بلوكات المقالات 2" نقوم بإضافة اداة جديدة نختر أداة Html/Javascript و تضع الكود التالي داخلها

[customWidgets] -results=[4] -label=[recent] -type=[colleft] -color=[#f9db3b]
حيث -results=[5] هو متغير لتخصيص عدد المقالات المطلوب عرضها ضمن البلوك نقوم بتغيير العدد 5 بالعدد المطلوب
و -label=[recent] هو متغير لتخصيص التسمية المطلوب عرضها ضمن البلوك ويشير بـ recent لعرض المواضيع الاخيرة بشكل عام و تستبدل بالتسمية بحسب رغبتك
و تعني -type=[colleft] هو نمط عرض المقالات المطلوب حيث تستبدل colleft باسم النمط المختار (سيتم ذكر جميع الانماط تباعا) .
و تعني -color=[#f9db3b] هو لون روابط البلوك ويتم استبدال #f9db3b بكود اللون المطلوب.
مثال مخصص
[customWidgets] -results=[4] -label=[منوعات] -type=[colleft] -color=[#454fff]

اضافة بلوك المقالات الشكل الرابع (عمود ايمن)

بالاتجاه الى تخطيط و من ثم البحث عن ادوات "بلوكات المقالات 1" أو "بلوكات المقالات 2" نقوم بإضافة اداة جديدة نختر أداة Html/Javascript و تضع الكود التالي داخلها

[customWidgets] -results=[4] -label=[recent] -type=[colright] -color=[#f9db3b]
حيث -results=[5] هو متغير لتخصيص عدد المقالات المطلوب عرضها ضمن البلوك نقوم بتغيير العدد 5 بالعدد المطلوب
و -label=[recent] هو متغير لتخصيص التسمية المطلوب عرضها ضمن البلوك ويشير بـ recent لعرض المواضيع الاخيرة بشكل عام و تستبدل بالتسمية بحسب رغبتك
و تعني -type=[colright] هو نمط عرض المقالات المطلوب حيث تستبدل colright باسم النمط المختار (سيتم ذكر جميع الانماط تباعا) .
و تعني -color=[#f9db3b] هو لون روابط البلوك ويتم استبدال #f9db3b بكود اللون المطلوب.
مثال مخصص
[customWidgets] -results=[5] -label=[مقالات] -type=[colright] -color=[#454fff]

اضافة بلوك المقالات الشكل الخامس (الفيديو)

بالاتجاه الى تخطيط و من ثم البحث عن ادوات "بلوكات المقالات 1" أو "بلوكات المقالات 2" نقوم بإضافة اداة جديدة نختر أداة Html/Javascript و تضع الكود التالي داخلها

[customWidgets] -results=[3] -label=[recent] -type=[videos] -color=[#f9db3b]
حيث -results=[5] هو متغير لتخصيص عدد المقالات المطلوب عرضها ضمن البلوك نقوم بتغيير العدد 5 بالعدد المطلوب
و -label=[recent] هو متغير لتخصيص التسمية المطلوب عرضها ضمن البلوك ويشير بـ recent لعرض المواضيع الاخيرة بشكل عام و تستبدل بالتسمية بحسب رغبتك
و تعني -type=[videos] هو نمط عرض المقالات المطلوب حيث تستبدل videos باسم النمط المختار (سيتم ذكر جميع الانماط تباعا) .
و تعني -color=[#f9db3b] هو لون روابط البلوك ويتم استبدال #f9db3b بكود اللون المطلوب.
مثال مخصص
[customWidgets] -results=[3] -label=[فيديو] -type=[videos] -color=[#454fff]

اضافة الإعلانات

تمكين تإجيل اعلانات ادسنس

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

<script src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>

ويمكنك تأجيل تحميل اعلانات ادسنس عبر الذهاب الى تخصيص ثم اختيار اعدادات متقدمة ثم اختيار اعدادات عامة ثم نبحث عن تمكين تأجيل اعلانات ادسنس وقم بجعل القيمة 2px

اضافة الاعلانات في الصفحة الرئيسية

بالاتجاه الى تخطيط و من ثم البحث عن ادوات "اعلان الرئيسية 1" و "اعلان الرئيسية 1" نقوم بإضافة اداة جديدة نختر أداة Html/JavaScript أو AdSense لإضافة الاعلانات.

اضافة الاعلانات في صفحات المقالات

بالاتجاه الى تخطيط و من ثم البحث عن ادوات "اعلان داخل المقال 1" و "إعلان داخل المقال 2"و "إعلان داخل المقال" نقوم بإضافة اداة جديدة نختر أداة Html/JavaScript أو AdSense لإضافة الاعلانات و ايضا نستطيع اضافة اعلان ضمن الشريط الجانبي (السايدبار) .

تم تحديثها في الاصدار 2.0.1

المتغيرات الافتراضية

عبر اداة "المتغيرات الافتراضية" نستطيع اجراء العديد من التغييرات على بعض الخصائص عن طريق تعديل القيمة المراد تغييرها في الأداة كالتالي :

تغيير عدد مقالات ذات الصلة (قديعجبك أيضا)

عبر اداة "المتغيرات الافتراضية" بالتعديل على السطر الثاني المنتهي بـ "//عدد مقالات ذات صلة" والمبتدأ بالكود relatedPostsNum,نقوم بالتعديل على العدد 3 والذي يمثل عدد المقالات المطلوب عرضه مثل 6 أو 9 أو حتى 12 ليصبح السطر عالشكل التاليrelatedPostsNum=6,//عدد مقالات ذات صلة

تغيير نص عرض المزيد

عبر اداة "المتغيرات الافتراضية" بالتعديل على السطر الخامس المنتهي بـ "// نص عرض المزيد" والمبتدأ بالكود showMoreText نقوم بإضافة النص البديل لعبارة "عرض المزيد" بين علامتي التنصيص ""

تغيير وصف (متابعة بالبريد الإلكتروني)

عبر اداة "المتغيرات الافتراضية" بالتعديل على السطر السادس المنتهي بـ "//وصف النشرة البريية" والمبتدأ بالكود followByEmailText نقوم بإضافة النص البديل لوصف النشرة البريدية بين علامتي التنصيص ""

تغيير نظام التعليقات

عبر اداة "المتغيرات الافتراضية" بالتعديل على السطر الثالث المنتهي بـ "//نظام التعليق" والمبتدأ بالكود commentsSystemنضع بين علامتي التنصيص "" اسم نظام التعليقات المطلوب عرضه مثل فإذا اردنا نظام تعليقات بلوجر تضع blogger و ذا اردنا عرض نظام تعليقات Disqus تضع disqus و اذا اردناى عرض نظام تعليقات فيسبوك تضع facebook

ملاحظة هامة : عند اختيارك لنظام تعليقات فيسبوك يجد عليك ايضا اضافة "حزمة Facebook SDK" , وعند اختيارك لنظام تعليقات Disqus يجب اضافة الاسم المختصر الخاص بك .

اضافة الاسم المختر الخاص بـDisqus

عبر اداة "المتغيرات الافتراضية" بالتعديل على السطر السادس المنتهي بـ "//اسم ديسكش المختصر" والمبتدأ بالكود disqusShortname نقوم بإضافة الاسم المختصر بين علامتي التنصيص ""

تم حذفها في الاصدار 2.0.1

اضافة حزمة Facebook SDK

عبر اداة "حزمة Facebook SDK" نقوم بإضافة كود الحزمة الضروري لتشغيل نظام تعليقات فيسبوك نقوم بالغضط على زر تحرير الاداة و بإضافة الكود التالي
<script async="async" defer="defer" crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
ثم نضغط على زر الحفظ

ضبط تنسيق القالب (مصمم النماذج)

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

تمكين أو تعطيل المميزات الثانوية

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

تمكين أو تعطيل السايدبار المنزلق

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

تم تحديثها في الاصدار 2.0.1

تمكين أو تعطيل العرض الشبكي للمقالات

ما نقصده بالعرض الشبكي للمقالات هو بدلا من عرض المقالات بالطريقة الكلاسيكية نقوم بتغيير طريقة العرض الى مربعات , مثال لطريقة العرض
و يتم تفعيل هذه الميزة كالتالي :
عبر تخصيص و بالانتقال الى تبويب "متقدم" و من ثم نختار "إعدادات قسم المقالات" نبحث عن "تمكين تخطيط الشبكة" عبر تغيير القيمة بين 2px أو 1px نستطيع تمكين أو تعطيل العرض الشبكي للمقالات.
وبعد الانتهاء من ضبط ما نريد نضغط على زر "تطبيق على المدونة"

تمكين أو تعطيل التحويل للوضع المظلم

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

تم تحديثها في الاصدار 2.0.1

تمكين مضاد مانع الإعلانات

عبر تخصيص و بالانتقال الى تبويب "اعدادات متقدمة"ثم اعدادات عامة و من ثم نختار "تمكين مضاد مانع الإعلانات"عبر جعل القيمة 2px نكون قد فعلنا مضاد مانع الاعلانات
وبعد الانتهاء من ضبط ما نريد نضغط على زر "تطبيق على المدونة"

تم حذفها في الاصدار 2.0.1

ظهور أو اخفاء القائمة الرئيسية عند تحميل الصفحة

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

تمكين تأثير تحميل العناصر

عبر تخصيص و بالانتقال الى تبويب "اعدادات متقدمة"ثم اعدادات عامة و من ثم نختار "تمكين تأثير تحميل العناصر"عبر جعل القيمة 1px نكون قد الغينا تأثير تحميل العناصر
وبعد الانتهاء من ضبط ما نريد نضغط على زر "تطبيق على المدونة"

تمكين حظر النسخ

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

تمكين فتح الروابط الخارجية بنافذة جديدة

عبر تخصيص و بالانتقال الى تبويب "اعدادات متقدمة"ثم اعدادات عامة و من ثم نختار "تمكين فتح الروابط الخارجية بنافذة جديدة"عبر جعل القيمة 1px نكون قد الغينا تمكين فتح الروابط الخارجية بنافذة جديدة
وبعد الانتهاء من ضبط ما نريد نضغط على زر "تطبيق على المدونة"

تمكين التلميحات المخصصة

عبر تخصيص و بالانتقال الى تبويب "اعدادات متقدمة"ثم اعدادات عامة و من ثم نختار "تمكين التلميحات المخصصة"عبر جعل القيمة 1pxنكون قد الغينا تمكين التلميحات المخصصة
وبعد الانتهاء من ضبط ما نريد نضغط على زر "تطبيق على المدونة"

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

تم تحديثها في الاصدار 2.0.1

ضبط آداة وصفحة تحويل الروابط

انشاء صفحة تحويل الروابط

لإضافة صفحة تحويل الروابط نحتاج لإنشاء صفحة من خيار "الصفحات" ثم نضغط على اضافة صفحة جديدة > و بمحرر بلوجر نقوم بالتحويل لنمط عرض Html و نثم بإضافة الكود التالي

<div class='safelink-button' id='safelink'>
  <div style='text-align: center'>
    <div class='button outline' id='safelink-wait'>يرجى الإنتظار...</div>
    <script>/*<![CDATA[*/ var currentURL = location.href; var str = currentURL; var res = str.replace('https://www.your-blog.com/p/safelink.html' + '?url=', " "); function changeLink(){ var decodedString = Base64.decode(res); window.open(decodedString, '_blank')}; document.write('<a href="#getLink" id="safelink-download" class="button">الحصول على الرابط</a>'); var linkDL = document.getElementById("safelink-download"); var notif = document.getElementById("safelink-wait"); var time = 5; var textTime = document.createElement("span"); linkDL.parentNode.replaceChild(textTime, linkDL); var id; id = setInterval(function () { time--; if (time < 0) { textTime.parentNode.replaceChild(linkDL, textTime); clearInterval(id); notif.style.display = "none"; linkDL.style.display = "inline-block"; } else { textTime.innerHTML = "سيجهز رابطك خلال " + time.toString() + " ثانية"; }}, 1000); /*]]>*/</script>
  </div>
</div>

<div class='safelink-content'>
   <!--[ محتوى الصفحة ]-->
</div>

<div class='safelink-create' style='text-align:center'>
  <div class='ad-placement'>
    <!--[ وحدة اعلانية ]-->
  </div>

  <div id='getLink'>
    <a class='button' href='javascript:;' onclick='changeLink();' rel='noreferrer noopener' target='_blank'>تخطي الصفحة</a>
  </div>

  <div class='ad-placement'>
    <!--[ وحدة اعلانية ]-->
  </div>
</div>

الرابط https://www.your-blog.com/p/safelink.html يستبدل برابط صفحةتحويل الروابط التي انشأتها
القيمة time = 5 يستبدل الرقم بعدد ثواني الانتظار

و يضع محتوى الصفحة اسفل الوسم <!--[ محتوى الصفحة ]--> و توضع الإعلانات اسفل الوسم <!--[ وحدة اعلانية ]--> ستجده مكرر مرتين .
وهكذا تكون قد انتهيت من انشاء صفحة التحويل

تفعيل تحويل الروابط

بعد انشاءك لصفحة التحويل يتوجب عليك تفعيل الاختصار و ذلك عبر الخطوات التالية

  • اتجه الى المظهر ثم اختر تخصيص ومن خيار الاعدادات المتقدمة 'الاعدادات العامة' ابحث عن تمكين صفحة تحويل الروابط وقم بجعل القيمة 2px لتفعيل الصفحة
  • بعد تفعيل الصفحة يجب علينا ضبط اعدادات التحويل وذلك عبر الانتقال الى تنسيق ابحث عن الادات التي تحمل اسم إعدادات اعادة توجيه الروابط ستجدها على هذا الشكل ضبط آداة وصفحة تحويل الروابط
في الرابط الاول التي يحمل اسم savePage يجب وضع رابط صفحة التحويل في خانة عنوان URL للموقع الإلكترونيثم نضغط زر الحفظ
  • ولاستثناء الروابط التي لا تريد تحويلها في الرابط الثاني من نفس الاداة والذي يحمل اسم protected_links نقوم بوضع النطاقات التي نريد استثنائها ونفصل بين كل نطاق وآخر بفاصلة , و تكون على الشكل التالي facebook.com,Blogger.com,instagram.com,twitter.com و من المهم وضع رابط موقعك كي لا يتم تحويل الروابط الداخلية

ضبط و تعديل الأيقونات

الايقونات العامة

لمزيد من التخصيص قمنا بإضافة آداتين جديدتين لتخصيص الأيقونات في القالب الأولى لتخصيص الأيقونات العامة للقالب والأخرى لإضافة ايقونة مخصصة لكل تسمية لديك
تعديل الأيقونات العامة للقالب يتم عبر أداة "اعدادات الايقونات" في تنسيق ، و هي عبارة عن اداة روابط حيث يتم ربط كل ايقونة بمسار خاص فيها ، ويتم استبدال الـ path الخاص بكل ايقونة عبر المسار المخصص لها ، و يتم التخصيص عبر اضافة رابط جديد او تعديل الرابط الخاص بكل ايقونة و يوضع في خانة "اسم الموقع الالكتروني" المسار الخاص بالايقونة و في خانة عنوان URL للموقع الالكتروني الـ path الخاص بالايقونة ، و للحصول على paths ايقونات SVG نستخدم الموقع Material Design Icons ، عبر الخطوات التالية :

  • نقوم بالذهاب للموقع المذكور و نضغط علي الايقونة التي نريد مسارها لتنبثق لنا نافذة على هذا الشكل ضبط و تعديل الأيقونات
  • ونضغط على الرز الموضح بالصورة اعلاه > لتظهر القائمة الموضحة بالصورة ضبط و تعديل الأيقونات
  • ثم نقوم باختيار View SVG ليظهر لدينا الكود الكامل للأيقونة و نقوم بنسخ كود الـ Path الخاص بالايقونة الموجود ضمن المعرف d الموضح بالصورة ضبط و تعديل الأيقونات
  • ثم نقوم بلصق الكود في المكان المخصص له

او يمكنك بسهولة نسخ كود الايقونة باستخدام الآداة المقدمة من الموقع نفسه الاضافة لجوجل كروم , الاضافة لفيرفوكس وذلك عبر الخطوات التالية

  • عند تنصيب الآداة وفتحها على متصفحك ستبدو لك الواجهه على الشكل التالي ، نقوم بالضغط على الايقونة التي نريد ثم نضغط على الثلاث نقاط الموضحة بالصورة ادناة ضبط و تعديل الأيقونات
  • ثم تظهر لنا القائمة كالتالي و نقوم بإختيار Copy SVG Path كما هو موضح ادناه
  • ضبط و تعديل الأيقونات ثم نقوم بلصق الكود المنسوخ في المكان المخصص له

اضافة ايقونات للتسميات

قبل الشروع بإضافة ايقونات مخصصة للتسميات يجب علينا تفعيل الاضافة من مصمم النماذج و ذلك عبر الانتقال الى المضهر ثم تخصيصثماعدادات متقدمة ثم اعدادات قسم المقالات نبحث عن اعدادات ايقونات التسميات نقوم بجعل القيمة 3px , واذا جعلنا القيمة 2px نقوم بإستخدام الايقونة الافتراضية للتسميات ، واذا جعلنا القيمة 1px نقم بإخفاء الايقونات

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

تم حذفها في الاصدار 2.0.1

تم حذف الاضافة كليا في الاصدار 2.0.1 ولاحدث و تم تعويضها بمكتبة اكواد قصيرة اكثر شمولية

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

اضافة التنبيهات

اضافة تنبيه المعلومة

اضافة تنبيه التحذير

اضافة تنبيه الخطأ

اضافة تنبيه النجاح

اضافة الأزرار

اضافة صندوق الاكواد

اضافة نموذج الاتصال

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

إرسال تعليق