كيفية إنشاء أفضل ثيمات WordPress ولا تخطئ

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

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

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

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

المصدر: kinsta.com

لماذا من المهم إنشاء سمة WordPress الخاصة بك

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

يتمتع المظهر المخصص بفوائد أكثر من السمة المجانية ، وإليك السبب:

• تفرد التصميم.

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

• وظائف مخصصة.

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

• قدرة محدودة على تغيير الموضوع الافتراضي .

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

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

ما هي الأخطاء الشائعة في تطوير موضوع WordPress

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

• إنشاء نسق بدون استخدام الإجراءات والمرشحات

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

• البحث عن عمل إضافي

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

• استخدام المتغيرات في الموضوعات

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

خطوات إنشاء قالب ووردبريس

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

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

بالنسبة للموضوع ، تحتاج إلى تحميل ملف screenshot.png بالامتداد المطلوب 1200 × 900 بكسل إلى مجلد السمة. يمكن أن تكون أي صورة تناسب التنسيق المحدد. يجب نسخ الكود من index.php إلى المفكرة وحفظه في مجلد السمات الجديد ، مع تحديد امتداد PHP. علاوة على ذلك ، في هذا الملف ، يمكنك إضافة أي عناصر ترغب في رؤيتها على الموقع.

أنت الآن بحاجة إلى ملء ملف style.css. على غرار الخطوة السابقة ، افتح محرر نصوص وأضف المحتوى التالي:

/ *

اسم الموضوع: اسم الموضوع

عنوان URI للموضوع: عنوان URL للموقع المخصص لهذا الموضوع

الوصف: وصف الموضوع

الإصدار: إصدار الموضوع

المؤلف: اسم المؤلف

عنوان URI للمؤلف: عنوان مؤلف الموضوع

* /

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

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

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

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

<؟ php get_header () ؛ ؟>

يوجد في قلب كل سمة من سمات WordPress ملفان: index.php و style.css. بعد إنشائها ، يمكنك تجربة عناصر ووظائف مختلفة للسمات ، وإنشاء تصميم فريد لكل صفحة.

استنتاج

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