قالب GMag أفضل قالب بلوجر تقني احترافي 2020


قالب GMag هو قالب مجلة احترافي وسريع التحميل، قابل للتخصيص بالكامل، يحسن من محركات البحث Seo؛ مما سيجعل موقعك يحقق أفضل نتائج بحث، يحتوي على أحدث التقنيات والأدوات التي تجعل موقعك أكثر احترافية

قالب حديث من قوالب بلوجر الجديدة؛ حيث تم إنشاؤه يوم 4 فبراير 2020، وآخر تحديث له يوم 22 مارس 2020، يدعم اللغة العربية تلقائيا

من مميزاته:

  1. متجاوب 100%
  2. سريع التحميل
  3. تحسين السيو SEO(محركات البحث)
  4. صندوق رائع للمؤلف
  5. دعم تلقائي للغة العربية
  6. شريط جانبي ثابت
  7. تجاوب تلقائي للهواتف المحمولة
  8. 3 أشكال للمشاركات المميزة(النسخة المدفوعة)
  9. أزرار مشاركة متقدمة لمقالاتك
  10. إعلان للهيدر Header Ads(النسخة المدفوعة)
  11. إعلان أول الصفحة الرئيسية وآخرها(النسخة المدفوعة)
  12. إعلان أول المقالة وآخرها(النسخة المدفوعة)
  13. قائمة للفوتر Footer
  14. قسم "نبذة عن" في الفوتر Footer
  15. يحتوي على نسخة من القالب داكنة اللون Dark(النسخة المدفوعة)
  16. يحتوي على أنظمة تعليقات الفيس بوك Facebook والـ Disqus(النسخة المدفوعة)
  17. أكواد غير مشفرة (النسخة المدفوعة)
  18. ميجا منيو Mega Menu
  19. ميجا منيو مع تبويبات بأسماء الأقسام
  20.  Mega Menu with Tabs
  21. يدعم كل اللغات بلوجر
  22. قابل للتخصيص بالكامل(الخلفيات والخطوط والعروض والألوان)



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


إعدادات القائمة الرئيسية:
اذهب إلي لوحة تحكم بلوجر لمدونتك
ثم اختر التخطيط
ثم تعديل Main Menu
أضف اسم القائمة ورابط القائمة ثم ارتباط
ولإضافة قائمة منسدلة ضع علامة underscore
( _ ) قبل اسم القائمة
مثال: _تكنولوجيا
ولإضافة قائمة فرعية من القائمة المنسدلة ضعunderscore  2
( __ )
مثال: __برامج
ملحوظة: يجب أن تكون القائمة الفرعية تحت القائمة المنسدلة أو بين روابطها

إعدادات قائمة ميجا منيو MegaMenu:
الشكل العام لكود الميجا منيو:
{getMega} $label={Your Label} $type={Type}

أنواعها:
msimple ميجا منيو بسيطة
Mtabs ميجا منيو مع تبويبات

يمكنك كتابة اسم قسم أو آخر المشاركات
Your Label أو recent

مثال 1
{getMega} $label={تكنولوجيا} $type={msimple}

مثال 2:
{getMega} $label={تكنولوجيا/مقالات/أخبار/تحميل/قوالب} $type={mtabs}

ملحوظة: يمكنك إضافة العديد من أسماء الاقسام ولكن الأهم أن تفصل بينهم بـ "/"

إعدادات شريط القوائم Navbar Menu:
من لوحة تحكم بلوجر بمدونتك اختر التخطيط
ثم تعديل Navbar Menu

إعدادات شريط قوائم مواقع التواصل الاجتماعي:
Navbar Social
من التخطيط في لوحة تحكم بلوجر
ثم تعديل Navbar Social Icons
الكود الخاص به:

{icon: "ICON-NAME", url: "LINK-URL"}

ICON-NAME وهو اسم موقع التواصل الاجتماعي مثل: الفيس بوك
LINK-URL وهو رابط الموقع التواصل الاجتماعي مثل: رابط صفحتك على الفيس بوك

مثال: 
{icon: " facebook ", url: "#"}


أسماء الايقونات المدعومة:
blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, telegram, messenger, snapchat, email, discord, share, external-link


ثم استبدل علامة # برابط صفحتك على الفيسبوك

إعدادات إعلان الهيدر Header:
من لوحة تحكم بلوجر ثم التخطيط
ثم إضافة أداة HTML/JavaScript في الـ Header ADS
ثم إضافة شفرة إعلانك

إعدادات المشاركات المميزة:
من لوحة التحكم بلوجر ثم التخطيط
ثم إضافة أداة HTML/JavaScript في الـ  Featured Posts
الشكل العام لكود المشاركات المميزة:
{getFeatured} $label={Your Label} $type={Type} $color={Hex Color}

الأنواع:
featured1، featured2، featured3
 يمكنك إضافة اسم قسم label  أو آخر المشاركات recent

اللون:
$color={Hex Color}
مثل:
 لون احمر #F64E4E

مثال: 


{getFeatured} $label={recent} $type={featured1} $color={#1abc9c}
أو
{getFeatured} $label={تكنولوجيا} $type={featured1} $color={#1abc9c}

موقع للألوان من هذا الرابط:



إعدادات إضافات لعرض مشاركاتك:
من لوحة التحكم اختر التخطيط
ثم إضافة أداة HTML/JavaScript في الـ Post Widgets 1 أو Post Widgets 2

الشكل العام للكود:
{getBlock} $results={Number of Results} $label={Your Label} $type={Type} $color={Hex Color

Number of Results: عدد المشاركات التي تريد عرضها
Your Label: ضع اسم قسم من مشاركاتك
Hex Color: اللون مثل: #009432 لون أخضر

Type: الأنواع: block1، col-left، col-right، videos، grid1، grid2، gallery
Your Label: يمكنك وضع اسم قسم أو آخر المشاركات recent

مثال:


{getBlock} $results={5} $label={تكنولوجيا} $type={block1} $color={#1abc9c}

موقع للألوان من هذا الرابط:





إعدادات صندوق المؤلف أو الكاتب:
يمكنك تعديل ملفك الشخصي من هذا الرابط:

بعد الذهاب للرابط السابق من "معلومات إضافية" ثم "مقدمة"
اكتب الوصف عن نفسك مع روابط HTML التي تخصك
هكذا:

<a href="Your Link Here">Icon Name</a>
<a href="https://facebook.com/Your Page">facebook</a>



الايقونات المدعومة:
blogger, facebook, facebook-f, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, reddit, whatsapp, telegram, messenger, snapchat, email, discord, share, external-link


إضافات للمشاركات بالشريط الجانبي:
من لوحة تحكم بلوجر ثم التخطيط
ثم إضافة أداة HTML/JavaScript في الـ Sidebar

{getWidget} $results={Number of Results} $label={Your Label} $type={list}

أمثلة:

{getWidget} $results={3} $label={recent} $type={list}
{getWidget} $results={3} $label={تكنولوجيا} $type={list}
{getWidget} $results={3} $label={comments} $type={list}

يمكنك تغيير الرقم "3" للعدد الذي تريد عرضه من المشاركات أو التعليقات

إعدادات أداة إضافة صفحة الفيس بوك:
من لوحة تحكم بلوجر اختر التخطيط
ثم إضافة أداة HTML/JavaScript في الـ Sidebar

ملحوظة: لإضافة أداة صفحة الفيس بوك يجب عليك تثبيت الـ facebook SDK في مدونتك 
وكيفية تثبيته من الخطوات التالية:
اذهب الرابط التالي:


ضع رابط صفحتك على الفيس بوك
ثم قم بنسخ الكود SDK Script
https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v5.0

ثم اذهب إلي لوحة تحكم بلوجر مرة اخري ثم التخطيط
ثم تعديل Facebook SDK
ثم لصق الكود
ثم حفظ
ثم تضيف هذا الكود في الـ Sidebar

<div class="fb-page" data-href="YOUR FACEBOOK PAGE URL" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>

YOUR FACEBOOK PAGE URL: تضع رابط صفحتك على الفيس بوك

تخصيص القالب:
من لوحة تحكم بلوجر اختر المظهر
ثم اضغط تخصيص
يمكنك تغيير الخلفية التي تريدها 0 أو 1
0 يعني false
1 يعني true
ويمكنك تغيير العرض Full Width بقيمة 0 أو 1
ثم إعداد متقدم يمكنك تغيير الألوان والخطوط التي تريدها



أحدث أقدم