إعادة تصميم موضوع WordPress الخاص بك: لوحة الإدارة مقابل CSS

نشرت: 2022-10-08

WordPress هو نظام إدارة محتوى (CMS) يتيح للمستخدمين إنشاء موقع ويب أو مدونة من البداية ، أو تحسين موقع ويب موجود. هناك طريقتان لإعادة تصميم سمة WordPress: من خلال لوحة إدارة WordPress ، أو عن طريق تحرير كود CSS مباشرةً. لوحة إدارة WordPress هي أسهل الطريقتين ، ولا تتطلب معرفة بـ CSS. ما عليك سوى تسجيل الدخول إلى موقع WordPress الخاص بك ، والانتقال إلى قسم المظهر> السمات ، والنقر فوق الزر "تخصيص" للموضوع الذي تريد تغييره. من هنا ، يمكنك تغيير الألوان والخطوط والجوانب الأخرى لموضوعك. إذا كنت تريد مزيدًا من التحكم في إعادة التصميم الخاصة بك ، أو إذا كنت ترغب في إجراء المزيد من التغييرات الجذرية ، فستحتاج إلى تحرير كود CSS مباشرةً. أفضل طريقة للقيام بذلك هي استخدام سمة فرعية. يرث النسق الفرعي تصميم السمة الأصلية الخاصة به ، ولكنه يسمح لك بإجراء تغييرات على CSS دون التأثير على السمة الأصلية. يضمن ذلك عدم فقدان التغييرات إذا تم تحديث النسق الرئيسي. لإنشاء سمة فرعية ، قم أولاً بإنشاء مجلد جديد في دليل تثبيت WordPress الخاص بك. بعد ذلك ، قم بإنشاء ملف يسمى style.css في هذا المجلد الجديد ، وأضف الكود التالي إليه: / * Theme Name: My Child Theme Template: Twentyfifteen * /import url (“../ 20thfifteen / style.css”) ؛ يحدد السطر الأول اسم النسق الفرعي الخاص بك. يخبر السطر الثاني WordPress عن الموضوع الرئيسي. في هذه الحالة ، نستخدم النسق الخمسة عشر. يستورد السطر الثالث CSS من السمة الرئيسية. الآن ، يمكنك تحرير ملف style.css في مجلد النسق الفرعي لتخصيص نسقك. تذكر أن تقوم بحفظ التغييرات وتحميل الملف إلى الخادم الخاص بك عند الانتهاء. إذا كنت تريد أن تأخذ إعادة تصميمك خطوة إلى الأمام ، يمكنك أيضًا إنشاء ملف jobs.php في مجلد السمة الفرعي الخاص بك. يتيح لك هذا الملف إضافة ميزات ووظائف إلى المظهر الفرعي الخاص بك. على سبيل المثال ، يمكنك استخدام ملف jobs.php لإنشاء قالب صفحة رئيسية مخصص. عند الانتهاء من إجراء التغييرات على المظهر الفرعي الخاص بك ، يمكنك تنشيطه بالانتقال إلى قسم المظهر> السمات في لوحة إدارة WordPress. سيتم الآن إدراج القالب الفرعي الخاص بك بجانب السمات الأخرى المثبتة على موقعك.

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

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

كيف يمكنني إعادة صياغة سمة WordPress؟

الائتمان: kimjoyfox.com

هناك عدة طرق يمكنك من خلالها إعادة تسمية سمة WordPress. تتمثل إحدى الطرق في تغيير اسم مجلد السمة في الدليل / wp-content / theme /. هناك طريقة أخرى تتمثل في استخدام سمة فرعية وإجراء تغييرات على ورقة الأنماط. أو يمكنك استخدام مكون إضافي مثل Theme Check للتحقق من واستبدال جميع مثيلات اسم القالب القديم.

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

خطوات لتغيير مظهر موقعك

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


كيف يمكنني تخصيص سمة WordPress الخاصة بي 2022؟

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

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

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

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

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

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

تخصيص رمز موضوع WordPress

إذا كنت تريد تغيير التعليمات البرمجية المصدر لموضوع WordPress ، فيمكنك القيام بذلك باستخدام سمة فرعية. من الممكن استخدام مكون إضافي لإدارة مقتطفات التعليمات البرمجية التي تضيفها إلى * head] أو الوظائف. من الضروري أن يكون لديك ملف php لموضوعك. بالنسبة لأولئك الذين يرغبون فقط في إضافة CSS مخصص ، يمكن استخدام منطقة CSS الإضافية في أداة تخصيص WordPress أو مكون إضافي مثل "Simple CSS".

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

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

تحرير ملفات موقع الويب الخاص بك

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