كيف تصنع سمة Google Chrome الخاصة بك

هل سبق لك أن أردت تخصيص مظهر متصفح الويب الخاص بك؟ يمكن استخدام سمات Google Chrome للقيام بذلك بالضبط. قد يحتوي متجر Chrome Theme Store على مجموعة كبيرة من الخيارات ، من سمات الفضاء إلى السيارات والمناظر الطبيعية الجميلة ، ولكن ماذا لو لم يكن هناك أي منها هذه الخيارات هي ما تريده تمامًا ، أو إذا كنت تريد تخصيص Chrome للحصول على إحدى صورك كخلفية بدلاً من ذلك؟ حسنًا ، لحسن الحظ يمكنك فعل ذلك بالضبط.

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

أداة Chrome المدمجة البسيطة

لاستخدام محرر سمة Chrome المدمج ، افتح علامة تبويب جديدة. في الركن الأيمن السفلي من صفحة علامة التبويب الجديدة يوجد رمز قلم رصاص ، انقر عليه لتخصيص مظهر Chrome.

انقر فوق رمز القلم الرصاص لفتح محرر السمات.

في النافذة المنبثقة التي تظهر بمجرد النقر فوق رمز القلم الرصاص ، يكون خيارك الأول هو تكوين صورة الخلفية. هنا يمكنك الاختيار من بين عدد محدود جدًا من الخيارات المحددة مسبقًا ، أو يمكنك تحميل صورتك الخاصة. سيتم تطبيق صورة الخلفية هذه فقط على صفحة علامة التبويب الجديدة ، ولن تصبح خلفية على أي مواقع ويب فعلية.

حدد صورة خلفية لصفحة علامة التبويب الجديدة.

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

حدد نظام ألوان محدد مسبقًا.

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

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

نصيحة: يفترض Chrome دائمًا أن اللون الذي اخترته هو أغمق من لوني النسق ، وسيختار ظلًا ثانيًا أفتح. اختر وفقًا لذلك!

حدد نظام ألوان مخصص.

بمجرد أن تصبح راضيًا عن صورة الخلفية ومجموعة الألوان ، انقر على "تم" لحفظ المظهر المخصص ، وستكون جاهزًا للانطلاق!

مواضيع الطرف الثالث أصبحت بسيطة

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

بادئ ذي بدء ، تحتاج إلى تصفح موقع ThemeBeta على الويب. يمكنك تصفح الموضوعات التي يقدمها المستخدم على ملفات الصفحة الرئيسية، أو يمكنك الانتقال مباشرة إلى ملفات صفحة مصمم الموضوع لتبدأ بنفسك. الخطوة الأولى بمجرد دخولك إلى مصمم المظهر هي اختيار صورة خلفية. انقر فوق "1. قم بتحميل صورة "ثم قم بتحميل صورة من محرك الأقراص الثابتة لديك. ستكون هذه الصورة هي أساس المظهر الخاص بك وستكون صورة الخلفية في صفحة علامة التبويب الجديدة.

نصيحة: يجب أن تكون أي صورة تقوم بتحميلها إما بتنسيق ملف PNG أو JPG ، لأن هذه هي التنسيقات الوحيدة المدعومة. استخدم محولًا عبر الإنترنت إذا كانت صورتك مختلفة.

إذا كانت الصورة التي حمّلتها لا تبدو صحيحة تمامًا ، فقد تكون مكبرة جدًا أو بها أشرطة على الجانبين أو في الأعلى - إذًا يجب أن تحاول تغيير خيارات "صورة الخلفية". على التوالي ، يقومون بتكوين المحاذاة الأفقية ، المحاذاة الرأسية ، إذا تكررت الصورة إذا كانت كذلك صغير جدًا على الشاشة ، وكيف يتم تحجيم الصورة لتناسب الشاشة ، وضبط القياس اليدوي. اختبر الخيارات حتى تجد شيئًا يسعدك به!

تكوين موضع صورة الخلفية الخاصة بك.

بمجرد تحميل صورتك ، سيتم تحديث المعاينة على الجانب الأيمن من الصفحة لتمثيل الشكل الذي سيبدو عليه المظهر الخاص بك. الخطوة الثانية هي النقر على "2. إنشاء ألوان "، سيستخدم هذا الزر الألوان الموجودة في الصورة التي قمت بتحميلها ، لإنشاء لوحة من الألوان المتشابهة لاستخدامها في باقي واجهة المستخدم.

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

التكوين المتقدم

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

حرك الماوس فوق الخيارات لمعرفة أي جزء من واجهة المستخدم يتم تغييره.

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

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

نصيحة: إذا كنت قد حملت صورة ولم تعجبك شكلها ، فيمكنك إزالتها بالنقر على الزر "X" بجوار علامة "تم التحميل" ذات الصلة. إذا أدى تحميل صورة إلى تغيير لون الخلفية لهذا العنصر ، فيمكنك إما إعادة تعيينه يدويًا أو النقر فوق "إنشاء ألوان" في علامة التبويب "أساسي" مرة أخرى لإعادة تعيين نظام الألوان.

علامة التبويب المتقدمة الثانية بعنوان "الألوان". هنا - كما هو الحال مع الخيارات الموجودة في الصفحة السابقة التي كان بها مربع بجوارها - يمكنك استخدام المربع لفتح منتقي الألوان واختيار لون خالص للعناصر المعنية. مرة أخرى ، إذا مررت بالماوس فوق خيار التكوين ، فسيتم تمييز العنصر المتأثر في المعاينة باللون الأحمر.

انقر فوق المربع لفتح منتقي الألوان للعناصر المعنية.
  • يقوم "شريط الأدوات" بتهيئة لون الخلفية لتسمية سمة ThemeBeta في الجزء السفلي الأيسر من صفحة علامة التبويب الجديدة.
  • يقوم "نص علامة التبويب" بتهيئة لون النص في علامة التبويب النشطة حاليًا في قائمة علامات التبويب. كما تقوم أيضًا بتعيين لون نص إحالة ThemeBeta في الزاوية اليسرى السفلية من صفحة علامة التبويب الجديدة.
  • يقوم "نص علامة التبويب الخلفية" بتهيئة لون النص في علامات التبويب غير النشطة في قائمة علامات التبويب.
  • تقوم "Bookmark Text" بتهيئة لون نص العناصر في شريط الإشارات.
  • يقوم "نص NTP" بتهيئة لون النص أو روابط الصفحات الموصى بها / العادية في وسط الصفحة.
  • ليس لـ "رابط NTP" أي تأثير.
  • تقوم "أزرار التحكم" بتهيئة لون أزرار التصغير والتكبير والإغلاق الموجودة في الزاوية اليمنى العليا.
  • تقوم "الأزرار" بتهيئة لون الأزرار الأمامية والخلفية وإعادة التحميل والصفحة الرئيسية.

بمجرد تهيئة جميع الخيارات المتقدمة بالطريقة التي تريدها ، تكون جاهزًا لمتابعة عملية التثبيت.

تثبيت موضوع طرف ثالث

لأسباب أمنية ، تسمح Google الآن فقط بتثبيت الإضافات والسمات من خلال Chrome Webstore. لتثبيت المظهر المخصص الخاص بك ، ستحتاج إلى تمكين ميزة المطور. لسوء الحظ ، يعني هذا التغيير أن زر "الحزم والتثبيت" البسيط في كل من علامة التبويب "أساسي" وعلامة التبويب "الحزم" لم يعد يعمل. إذا جربت طريقة "الحزم والتثبيت" ، فستتلقى رسالة خطأ.

لا يمكن تثبيت ملفات CRX التابعة لجهات خارجية في Chrome.

للتغلب على هذا ، انتقل إلى علامة التبويب "Pack" وانقر فوق "حزمة وتنزيل ملف مضغوط"

انقر فوق الزر "حزمة وتنزيل ملف مضغوط" في علامة التبويب "حزمة".

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

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

استخرج الملفات من ملف ZIP واحفظها على القرص الصلب الخاص بك.

الخطوة التالية هي صفحة ملحقات Chrome. يمكنك الوصول إليه عن طريق النقر على النقاط الثلاث في الزاوية اليمنى العليا ، ضمن "المزيد من الأدوات" ، ثم "الامتدادات" ، أو يمكنك النقر فوق هنا.

انقر على النقاط الثلاث ثم المزيد من الأدوات> الامتدادات.

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

قم بتمكين وضع المطور ثم انقر فوق "تحميل غير مضغوط".

نصيحة: تريد استيراد المجلد الأصلي ، وليس مجلد "الصور" الذي يحتوي عليه. إذا لم تقم بإعادة تسميته من قبل ، فسيتم تسميته بشيء مثل "theme1234567890"

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

لا تخفي تنبيه التأكيد حتى تتأكد من رضاك ​​عن النتيجة!

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