تركيب القالب

رفع القالب

من تبويب :

أولاً - نقوم بأخذ نسخة إحتياطية من القالب الحالي في المدونة بالضغط على زر :

backup

ثانيا - نقوم بنسخ محتوى ملف القالب الذي تم تحميله :

copying

ثالثاً - نقوم بتحرير أكواد المدونة عن طريق الضغط على زر :

open

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

paste

تفعيل القالب

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

activation

أكواد الميتا

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

نقوم بفتح تبويب والضغط على زر سنجد في بداية الأكواد الجزء المكتوب أعلاه<!-- Required -->ما تحت هذا العنوان هو ما ستقوم بملء محتواه والضغط على زر كالتالي :

metatag
  1. معرف (id) تطبيق الفيس بوك .

  2. معرف (id) حساب مدير التطبيق .

  3. رابط صفحة موقعك على الفيس بوك .

  4. رابط حساب المؤلف على الفيس بوك( يمكنك وضع رابط صفحة الموقع على الفيس بوك إذا كان الموقع به عدة مؤلفين ).

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

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

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

الإدخالالوظيفةالقيمة الإفتراضية
max-resultsالعدد الأقصى للتدوينات في صفحات البحث وصفحات التسميات10
max-introالعدد الأقصى للتدوينات في السلايدر الرئيسي( اثنان منها ثابتة والباقي سيكون للسلايدر المتحرك )7
max-tickerالعدد الأقصى للتدوينات في شريط الأخبار المتحرك7
comment-sysيتم اختيار أنظمة التعليقات المراد استخدامها وترتيب ظهورها مفصولاً بينها بعلامة- . أمثله :facebook-disqus-bloggerblogger-facebook-disqusdisqus-facebookdisqusblogger
FB-app-IDمعرّف تطبيق Facebook في حالة استخدام تعليقات Facebook لا يوجد
disqus-IDمعرّف تطبيق Disqus في حالة استخدام تعليقات موقع Disqus لا يوجد
spinnerعلامة تحميل صفحات القالبللتشغيل trueللتعطيل falsetrue
wide-backgroundنمط خلفية القالبواسع trueمربع falsefalse
protectوضع الحماية من النسخ واستخدام زر الفأرة الأيمنللتشغيل trueللتعطيل falsetrue
rdct-timeعدد ثواني الإنتظار في صفحة تحويل الروابط10
auto-redirectتحويل الزائر عند إنتهاء العداد بدون الضغط على الزر للتشغيل trueللتعطيل falsefalse
rdct-excludeالروابط المستثناه من إعادة التحويليفصل بين الروابط بفاصلة , وبدون مسافاتغير معرف
cool-commentsتعطيل إمكانية التعليق بصورة أو فيديو للتشغيل trueللتعطيل falsetrue
الإصدار 2.0.0
redirect-pageرابط صفحة تحويل الروابطغير معرف
authors-pageرابط صفحة المؤلفينغير معرف
tocعرض العناوين الثانوية في بداية المشاركة للتشغيل trueللتعطيل falsefalse
lazy-loadتأخير تحميل الاسكربتات والعناصر الغير أساسية لزيادة السرعة للتشغيل trueللتعطيل falsetrue
sticky-navتثبيت القائمة الجانبية أثناء تمرير الصفحة لأسفل للتشغيل trueللتعطيل falsetrue
nice-scrollتمرير الصفحة بطريقة سلسة للتشغيل trueللتعطيل falsefalse
الإصدار 2.1.0
menu-fixedتثبيت قائمة الروابط الرئيسية أثناء تمرير الصفحة لأسفل للتشغيل trueللتعطيل falsefalse
topbar-fixedتثبيت الشريط العلوي أثناء تمرير الصفحة لأسفل للتشغيل trueللتعطيل falsefalse
repeat-midadتكرار إعلان منتصف الموضوع قبل أي عنوان جانبي للتشغيل trueللتعطيل falsefalse
repeat-indexadتكرار إعلان صفحات الأرشيف والبحث والتسميات بعد عدد من الموضوعات يمكنك كتابة أي عدد0
support-webpدعم فيلتر -rw لتحويل الصور إلى إمتداد webp للتشغيل trueللتعطيل falsefalse
الإصدار 2.2.0
redirect-insideتحويل الروابط داخل صفحة المقال للتشغيل trueللتعطيل falsefalse

طريقة إضافة الإدخالات

settings

تخصيص القالب

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

  • لتغيير خلفية القالب نقوم بالضغط على تبويبخلفية واختيار الخلفية المطلوبة أو رفع خلفية خاصه .

  • لتغيير ألوان القالب نقوم بالضغط على تبويبمتقدمواختيار الالوان المطلوبه.

  • لتغيير مقاسات عرض القالب وعرض الشريط الجانبي والهوامش الداخليه والخارجيه للعناصر نقوم بالضغط على تبويبضبط العروض.

  • يمكن إضافة أكواد CSS خاصة إلى القالب من خلال الضغط على تبويبإضافة CSS

customize

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

عناصر القالب

جميع عناصر القالب توجد داخل تبويب .

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

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

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

  • في خانة أسم الموقع الجديد يتم إضافة أسم الموقع ( بحروف صغيرة ) .

  • في خانة عنوان URL للموقع الجديد يتم إضافة رابط صفحة الموقع .

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

social

السلايدر الرئيسي وشريط الموضوعات

intro

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

  • recent : لعرض التدوينات الأخيرة في المدونة .

  • random : لعرض تدوينات عشوائية .

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

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

هناك عدة أشكال وخيارات مختلفة لأقسام الصفحة الرئيسية ، لذلك تم تجهيز النموذج التالي لتوليد محتوى أقسام الصفحة الرئيسية :

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

categoriescategories

عناصر إضافية


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

تأكد أن مكان كود الأداة [ACC] أو [GAL][4] أو [ACC] بعد عنوان الأداة وليس قبل العنوان

عداد مواقع التواصل

قم بإضافة أداة جديدة من نوع قائمة الروابط.

في خانة العنوان أضف هذا الكود [SOC] في نهاية العنوان.

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

Social-Counter

الأكورديون

قم بإضافة أداة جديدة من نوع قائمة الروابط.

في خانة العنوان أضف هذا الكود [ACC] في نهاية العنوان.

  • في خانة أسم الموقع الجديد قم بإضافة السؤال.

  • في خانة عنوان URL للموقع الجديد قم بإضافة الإجابة.

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

Accordion

منطقة المؤلفين

authors

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

  1. إضافة نبذة عن الكاتب.

  2. إضافة رتبة أو وظيفة الكاتب في المدونة.

  3. إضافة روابط الصفحات الشخصية للكاتب على مواقع التواصل الاجتماعي.

  4. إضافة وحدات اعلانية مستقلة لكل كاتب تظهر في تدويناته فقط.


ملاحظات

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

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


طريقة الإضافة

أولاً - نقوم بالضغط على ونبحث عن أداة قائمة الروابط ونضغط على زر إضافة.

ثانياً - نقوم بكتابة أسم المؤلف في خانةالعنوان ، ولابد أن يكون أسم المؤلف المكتوب في العنوان متطابق مع أسم المؤلف في المدونة من حيث الهمزات والنقاط والمسافات...إلخ .

authors

ثالثا - نقوم بإستخدام الإدخالات التالية لإضافة محتوى الأداة الخاصة بالكاتب :

الإدخالالوظيفة
aboutنبذة عن الكاتب
rankرتبة الكاتب في المدونة
websiteرابط الموقع الشخصي للمؤلف
top-adشفرة إعلانية تظهر في بداية جميع مقالات هذا المؤلف
mid-adشفرة إعلانية تظهر في منتصف جميع مقالات هذا المؤلف
bot-adشفرة إعلانية تظهر في نهاية جميع مقالات هذا المؤلف
الإصدار 2.1.0
str-adشفرة إعلانية تظهر قبل عنوان جميع مقالات هذا المؤلف
pgn-adشفرة إعلانية تظهر قبل أزرار تقسيم المقال في جميع مقالات هذا المؤلف
rlt-adشفرة إعلانية تظهر قبل المقالات المشابهة في جميع مقالات هذا المؤلف
cmt-adشفرة إعلانية تظهر قبل التعليقات في جميع مقالات هذا المؤلف
end-adشفرة إعلانية تظهر أسفل التعليقات في جميع مقالات هذا المؤلف

كذلك يمكن إدخال اسم اي موقع تواصل اجتماعي بحروف انجليزية صغيرة مثال facebook او twitter او instagram . مثال مصوّر :

authorsauthors

أكواد قصيرة

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

shortcodes
الوظيفةالكود
رمز تقسيم المقال<><>
نموذج الاتصال<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>

شرح مصور