شرح قالب سكويز
تركيب القالب سكويز
رفع القالب
من تبويب :
أولًا - نقوم بأخذ نسخة إحتياطية من القالب الحالي في المدونة بالضغط على زر :
ثانيًا - نقوم بنسخ محتوى ملف القالب الذي تم تحميله :
ثالثًا - نقوم بتحرير أكواد المدونة عن طريق الضغط على زر :
أخيرًا - نقوم بحذف جميع الأكواد الموجودة ولصق محتوى ملف القالب الذي قمنا بنسخه والضغط على زر بعد الإنتهاء :
تفعيل القالب سكويز
لابد من تفعيل القالب قبل الشروع في إستخدامه وذلك بالتواصل مع مصمم القالب وارسال رابط المدونة له ، سيقوم المصمم بإرسال كود تفعيل القالب لك ، تقوم بنسخ هذا الكود وفتح تبويب وإضافة كود داخل عنصر كود التفعيلوالضغط على .
أكواد الميتا القالبسكويز
أغلب أكواد الميتا في قالب Squeeze جاهزه وتعمل بشكل تلقائي حسب القيم التي يمكن استخلاصها من كل صفحة ، لكن بعض أكواد الميتا لابد من إضافتها بشكل يدوي داخل القالب .
نقوم بفتح تبويب والضغط على زر ثم إختيار سنجد في بداية الأكواد الجزء المكتوب أعلاه<!-- Required -->ما تحت هذا العنوان هو ما ستقوم بملء محتواه والضغط على زر كالتالي :
معرف (id) تطبيق الفيس بوك .
معرف (id) حساب مدير التطبيق .
رابط صفحة موقعك على الفيس بوك .
رابط حساب المؤلف على الفيس بوك( يمكنك وضع رابط صفحة الموقع على الفيس بوك إذا كان الموقع به عدة مؤلفين ).
إعدادات القالب
داخل تبويب يوجد عنصر إعدادات القالبهذا العنصر يمكن من خلاله التحكم في الكثير من الأمور البرمجية الصعبة داخل القالب لكن بطريقة بسيطة باستخدام بعض الأكواد القصيرة فقط .
في الجدول التالي جميع الإدخالات التي يمكن استخدامها داخل عنصر إعدادات القالب وشرح وظيفة كل منها والقيمة الإفتراضية لكل إدخال :
max-resultsالعدد الأقصى للتدوينات في صفحات البحث وصفحات التسميات10max-introالعدد الأقصى للتدوينات في السلايدر الرئيسي( اثنان منها ثابتة والباقي سيكون للسلايدر المتحرك )7max-tickerالعدد الأقصى للتدوينات في شريط الأخبار المتحرك7comment-sysيتم اختيار أنظمة التعليقات المراد استخدامها وترتيب ظهورها مفصولاً بينها بعلامة- . أمثله :facebook-disqus-bloggerblogger-facebook-disqusdisqus-facebookdisqusbloggerFB-app-IDمعرّف تطبيق Facebook في حالة استخدام تعليقات Facebookلا يوجدdisqus-IDمعرّف تطبيق Disqus في حالة استخدام تعليقات موقع Disqusلا يوجدspinnerعلامة تحميل صفحات القالبللتشغيل trueللتعطيل falsetruewide-backgroundنمط خلفية القالبواسع trueمربع falsefalseprotectوضع الحماية من النسخ واستخدام زر الفأرة الأيمنللتشغيل trueللتعطيل falsetruerdct-timeعدد ثواني الإنتظار في صفحة تحويل الروابط10auto-redirectتحويل الزائر عند إنتهاء العداد بدون الضغط على الزرللتشغيل trueللتعطيل falsefalserdct-excludeالروابط المستثناه من إعادة التحويليفصل بين الروابط بفاصلة , وبدون مسافاتلا يوجدcool-commentsتعطيل إمكانية التعليق بصورة أو فيديوللتشغيل trueللتعطيل falsetrueredirect-pageرابط صفحة تحويل الروابطلا يوجدauthors-pageرابط صفحة المؤلفينلا يوجدtocعرض العناوين الثانوية في بداية المشاركةللتشغيل trueللتعطيل falsefalselazy-loadتأخير تحميل الاسكربتات والعناصر الغير أساسية لزيادة السرعةللتشغيل trueللتعطيل falsetruesticky-navتثبيت القائمة الجانبية أثناء تمرير الصفحة لأسفلللتشغيل trueللتعطيل falsetruemenu-fixedتثبيت قائمة الروابط الرئيسية أثناء تمرير الصفحة لأسفلللتشغيل trueللتعطيل falsefalsetopbar-fixedتثبيت الشريط العلوي أثناء تمرير الصفحة لأسفلللتشغيل trueللتعطيل falsefalserepeat-midadتكرار إعلان منتصف الموضوع قبل أي عنوان جانبيللتشغيل trueللتعطيل falsefalserepeat-indexadتكرار إعلان صفحات الأرشيف والبحث والتسميات بعد عدد من الموضوعاتيمكنك كتابة أي عدد0support-webpدعم فيلتر -rw لتحويل الصور إلى إمتداد webpللتشغيل trueللتعطيل falsefalseredirect-insideتحويل الروابط داخل صفحة المقالللتشغيل trueللتعطيل falsefalsespeed-firstتأخير تحميل أكواد القالب والإعلانات لحين التمرير لزيادة السرعةللتشغيل trueللتعطيل falsefalseold-bloggerيجب تفعيل هذا الأمر في حالة إستخدام واجهة بلوجر القديمة حتى يعمل زر تعديل المشاركه بشكل صحيحللتشغيل trueللتعطيل falsefalseshow-relatedعرض أداة المقالات المشابهة في صفحة المقالللتشغيل trueللتعطيل falsetrueshow-nextprevعرض أداة الموضوع السابق والتالي في صفحة المقالللتشغيل trueللتعطيل falsetruesee-alsoعرض أداة شاهد أيضًا في صفحة المقالللتشغيل trueللتعطيل falsetruescheme-buttonإظهار زر تحويل الألوان بين الوضع الليلي/العاديللتشغيل trueللتعطيل falsetrueboxing-buttonإظهار زر التحويل بين نمط الخلفية الواسع/المربعللتشغيل trueللتعطيل falsetrueimg-appearتأثير ظهور الصورللتشغيل fadezoominzoomoutblurfadejqueryقم بتفعيل هذا الخيار إذا كنت ستقوم بإضافة مكتبة jQuery في مدونتكللتشغيل trueللتعطيل falsefalseطريقة إضافة الإدخالات
تخصيص القالب سكويز
من تبويب نقوم بالضغط على زر للدخول إلى صفحة مصمم المظاهر
لتغيير خلفية القالب نقوم بالضغط على تبويبخلفية واختيار الخلفية المطلوبة أو رفع خلفية خاصه .
لتغيير ألوان القالب نقوم بالضغط على تبويبمتقدم أو الإعدادات المتقدمةواختيار الالوان المطلوبه.
بعد الانتهاء من الخلفية والألوان والعروض نقوم بالضغط على زر قبل الخروج.
عناصر القالب سكويز
جميع عناصر القالب توجد داخل تبويب .
مواقع التواصل الإجتماعي
يوجد في القالب ثلاث عناصر لعرض أيقونات مواقع التواصل الإجتماعي الأول في الشريط العلوي والثاني في الشريط الجانبي والأخير في شريط الحقوق .
العنصر الأول والأخير من مواقع التواصل الإجتماعي يتم إضافة روابط المواقع فيه بطريقة واحدة :
في خانة أسم الموقع الجديد يتم إضافة أسم الموقع ( بحروف صغيرة ) .
في خانة عنوان URL للموقع الجديد يتم إضافة رابط صفحة الموقع .
بعد إضافة كل موقع لابد من الضغط على زر وبعد الإنتهاء من إضافة جميع الروابط نقوم بالضغط على . مثال مصوّر :
الشعار
هناك خيارين لعنصر الشعار في القالب :
إظهار أسم الموقع ووصفه .
رفع صورة للشعار لتظهر بدلاً من الأسم والوصف .
القائمة الرئيسية
في خانة أسم الموقع الجديد يتم إضافة عنوان الرابط .
في خانة عنوان URL للموقع الجديد يتم إضافة الرابط .
إضافة قائمة فرعية
لعرض قائمة فرعية تحت رابط رئيسي يتم إضافة _قبل عنوان الرابط ، ثم ترتيب الروابط باستخدام الأسهم الصغيرة بالجانب الأيسر لجعل الروابط الفرعية أسفل الرابط الرئيسي
إضافة قائمة فرعية داخل رابط فرعي
لعرض قائمة فرعية تحت رابط فرعي يتم إضافة __قبل عنوان الرابط ، ثم ترتيب الروابط باستخدام الأسهم الصغيرة بالجانب الأيسر لجعل الروابط الفرعية أسفل الرابط الفرعي
إضافة Mega Menu
لعرض سلايدر مقالات من إحدى تسميات المدونة يتم إضافة # ثم عنوان التسمية في خانةعنوان URL للموقع الجديد
السلايدر الرئيسي وشريط الموضوعات
عنصري الواجهة السلايدر وشريط الأخبار المتحرك يتم إضافة محتواهم بالخيارات نفسها :
recent: لعرض التدوينات الأخيرة في المدونة .random: لعرض تدوينات عشوائية .تسمية : إضافة أي تسمية من التسميات الموجودة في المدونة ( تأكد من تطابق حروف الإدخال مع حروف التسمية الموجودة في المدونة من حيث الهمزات والنقاط والمسافات حتى لا يظهر خطأ في الأداة ) .
أقسام الصفحة الرئيسية
هناك عدة أشكال وخيارات مختلفة لأقسام الصفحة الرئيسية ، لذلك تم تجهيز النموذج التالي لتوليد محتوى أقسام الصفحة الرئيسية :
بعد توليد كود القسم نقوم بإضافة أداة جديدة بالضغط على داخل تبويب من نوع HTML/JavaScript تحت الأجزاء المخصصة لعرض الأقسام والمعنونة في التخطيط بأسم أقسام الرئيسية ويتم إضافة الكود الذي قمنا بتوليده بداخلها والضغط على زر .
عناصر الشريط الجانبي والفوتر
هناك ثلاث أشكال مختلفة للموضوعات يمكن عرضها في الشريط الجانبي والفوتر فقط ، تم تجهيز النموذج التالي لتوليد محتوى عناصر الشريط الجانبي والفوتر :
بعد توليد كود العنصر نقوم بإضافة أداة جديدة داخل تبويب من نوع HTML/JavaScript في الشريط الجانبي أو الفوتر ويتم إضافة الكود الذي قمنا بتوليده من النموذج السابق بداخلها والضغط على زر .
عناصر إضافية
يوفر قالب سكويز عناصر إضافية يمكن إضافتها في الشريط الجانبي أو الفوتر باستخدام أكواد قصيرة تضاف إلى عنوان الأداة
عداد مواقع التواصل
قم بإضافة أداة جديدة من نوع قائمة الروابط.
في خانة العنوان أضف هذا الكود [SOC] في نهاية العنوان.
بعد إضافة كل موقع لابد من الضغط على زر وبعد الإنتهاء من إضافة جميع الروابط نقوم بالضغط على . مثال مصور :
معرض الصور
يمكنك إستخدام هذه الأداة لعرض الصور الهامة أو لعرض مربعات إعلانية متجاوره
قم بإضافة أداة جديدة من نوع قائمة الروابط.
في خانة العنوان أضف هذا الكود [GAL] في نهاية العنوان.
يمكنك التحكم في عدد الصور التي ستظهر في كل صف. القيم المتاحة هي[1][2][3][4]قم بإضافة القيمة المرغوبة في نهاية عنوان العنصر كما في المثال القادم:
في خانة أسم الموقع الجديد قم بإضافة الرابط الذي سيفتح عند الضغط على الصورة.
في خانة عنوان URL للموقع الجديد قم بإضافة رابط الصورة.
قم بالضغط على زر وبعد الإنتهاء من إضافة جميع الصور اضغط على زر .
الأكورديون
قم بإضافة أداة جديدة من نوع قائمة الروابط.
في خانة العنوان أضف هذا الكود [ACC] في نهاية العنوان.
في خانة أسم الموقع الجديد قم بإضافة السؤال.
في خانة عنوان URL للموقع الجديد قم بإضافة الإجابة.
قم بالضغط على زر وبعد الإنتهاء من إضافة جميع الأسئلة اضغط على زر .
منطقة المؤلفين
من خلال هذا القسم يتم إضافة أداة خاصة بكل كاتب تشمل جميع بياناته ويمكن من خلالها التحكم في عدة أشياء في نفس الوقت ، مثل :
إضافة نبذة عن الكاتب.
إضافة رتبة أو وظيفة الكاتب في المدونة.
إضافة روابط الصفحات الشخصية للكاتب على مواقع التواصل الاجتماعي.
إضافة وحدات اعلانية مستقلة لكل كاتب تظهر في تدويناته فقط.
ملاحظات
ظهور الملف الشخصي للكاتب أسفل تدويناته أو في صفحة المؤلفين بشكل جماعي أو فردي يعتمد على وجود أداة تخص الكاتب في منطقة المؤلفين ، بمعنى أنه إذا لم يتم إضافة أداة بأسم الكاتب في منطقة المؤلفين فلن يظهر ملفه الشخصي أسفل تدويناته ولن يظهر كذلك في صفحة المؤلفين .
يوجد أداة جاهزة بعنوان
Defaultهذه الأداة هي الوضع الإفتراضي حيث يمكن استخدام هذه الأداة في حالة الرغبة في ظهور وحدات اعلانية موحدة في جميع التدوينات بغض النظر عن الكاتب أو في حالة عدم وجود شفرات إعلانية شفرات إعلانية في أداة كاتب المقال.
طريقة الإضافة
أولاً - نقوم بالضغط على ونبحث عن أداةقائمة الروابط ونضغط على زر إضافة.
ثانياً - نقوم بكتابة أسم المؤلف في خانةالعنوان ، ولابد أن يكون أسم المؤلف المكتوب في العنوان متطابق مع أسم المؤلف في المدونة من حيث الهمزات والنقاط والمسافات...إلخ .
ثالثا - نقوم بإستخدام الإدخالات التالية لإضافة محتوى الأداة الخاصة بالكاتب :
aboutنبذة عن الكاتبrankرتبة الكاتب في المدونةwebsiteرابط الموقع الشخصي للمؤلفtop-adشفرة إعلانية تظهر في بداية جميع مقالات هذا المؤلفmid-adشفرة إعلانية تظهر في منتصف جميع مقالات هذا المؤلفbot-adشفرة إعلانية تظهر في نهاية جميع مقالات هذا المؤلفstr-adشفرة إعلانية تظهر قبل عنوان جميع مقالات هذا المؤلفpgn-adشفرة إعلانية تظهر قبل أزرار تقسيم المقال في جميع مقالات هذا المؤلفrlt-adشفرة إعلانية تظهر قبل المقالات المشابهة في جميع مقالات هذا المؤلفcmt-adشفرة إعلانية تظهر قبل التعليقات في جميع مقالات هذا المؤلفend-adشفرة إعلانية تظهر أسفل التعليقات في جميع مقالات هذا المؤلفكذلك يمكن إدخال اسم اي موقع تواصل اجتماعي بحروف انجليزية صغيرة مثال facebook او twitter او instagram . مثال مصوّر :
أكواد قصيرة
بعض الأكواد القصيرة يمكن استخدامها داخل التدوينات او لعمل صفحات ثابته مثل صفحة المؤلفين أو صفحة نموذج الاتصال . ويتم إضافة الكود داخل تبويب أثناء كتابة المشاركة
<><><div class="post-contact-form"></div><div class="sq-widepost"></div><div id="archive-page"></div><div id="authors-page"></div><div id="redirect-page"></div>صغير
<a href="#" class="sq-button sm">عنوان الزر</a>متوسط
<a href="#" class="sq-button md">عنوان الزر</a>كبير
<a href="#" class="sq-button lg">عنوان الزر</a>كبير جداً
<a href="#" class="sq-button xl">عنوان الزر</a>رسالة نجاح
<i class="msgs success">هنا محتوى الرسالة</i>رسالة خطأ
<i class="msgs error">هنا محتوى الرسالة</i>رسالة تنبيه
<i class="msgs warning">هنا محتوى الرسالة</i>رسالة معلومات
<i class="msgs info">هنا محتوى الرسالة</i>رسالة هدية
<i class="msgs gift">هنا محتوى الرسالة</i><pre class="sq-code">....... ضع أكوادك البرمجية هنا .......
</pre><div class="premium">....... ضع أكواد المحتوى الذي تريد إخفاءه هنا .......
</div>تخصيص لغة القالب
يمكنك استخدام قالب سكويز بأي لغة من اللغات المدعومة في بلوجر بمجرد اختيار اللغة من تبويب يتم تغيير لغة واتجاه القالب للغة المختارة، إلا أن هناك بعض الكلمات الإضافية في القالب لا توفر لها بلوجر ترجمة تلقائية مما ينبغي عليك ترجمتها يدويًا من خلال النموذج التالي وإضافة الكود الناتج داخل أداة الترجمة في تبويب بالإضافة إلى تعديل عناوين الأدوات.
ملاحظة
يوفر القالب ترجمة تلقائية لهذه اللغات على سبيل الحصر: العربية ، الإنجليزية ، الفرنسية ،الألمانية. لا تحتاج لإضافة الترجمات المخصصة لهذه اللغات وستتم الترجمة التلقائية بمجرد اختيار إحدي هذه اللغات.
أولًا - قم باختيار لغة المدونة من تبويب واضغط على زر الحفظ.
ثانيًا - قم بترجمة الكلمات في النموذج التالي واضغط على زر توليد الكود
أخيرًا -قم بلصق الكود الذي تم توليده داخل أداة الترجمة في تبويب .