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

نشرت: 2020-07-24

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

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

ماذا يتحكم موضوع WordPress الخاص بك؟

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

حدد سبب رغبتك في تخصيص سمة WordPress الخاصة بك

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

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

يمكنك العثور على المكونات الإضافية من خلال الوصول إلى لوحة معلومات WordPress الخاصة بك والبحث عن فئة "المكون الإضافي". بمجرد الوصول إلى هناك ، يمكنك البحث عن تلك التي تناسب احتياجاتك.

الاحتياطات التي يجب عليك اتخاذها قبل تخصيص المظهر الخاص بك

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

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

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

كيفية استخدام ميزات تخصيص WordPress

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

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

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

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

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

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

كيفية استخدام Page Builder لتخصيص نسقك

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

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

كيفية استخدام إطار لتخصيص موضوعك

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

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

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

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

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

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

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

للعثور على مصدر CSS لعنصر ما ، استخدم فاحص المتصفح. على سبيل المثال ، يحتوي Google Chrome على ميزة DevTools التي ستكون مفيدة.

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

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

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

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

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

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

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

عوامل أخرى يجب مراعاتها عند تخصيص سمة WordPress

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

إستجابة

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

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

إمكانية الوصول

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

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

خاتمة

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

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