كل ما تريد معرفته عن ثيم كمت للمواقع المبنية بـ هوجو
لماذا أنشأت ثيم جديد لـ هوجو ؟ 🔗
لأنه لا يوجد ثيم به كل المواصفات والمزايا التي أريدها في نفس الثيم.
لماذا سميت الثيم كمت ؟ 🔗
سميته كِمْت على اسم بلدي - مصر - باللغة المصرية القديمة.
الرؤية والأهداف 🔗
- سرعة تحميل الصفحات: تصفح الموقع الإلكتروني بسرعة كافية مناسبة لسرعة تفكيرك. تريد أن تضغط على رابط مقال محدد لكي تقرأه، المقال ظهر مباشرةً لكي تقرأه ؛ ظهر بسرعة لكي لا تفقد حماسك لقراءة المقال.
كيف تثبت ثيم كِمْت في موقعك المبني بـ نظام هوجو ؟ 🔗
تثبيت الثيم من خلال جت صب-موديول (git submodule)
نفذ هذا الأمر في التيرمينال وانت متواجد داخل مجلد مشروع موقعك المبني بـ هوجو:
git submodule add -b main --depth 1 https://github.com/abanoubha/gohugo-theme-kmt.git themes/kmt
أضف اسم الثيم (اسم مجلد الثيم) في ملف الإعدادات في موقعك:
إن كنت تستخدم config.yaml كـ ملف إعدادات موقعك، أكتب الثيم كما يلي.
theme: kmt
أما إن كنت تستخدم ملف config.toml لإعدادات موقعك، اكتب الثيم كالتالي.
theme = kmt
انتهينا من تثبيت الثيم. لقد أتممت تثبيت الثيم بنجاح.
كيف تحدّث / ترقّي ثيم كمت في موقعي؟ 🔗
إن كنت قد ثبت ثيم كمت في مشروع الموقع/المدونة من خلال نظام جِت ، استخدم الأمر التالي.
git submodule update --remote
هذا الأمر سيقوم بتحديث كل الصب-موديولز إلى أحدث إصدار لهم. ولكن إن أردت تحديث ثيم كِمْت فقط، استخدم هذا الأمر بدلاً من الأمر السابق.
git submodule update --remote themes/kmt
المزايا 🔗
- ثيم متعدد اللغات
- وسوم السيو (SEO meta tags)
- رابط لصفحة الترجمة إن وجدت
- إمكانية وجود شرح توضيحي للصورة من خلال
p > img + em {}في CSS - تصميم متجاوب مع كل أحجام الشاشات؛ ومناسب طبعاً للهواتف الجوالة
- تحميل الصور عند الحاجة إليها فقط من خلال خاصية التحميل الكسول (lazy loading)
- تحميل الـ iframes عند الحاجة إليها فقط من خلال خاصية التحميل الكسول (lazy loading)
- استخدام الصورة بصيغة وإمتداد WebP لتسريع تحميل الصفحات لأن حجم الصور يصبح صغير جداً مقارنةً بباقي الصيغ والإمتدادات
- المسار وطريقة التنقل داخل الموقع
- خاصية قراءة المقال بصوت مرتفع
- صندوق للبحث في الموقع من خلال جوجل
أزرار مواقع التواصل الإجتماعي في ثيم كمت 🔗
- مواقع مشاركة الشيفرة المصدرية
- جت-هب || GitHub
- جت-لاب || GitLab
- كود بيرج || CodeBerg
- مواقع مشاركة الفيديو
- يوتيوب || YouTube
- تيك-توك || Tiktok
- انستجرام || Instagram
- مواقع النصوص فقط
- ميديام || Medium
- ستاك-أوڤرفلو || StackOverflow
- تطبيقات التواصل والمحادثات
- تيليجرام || Telegram
- واتساب || WhatsApp
- مواقع تواصل إجتماعي عامة
- منصة إكس || تويتر سابقاً || X Platform (formerly Twitter) (pka Twitter)
- فيسبوك || Facebook
- لينكدإن || LinkedIn
- ماستودون || Mastodon
هل ثيم كمت يدعم جوجل أناليتكس ؟ 🔗
نعم، ثيم كِمْت يدعم جوجل أناليتكس (Google Analytics).
كل ما عليك هو أن تضيف الرقم التعريفي لـ Google Analytics (gtag) في ملف الإعدادات hugo.toml.
[services]
[services.googleAnalytics]
- ID = 'G-xxxxxxxxxx'
+ ID = 'G-XHQY258XEF'
تأكد من كتابة الرقم التعريفي لجوجل أناليتكس الخاص بك؛ مثل هذا G-XHQY258XEF.
هل ثيم كمت يدعم عرض إعلانات أدسنس ؟ 🔗
نعم، ثيم كمت يدعم أدسنس لعرض الإعلانات على موقعك. كل ما عليك هو أن تغير معرّف أدسنس في ملف إعدادات المشروع hugo.toml كما يلي.
[params]
founded = 2023
- adsense = 'ca-pub-xxxxxxxxxxxxxxxx'
+ adsense = 'ca-pub-yyyyyyyyyyyyyyyy'
تأكد أنك غيرت معرف أدسنس (AdSense Publisher ID) إلى المعرف الصحيح لك.
كل تحسينات السيو الموجودة في ثيم كمت 🔗
- ثيم بسيط: ثيم كِمْت مبني على مبدأ البساطة. أقل كود يؤدي الوظيفة المطلوبة، دون إضافات عديمة الفائدة.
- صغير جداً: كل الملفات تم تحسينها لتكون صغيرة جداً. استخدمت CSS بدلاً من Tailwind لتقليل حجم ملف التصميم.
- تحميل الصور وقت الحاجة إليها: أضفت خاصية التحميل الكسول للصور في ثيم كمت. هذه الخاصية هي عبارة عن إمكانية حديثة في متصفحات الإنترنت لتحميل الإنترنت قبل لحظة إحتياج الصورة مباشرةً.
لماذا انتقلت من تيل-وند إلى سي إس إس في تصميم ثيم كمت ؟ 🔗
استخدام تيل-وند Tailwind CSS في حالة ثيم كمت يزيد من بطء الموقع وحجم ملف التصميم. من أهم أهداف ثيم كمت أن يكون قليل الحجم وسريع جداً في التحميل ومُحسّن لمحركات البحث. لمعرفة المزيد من التفاصيل عن هذا القرار إقرأ هذا المقال المخصص للموضوع .
اقرأ أكثر عن ثيم كمت 🔗
أتمنى أن تكون قد استفدت من الموضوع ، إن كنت تعرف أي شخص يُمكنه الإستفادة من هذه المعلومات، ارسل له رابط هذا المقال. إن أردت معرفة الموضوعات الجديدة بعد نشرها مباشرةً على موقع أبانوب حنا ، تابعني على يوتيوب و تيليجرام ، و فيسبوك ، و واتساب .