كيفية إنشاء قالب طفل أساسي لموقع WordPress
نشرت: 2022-10-19سيخبرك أي مطور WordPress جيد أن القالب الفرعي هو أفضل طريقة لتعديل قالب WordPress موجود. لماذا ا؟ لأن السمة الفرعية ترث جميع وظائف السمة الأصلية ، وتسمح لك بإجراء تغييرات دون لمس رمز القالب الأصلي. بهذه الطريقة ، عندما يتم تحديث النسق الرئيسي ، يتم الاحتفاظ بالتغييرات التي أجريتها. بناء موضوع فرعي هو عملية بسيطة نسبيًا. في هذه المقالة ، سنوضح لك كيفية إنشاء سمة فرعية أساسية لموقع WordPress.
في هذا البرنامج التعليمي ، سنتعرف على كيفية إنشاء سمة WordPress سريعة الاستجابة باستخدام CSS3 و HTML5. عندما تكون جديدًا على WordPress ، فإن تطوير سمة من البداية أمر بسيط للغاية. يجب أن يكون المظهر الخاص بك مستجيبًا حتى يكون عمليًا ، لذا تأكد من اتباع بعض الإرشادات أثناء إنشائه. سنستخدم HTML5 و CSS3 لبناء أول موضوع مخصص لـ WordPress في هذا البرنامج التعليمي. HTML5 ، أحدث إصدار من لغة ترميز الويب HTML ، هو الخامس والأكثر تقدمًا. أوراق الأنماط المتتالية (CSS) عبارة عن مجموعة من الأوراق التي يمكن عرضها وتحريرها باستخدام جهاز كمبيوتر. هناك أدوات متاحة تسمح لك بتعيين سلوك موقع الويب الخاص بك في أحجام شاشات مختلفة.
إذا كنت ترغب في اختبار السمة / السمات قبل تحميلها على خادم مباشر ، فتأكد من اختبارها في بيئة محلية. يتوفر WordPress لكل من خادم سطح المكتب وخادم WAMP. تم تصميم كل من WAMP و Desktop Server للتشغيل على كل من Windows و Mac ، ولكن WAMP مصمم لنظام التشغيل Windows وصمم Desktop Server لنظام التشغيل Mac. تتضمن الخطوة الثالثة إضافة الكود التالي: sidebar.php و function.php. يتم إدخال هذه الرموز للتأكد من أن المظهر الخاص بك قابل للتكيف. في الخطوة 4 ، ستقوم بإنشاء تخطيط لموضوعك. باستخدام استعلامات الوسائط ، يمكننا تعديل الرأس والتذييل و index.html و style.html وأجزاء أخرى من صفحة الويب.
ملفات PHP مطلوبة لهذه الصفحة. إذا اتبعت هذه الخطوات ، فمن المرجح أن يكون قالب WordPress الجديد جاهزًا ، مع جميع القوالب وأوراق الأنماط المطلوبة. يحدد ملف footer.php المستوى الأدنى لموقعك ، بما في ذلك علامتي <html> و> body. علاوة على ذلك ، يجب عليك تضمين عدد من العناصر الدلالية لـ HTML5 ، مثل نص HTML5 الرئيسي ، HTML5header ، قسم HTML5 ، و HTML5article. لعرض محتوى المنشور ، ستحتاج إلى استخدام حلقة WordPress ، والتي تعد مكونًا أساسيًا. ليس من السهل إنشاء سمة WordPress من البداية ، خاصة إذا كنت مبتدئًا. إذا كنت تريد سمة WordPress سريعة الاستجابة ، فأنت بحاجة إلى معرفة الخطوات التي يجب عليك اتخاذها.
كيفية إنشاء موضوع الطفل
لإنشاء نسق فرعي ، تحتاج إلى إنشاء مجلد جديد للقالب الفرعي وملف style.css . يجب أن يحتوي ملف style.css على ما يلي: / * اسم الموضوع: قالب موضوع طفلي: parent-theme-folder * /import url (“../ parent-theme-folder / style.css”)؛ يمكنك بعد ذلك إضافة رمز CSS المخصص الخاص بك أسفل قاعدةimport.
في حين أن وظيفة القالب الفرعي مطابقة لوظيفة السمة الأصلية ، يمكنك إضافة ميزات جديدة وتخصيصها. يتم الاحتفاظ بموضوعات الأطفال منفصلة عن موضوعات والديهم ، ولا يمكن لأي من الوالدين الوصول إليها. وجود سمة فرعية تجعل من السهل تحديث موقع الويب الخاص بك وصيانته. بالإضافة إلى ذلك ، سوف يمنعك من الكتابة فوق وفقدان مظهر موقع الويب الخاص بك. يتم نسخ كل ما تفعله بموضوع الطفل الخاص بك من المظهر الرئيسي الخاص بك. يتضمن ذلك جميع ملفات القوالب والوظائف والأصول ، بالإضافة إلى أصول JavaScript. في معظم الحالات ، تحتاج ببساطة إلى إضافة بضعة أسطر من التعليمات البرمجية إلى ملف style.html.
تعد إحدى أسرع الطرق لإنشاء سمة فرعية لـ WordPress باستخدام مكون إضافي. لاختيار المظهر الرئيسي الخاص بك ، انقر فوق القائمة المنسدلة. إذا كان لديك العديد من السمات على موقعك ، فتأكد من اختيار المظهر الذي تريد تخصيصه. بعد ذلك ، يجب عليك إكمال عملية تسمية موضوع طفلك وكتابة وصف. تتيح لك هذه الصفحة أيضًا إرسال طلب دعم أو تحليل بيانات خام إلى منشئ المكون الإضافي. قد لا يتم تنفيذ الخطوات التالية إذا كان المظهر الذي تستخدمه كوالدك مميزًا أو مقيدًا. إذا كنت بحاجة إلى إجراء تغييرات على موقع الويب الخاص بك ، فتأكد من نسخ جميع إعداداتك احتياطيًا.
لإنشاء سمة تابعة لـ WordPress ، يمكنك إجراء جميع التغييرات التي تريدها على مستوى أكثر تخصيصًا. قم بإنشاء مجلد لموضوع طفلك أولاً. الخطوة الثانية هي إنشاء ورقة أنماط لموضوع طفلك. تحميل أوراق أنماط الموضوع الرئيسي والفرعي . يجب وضع ملف style.css ، الموجود حاليًا في مجلد الدليل الذي أنشأته للتو ، في الخطوة التالية. من الضروري تمكين السمة التابعة في الخطوة 5 بالانتقال إلى المظهر. يعد استخدام قالب فرعي طريقة فعالة لتجنب تحرير سمة رئيسية مباشرة.
باستخدام السمات الفرعية ، يمكنك إجراء مجموعة متنوعة من التغييرات على موقع الويب الحالي الخاص بك دون الحاجة إلى تعلم أي لغة برمجة. بالإضافة إلى خدمة الاستضافة المناسبة ، سوف تحتاج إلى خدمة تناسب احتياجاتك. بالنسبة لخطط الاستضافة المشتركة منخفضة التكلفة التي تعطي الأولوية لأداء موقع الويب ، لا تبحث عن DreamHost.
إيجابيات وسلبيات استخدام مواضيع الأطفال
هناك مزايا عديدة لاستخدام السمات الفرعية. إذا كنت تفضل نموذجًا ، فيمكن تخصيصها لتلبية متطلباتك المحددة أو يمكنك الحصول على سمة مصممة مسبقًا. بالإضافة إلى ذلك ، يمكنهم مساعدتك في الحفاظ على موقعك منظمًا عن طريق تخزين جميع التغييرات التي تجريها على المظهر الخاص بك في مكان واحد.
على الرغم من حقيقة أن WordPress قد لا يدعم السمات الفرعية ، إلا أنها بالتأكيد أداة قوية وموفرة للوقت.
ما هو موضوع الطفل
النسق الفرعي هو نسق يرث وظائف وتصميم نسق آخر ، يسمى النسق الأصل. غالبًا ما يتم استخدام السمات الفرعية عندما تريد إجراء تغييرات على سمة موجودة ، دون فقد القدرة على تحديث النسق الرئيسي.
لماذا يجب عليك استخدام موضوع الطفل
تتمثل إحدى ميزات استخدام السمة الفرعية في أن طفلك سيكون قادرًا على التحرك بسرعة أكبر. بدلاً من كتابة كل شيء بنفسك ، فإنك تعتمد على الوالد ليكون بمثابة العمود الفقري وإجراء التغييرات اللازمة حسب الضرورة. يمكن أن يساعدك هذا أيضًا في الحفاظ على تناسق وتنظيم المظهر الخاص بك ، مما يسمح لك بإضافة ميزات جديدة أو إجراء تغييرات على سمة موجودة بسهولة أكبر.