تركيب القالب

رفع القالب

من تبويب :

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

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
blogger-apiاستخدام API بلوجر لحل بعض المشكلات مثل عدم ظهور الصور واختفاء أسم المؤلف المحذوفللتشغيلtrueللتعطيلfalsefalse
الإصدار 2.0.0
redirect-pageرابط صفحة تحويل الروابطلا يوجد
authors-pageرابط صفحة المؤلفينلا يوجد
tocعرض العناوين الثانوية في بداية المشاركةللتشغيلtrueللتعطيلfalsetrue
lazy-loadتأخير تحميل الاسكربتات والعناصر الغير أساسية لزيادة السرعةللتشغيلtrueللتعطيلfalsetrue
sticky-navتثبيت القائمة الجانبية أثناء تمرير الصفحة لأسفلللتشغيلtrueللتعطيلfalsetrue
الإصدار 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
الإصدار 2.3.0
speed-firstتأخير تحميل أكواد القالب والإعلانات لحين التمرير لزيادة السرعةللتشغيلtrueللتعطيلfalsefalse
show-relatedعرض أداة المقالات المشابهة في صفحة المقالللتشغيلtrueللتعطيلfalsetrue
show-nextprevعرض أداة الموضوع السابق والتالي في صفحة المقالللتشغيلtrueللتعطيلfalsetrue
see-alsoعرض أداة شاهد أيضًا في صفحة المقالللتشغيلtrueللتعطيلfalseلعرضها في نهاية المقالendtrue
scheme-buttonإظهار زر تحويل الألوان بين الوضع الليلي/العاديللتشغيلtrueللتعطيلfalsetrue
boxing-buttonإظهار زر التحويل بين نمط الخلفية الواسع/المربعللتشغيلtrueللتعطيلfalsetrue
img-appearتأثير ظهور الصورللتشغيلfadezoominzoomoutblurfade
jqueryقم بتفعيل هذا الخيار إذا كنت ستقوم بإضافة مكتبة jQuery في مدونتكللتشغيلtrueللتعطيلfalsefalse
الإصدار 2.3.1
v-indexعرض التدوينات الأخيرة في شكل شبكيللتشغيلtrueللتعطيلfalsefalse
single-introعرض شريحة واحدة في السلايدر الرئيسي بالواجهة لزيادة السرعةللتشغيلtrueللتعطيلfalsefalse
toggle-commentsإخفاء التعليقات بشكل افتراضيللتشغيلtrueللتعطيلfalsefalse
no-cropعدم إقتصاص الصور المصغرة للمقالات وعرضها بالحجم الكاملللتشغيلtrueللتعطيلfalsefalse

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

settings

تخصيص القالب

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

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

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

customize

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

عناصر القالب

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

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

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

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

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

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

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

social

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

intro

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

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

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

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

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

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

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

categoriescategories

عناصر إضافية

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

تأكد أن مكان كود الأداة [SOC] أو [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شفرة إعلانية تظهر أسفل التعليقات في جميع مقالات هذا المؤلف
بدءًا من الإصدار 2.3.1
spc-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>
بدءًا من الإصدار 2.3.1
موضع شاهد أيضًا<->
موضع الإعلان المخصص$$


كود تأخير تحميل الفيديو

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

قم بتوليد كود الفيديو ونسخه واستخدامه داخل المقال


أدخل كود تضمين الفيديو الذي حصلت عليه من YouTube أو Vimeo

تخصيص لغة القالب

يمكنك استخدام قالب سكويز بأي لغة من اللغات المدعومة في بلوجر بمجرد اختيار اللغة من تبويب يتم تغيير لغة واتجاه القالب للغة المختارة، إلا أن هناك بعض الكلمات الإضافية في القالب لا توفر لها بلوجر ترجمة تلقائية مماينبغيعليك ترجمتها يدويًا من خلال النموذج التالي وإضافة الكود الناتج داخل أداة الترجمة في تبويب بالإضافة إلى تعديل عناوين الأدوات.


ملاحظة

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


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

اختيار لغة المدونة

ثانيًا - قم بترجمة الكلمات في النموذج التالي واضغط على زر توليد الكود


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

أخيرًا -قم بلصق الكود الذي تم توليده داخل أداة الترجمة في تبويب .

أداة الترجمةإضافة الترجمة

شرح مصور