كيفية تخصيص سمة WordPress

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

خيارات لتخصيص سمة WordPress

هناك خيارات مختلفة لكيفية تخصيص سمة موقع WordPress الخاص بك اعتمادًا على موقفك. فيما يلي نظرة عامة سريعة على الخيارات:

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

كيف تعرف ما إذا كنت بحاجة إلى تخصيص سمة WordPress

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

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

كيفية تخصيص سمة WordPress الخاصة بك عبر شاشات مسؤول WordPress

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

تخصيص سمة WordPress عبر أداة التخصيص

إن أبسط طريقة لتخصيص سمة WordPress الخاصة بك هي باستخدام أداة تخصيص WordPress. يمكنك القيام بذلك بإحدى طريقتين:

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

في كلتا الحالتين ستأخذك إلى أداة التخصيص.

محرر قوالب ووردبريس

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

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

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

كيفية استخدام أدوات إنشاء الصفحات وأطر العمل لتخصيص سمة WordPress الخاصة بك

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

استخدم Page Builder لتخصيص سمة WordPress الخاصة بك

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

استخدم Theme Framework لتخصيص سمة WordPress الخاصة بك

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

كيفية تحرير رمز موضوع WordPress الخاص بك

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

كيفية تحرير ملفات النسق

تتمثل الخطوة الأولى لتحرير سمة WordPress في معرفة ملفات السمات التي تتحكم في ما ، والتي ستحتاج إلى تعديلها.

ورقة الأنماط

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

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

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

إذا كان هذا الحديث عن CSS والخصوصية جديدًا ومربكًا لك ، فنحن نقترح عليك تجنب تعديل CSS لموضوعك بنفسك وبدلاً من ذلك تجربة خيار مختلف لتخصيص سمة WordPress الخاصة بك ، أو السماح للخبراء في SEO Design Chicago بمساعدتك!

ملف الوظائف

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

ملفات قالب النسق

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

على سبيل المثال ، إذا كان قالبك يحتوي على ملف archive.php يُستخدم لإخراج صفحات الأرشيف للفئات والعلامات ، يمكنك إجراء تغييرات على طريقة إخراج العلامات. بعد ذلك ، تقوم بإنشاء ملف يسمى "tag.php" ، والذي سيعتمد على archive.php مع تغييراتك.

مرة أخرى ، كن واعيًا عند تحرير الملفات لأنها قد تؤدي إلى تعطل موقعك. استخدم دائمًا موقع التدريج أولاً!

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

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

كيفية إنشاء موضوع الطفل

1. في wp-content / theme ، قم بإنشاء مجلد جديد.
2. في هذا المجلد ، قم بإنشاء ورقة أنماط. في ورقة الأنماط الجديدة ، أخبر WordPress أن هذه سمة فرعية لموضوعك الحالي.
3. بعد ذلك ، أضف نسخًا من الملفات التي تريد تحريرها إلى النسق الفرعي. قم بتحرير الملفات الموجودة في هذا المجلد.
4. أخيرًا ، قم بتنشيط موضوع الطفل على موقع الويب الخاص بك.

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

أفضل الممارسات لكيفية تخصيص سمة WordPress الخاصة بك

هذه بعض أفضل الممارسات التي يجب اتباعها كلما قمت بتخصيص سمة WordPress الخاصة بك.

قم بالتخصيص دون إضافة رمز كلما أمكن ذلك

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

استخدم موقع تطوير محلي لإجراء التغييرات

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

استخدم التحكم في الإصدار

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

استخدم موقع التدريج لاختبار التغييرات

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

اجعل موضوعك مستجيبًا للجوال

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

تأكد من إمكانية الوصول إلى تخصيصاتك للجميع

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

التمسك بمعايير ترميز WordPress

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

تخصيص موضوع WordPress الخاص بك مع SEO Design Chicago

أحد الأسباب التي تجعل WordPress هو أفضل نظام أساسي لبناء مواقع الويب هو أنه قابل للتخصيص للغاية. ومع ذلك ، قد يكون من الصعب تخصيص موقعك. مطورو الويب SEO Design Chicago هم خبراء WordPress ويمكنهم تخصيص المظهر الخاص بك ، حتى تحصل على موقع الويب الذي تريده بالضبط. اتصل بنا اليوم!

أسئلة وأجوبة:

• هل تحتاج إلى تخصيص سمة WordPress الخاصة بك؟
• لماذا لا يجب علي استخدام محرر قوالب ووردبريس؟
• كيف أجد أداة التخصيص في WordPress؟
• كيف يمكنني تعديل التنسيق والخطوط والألوان لموضوع WordPress الخاص بي؟
• ما هي بعض أفضل الممارسات لتخصيص سمات WordPress؟