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


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

الشرح

  1. بالبداية وبعد تركيب القالب ستقوم بالدخول إلى التنسيق ومن الخيار لوجو وإسم الموقع ستقوم بتحديد اللوجو وكذلك كتابة إسم موقعك ثم حفظ.
  2. ومن قائمة الروابط بالهيدر ستقوم بتعديل قائمة المنيو التي ستظهر أعلى المقالات والصفحات.
  3. ومن العبارة الإفتتاحية ستقوم بتغيير عبار "مرحباً بالجميع" لأي عبارة أخرى تريدها.
  4. ومن العبارات التعريفية ستقوم بتغيير العبارة الثابتة والعبارات المتغيرة أمامها فقط قم بالبحث عن العبارة "أنا" وغيرها للعبارة التي تريد وكذلك عليك تغيير العبارات المتحركة والتي هي "مو نبيل" و "مطور ويب" و "مصمم جرافيك" لتغيرها لما يناسب موقعك عليك أن تكون دقيق ولا تحذف أو تزيد من الكود حتى لا يخرب فقط غير العبارات بما يناسبك وتأكد من أن قسم العبارة الإفتتاحية والعبارات التعريفية بدون عنوان في التنسيق أي أن يكون الويدجيت به محتوى والعنوان فارغ هكذا سيبدو كل شيء بالشكل الصحيح.
  5. وبالطبع مواقع التواصل الإجتماعي غيرها لما يناسبك.
  6. وكذلك إعدادات رسائل المدونة الإلكترونية.
  7. ولا أنصح بعمل تغييرات على السايدبار أو كما تود.
  8. ومن إعدادات مقالات من قسم أو تصنيف بموقعك ستقوم بتغيير العبارة "قسم برامج تصميم" لعنوان أخر لهذا القسم بناسب موقعك وستقوم بتغيير العبارة "برامج%20تصميم" لإسم القسم أو التصنيف كما يظهر بالرابط فمثلاً إن كان عندك قسم بإسم تقنية ستجد رابط القسم على الشكل
https://example.blogspot.com/search/label/%D8%AA%D9%82%D9%86%D9%8A%D8%A9
كل ماعليك هو أخذ كل ما بعد
https://example.blogspot.com/search/label/
والذي سيكون على الشكل
%D8%AA%D9%82%D9%86%D9%8A%D8%A9
لتضعه مكان العبارة "برامج%20تصميم" ليعمل معك القسم ويعرض أخر مقالات هذا القسم بموقعك بكل سهولة.
ونفس الأمر لتعديل مواقع التواصل الإجتماعي بالفوتر.

  • الأن علينا تعديل بقية إعدادات القالب من المظهر ثم تختار تعديل HTML ولنبدأ بتغيير وصف الموقع بالصفحة الرئيسية فقط وكل ما عليك هو الضغط على زرار Ctrl + F لتظهر لك خانة بإسم Search ألصق بها العبارة "YOUR DESCRIPTION HERE" ثم قم بالضغط على زرار Enter ليجد لك العبارة غيرها بوصف مناسب لموقعك بالصفحة الرئيسية.
  • الأن وبنفس طريقة البحث السابقة سنقوم بالبحث عن العبارة "من نحن" ونقوم بتغييرها لما يناسب الموقع هي وبقية العبارات الموجودة أسفلها غير العبارات دون حذف أو زيادة بالكود حتى لا يخرب وستجد الأمر واضح فالعبارات باللون الأسود والكود باللون الأخضر والأحمر فلا تعبث بها.
  • الأن ستقوم بالبحث عن العبارة "AboutMe -->" وستجدها موجودة مرتين وتجد داخلها الكود الخاص بالصورة الشخصية وكذلك العبارات والفقرات التعريفية ويمكنك تعديلها أو حتى حذف الكود ما بين العبارتين "AboutMe -->" دون أن يؤثر ذلك على الكود أو أن يخرب.
  • الأن سنقوم بتكرار هذا الأمر ذاته مع بقية أقسام الصفحة الرئيسية سنقوم بالبحث عن عبارة معينة سنجدها مرتين وبداخلها كود لقسم معين بالموقع ويمكنك تعديل العبارات داخل هذا القسم أو هذا الكود ما بين العبارتين دون أن يخرب الكود والتصميم الأمر سهل.
  • سنكرر نفس الأمر للعبارات "skill -->" و "Services -->" و "MyWorkinnumbers -->" و "Testimonial -->" و "ContactUs -->" و "Details -->"
  • وعليك ملاحظة أنه كلما حذفت قسم من تلك الأقسام فعليك حذف السطر الخاص به من القائمة بالرئيسية فمثلاً إن أردت حذف قسم "AboutMe -->" ستجد السطر الذي يرتبط به بالقائمة موجود على الشكل
<li><a href='#section-1'>من نحن</a></li>
  • فقط تقوم بحذفه من الكود بعد البحث عن العبارة "من نحن" وهكذا بقية الأقسام الموجود لها روابط بالقائمة بالهيدر
  • الأن لم يبقى إلا تغيير العبارتين الموجودين أعلى قسم أخر المقالات بالموقع وستجد العبارتين بالشكل
  • "جديد خدماتنا وأخر الأخبار" و "تجد هنا جديد الخدمات وأخر الأخبار وكذلك الخصومات والتخفيضات على الخدمات التي نقدمها." إبحث عن العبارتين وغيرهما بالشكل المناسب لك.
  • الأن لم يبقى إلا تغيير روابط الصور بالصور التي تريدها أنت فقط إبحث عن العبارة "/team_2.jpg" وهو رابط الصورة الشخصية غيره بالصورة التي تريد فقط لاحظ ألا تحذف من الكود أن تضيف إليه غير رابط الصورة فقط والذي بيدأ بالشكل "https://1.bp.blogspot.com/-" وينتهي بالشكل "/team_2.jpg" حتى لا يخرب الكود.
  • كذلك عليك البحث عن الصورة "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjST7Bkolunc-vnnjfw1kfCYmBoIiCKljAUYih77swaJ89UuocT7BzmzjDqqVKXMowDZrq-XBfriPpvlQvZliBaDBh9ZYJYAhak_WEVdlu96n_Oi2SXuhtZgX-hevdc5ZB-mhlmP0kvGCE/s1600/head-back.jpg" وتغييرها بالصورة التي تناسبك.
  • وكذلك الأمر ذاته بالنسبة للصورة "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgslbl5fFoRA8ROFgApj5DIGJR3ERkGUI2hf4CI1qpkO4zHm3INXh76enA_JJlc3jL__qZ9fira4kwq7efgCIPo7vLCqeRfNmD24jN2Z5kjc7XfSFf4CrHQM6LyLutHVz1BmgLozzmDOsf3/s1600/city-1150026_960_720.jpg" وتغييرها بصورة أخرى لموقعك.
  • وبنفس الأمر تكرر الموضوع ذاته للصورة "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhx8PnSarFGq9RbmgqysPN6gvwbx-26X0jZWoLJDyMpzpOKLlbGb-qlgcYG1ELQjzLKnMl1LQCPcTPGAAo-BzCiwP9pjMwPP5OQ7lCY6Ga7W_EBa7TyRtjrb_Cl4UTJi9ZWfAVQ_DnaI/s1600/nature-3616194_1920.jpg" لتغيرها بما هو مناسب أكثر لموقعك.
  • وتلك الصورة أيضاً "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvouTKFNKahDun8B4wucWMqiemuY6GmSamB7bVpW1fI3vwX73xj9_HAfR1FRyF8WuO6_rdAWRD8F3BAhEIpp-ohwW9uRL-WmyyMMzSX_HNUJWdPX2jgPhmKIATAVF74dIp7FB0EuddTaE/s1600/sg-back.jpg" ليتلائم أكثر مع موقعك.

  • الأن لننتقل لتغيير شكل أيقونات قسم "خدماتنا" الأمر بسيط فقط إبحث عن العبارة "<i aria-hidden='true' class='" وستجدها موجودة 6 مرات بعدد الخدمات ولتغيير شكل الأيقونة ستقوم بالذهاب للموقع
  • وقم بإختيار أي أيقونة تريد وإضغط عليها وبعدها ستجد أسفل الأيقونة مستطيل أزرق وبخانة HTML ستجد كود على هذا الشكل
<i class="fa-solid fa-truck-fast"></i>
  • فقط كل ماسنحتاج هو نسخ العبارة "fa-solid fa-truck-fast" ولصقها مكان رمز الأيقونة القديم الذي يكون بالشكل كما هو ملون باللون الأحمر بسطر الكود مثل
<i aria-hidden='true' class='fa-solid fa-wand-magic-sparkles'/>
  • بهذا تكون قد إستبدلت الأيقونة ويمكنك تكرار نفس الأمر لباقي الأيقونات

  • الأمر الأخر وهو إستبدال الأيقونات بالقسم عداد الإنجازات بالأرقام المتصاعدة فقط إبحث عن العبارة "<i class='color " وستجدها موجودة 4 مرات للأربع إنجازات كل ماعليك هو الذهاب للموقع
  • وتختار الأيقونة التي تريد وتقوم بالضغط عليها ثم تأخذ كود HTML ويكون على الشكل
<span class="lnr lnr-bubble"></span>
  • كل مانحتاجه هو نسخ العبارة باللون الأحمر وإستبدالها مكان العبارة باللون الأزرق بهذا الكود
<i class='color lnr lnr-pencil'/>
  • وتكرر الأمر مع بقية الأيقونات بهذا القسم
  • وبهذا يكون الشرح الكامل للتعديل على هذا القالب قد تم وعليك التجربة كما تريد ولكن خذ نسخة إحتياطية من الكود قبل محاولة التجربة به.


مميزات القالب
تصميم متجاوب بنسبة 100%
ترجمة تلقائية
دعم RTL
الوضع المظلم بنقرة واحدة
وضع بصندوق
علامات التبويب ميجا
خيار الشريط الجانبي الأيسر
قائمة أجاكس ميجا مذهلة
5 أنواع من المشاركات المميزة حسب (التسمية أو المشاركات الحديثة أو الشائعة)
7 قوالب محتوى رائعة حسب (التسمية أو مؤخراً)
المواقع الإعلانية الخاصة
إضافة جدول محتويات حصري
فيديوهات يوتيوب متجاوبة
مقالات ذات صلة متقدمة
تعليقات بلوجر وديسكوز و فيسبوك
تضمين الفيديو والصورة في التعليقات عبر الروابط
3 أنواع من قوالب المحتوى على الشريط الجانبي حسب (التسمية أو مؤخراً أو التعليقات)
قسم من نحن مذهل
حقوق الطبع والنشر بالفوتر مخصصة
موافقة ملفات تعريف الارتباط الأصلية
رموز مختصرة بالمقال شورت كودز
الخلفية والعروض والألوان والخطوط قابلة للتخصيص بالكامل
قالب يعتمد على السرعة أكثر (مناسب للمواقع العادية التي تعتمد على المقالات)
قالب يعتمد على المظهر الجمالي أكثر (مناسب للمجلات والمواقع الإخبارية)

تنبيه : القالب يحتاج لبعض التعديلات الدقيقة بالمظهر ولكن النتيجة مبهرة

تحميل
شاهد بقية المقال