كيفية تخصيص قالب WordPress لجعله مناسبًا لعلامتك التجارية

نشرت: 2017-07-14

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

في هذه المقالة نود أن نغطي موضوع Cloe Brooks WordPress للمواقع الطبية ونوضح لك كيف يمكنك تخصيص تصميمه وتخطيطه وجعله خاصًا بك بشكل أساسي.

موضوع فارغ مقابل محتوى تجريبي

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

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

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

شعار الموقع والأيقونة المفضلة

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

هذان المكونان يفصلان موقعك عن الآخرين ويجعلانه مميزًا.

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

الأيقونة المفضلة هي عنصر آخر لهوية العلامة التجارية يمكنك إعداده هنا. يتم عرضه في بداية علامة تبويب في متصفحك. لتحميل أيقونة مفضلة ، استخدم صورة png بعرض 512 بكسل.

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

نظام الألوان

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

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

انتقل إلى المظهر> الخطوط والألوان وحدد أنظمة الألوان . يمكنك أن ترى أن Cloe Brooks يأتي مع نظامي ألوان افتراضيين ، فاتح وداكن. إنها مفيدة إذا كنت تريد تغيير مظهر موقعك بسرعة ، وتريده أن يحافظ على اختيارات الألوان الأصلية للمصمم.

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

شيء رائع آخر هو أنه يمكنك معاينة تغييرات الألوان الخاصة بك ورؤيتها مع عناصر موقع الويب الأخرى في لوحة إعدادات الألوان.

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

خيار مفيد هو أنه يمكنك حفظ إعدادات نظام الألوان الحالية الخاصة بك كنظام ألوان جديد ، أو تكرار واحد موجود لحفظه في حالة رغبتك في التبديل إلى الألوان الأصلية للموضوع.

بمجرد الانتهاء من تخصيص نظام الألوان الخاص بك ، قم بتعيينه في علامة التبويب Body Style في المظهر> خيارات السمة> التخصيص.

الطباعة

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

يتميز Cloe Brooks بمحرف sans-serif المخصص الأنيق ، ولكن إذا لزم الأمر ، يمكنك تغييره لأي خط آخر تفضله. يمكنك إما تحديد خط متاح من مجموعة Google Fonts ، أو تحميل الخط الخاص بك.

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

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

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

الحسابات الاجتماعية ومعلومات الاتصال

ستكون الخطوة التالية هي ملء معلومات الاتصال الخاصة بك وإضافة حسابات وسائل التواصل الاجتماعي إلى موقع الويب الخاص بك.

يمكنك العثور على إعدادات الوسائط الاجتماعية بالانتقال إلى المظهر> خيارات السمة> وسائل التواصل الاجتماعي .

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

لدمج موجز Twitter الخاص بك في موقعك ، ستحتاج هنا إلى ملء تفاصيل Twitter API ، مثل مفتاح العميل ، وسر العميل ، وما إلى ذلك.

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

تغليف

على الرغم من وجود العديد من الأشياء التي يمكنك تخصيصها في موضوع Cloe Brooks ، فقد قمنا هنا بتغطية أهم الأشياء.

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

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