كيفية إنشاء سمة Divi Child

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

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

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

في هذه المقالة سأغطي:

• ما هو Divi وما هي الميزات؟
• كيفية إنشاء سمة Divi الفرعية (+ تنزيل مجاني للأطفال!)
• كيفية اختبار ما إذا كان موضوع Divi الفرعي الخاص بك يعمل أم لا

دعونا نتعمق.

ما هو Divi وما هي الميزات؟

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

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

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

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

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

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

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

الآن بعد أن فهمت Divi بشكل أفضل قليلاً، دعنا نتعمق في كيفية إنشاء سمة فرعية.

كيفية إنشاء سمة Divi Child

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

الخيار 1: استخدم Flywheel + Divi للتثبيت السريع والسهل.

الخيار 2: الطريقة اليدوية (اتبع هاتين الخطوتين)

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

الخطوة 2: حان الوقت لتسجيل الدخول إلى موقع WordPress الخاص بك. انتقل إلى المظهر > السمات. انقر فوق إضافة جديد أو إضافة سمة جديدة على الجانب الأيمن. انقر فوق الزر "تحميل السمة" في الجزء العلوي الأيسر. اختر ملفًا وابحث عن ملف Divi المضغوط. ملحوظة: احتفظ به في ملف مضغوط (لا تقم بفك الضغط). انقر فوق تثبيت. بعد الانتهاء من التثبيت، انقر فوق "تنشيط" وسيتم تثبيته وتنشيطه على موقعك! ؟

أنت الآن جاهز لإنشاء سمة Divi الفرعية! هناك ثلاث طرق رئيسية لإنشاء سمة Divi الفرعية: تنزيل سمة فرعية مجانية أو استخدام مكون إضافي أو ترميزها يدويًا.

الخيار 1: تنزيل ملف Divi Child Theme مجانًا

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

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

الخيار 2: إنشاء سمة Divi Child باستخدام مكون إضافي

هناك عدد من المكونات الإضافية المتاحة لمساعدتك في إنشاء سمة Divi الفرعية. فيما يلي بعض من مفضلاتي الشخصية:

• أطفال ديفي
• مكون موضوع الطفل
• موضوع الطفل الخالق من قبل Orbisius

أطفال ديفي

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

مكون موضوع الطفل

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

موضوع الطفل الخالق من قبل Orbisius

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

أخيرًا، إذا لم يكن المكوّن الإضافي مناسبًا لك، فهناك دائمًا خيار إنشاء سمة Divi الفرعية يدويًا!

الخيار 3: إنشاء سمة Divi التابعة يدويًا

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

الخطوة 1: إنشاء ملف style.CSS

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

ملاحظة: تأكد من أن لديك أداة لتحرير النصوص أو التعليمات البرمجية، وإلا فإن تسمية هذا الملف ستكون صعبة!

الخطوة 2: أضف هذا إلى ملف style.css:

 /*
 اسم الموضوع: موضوع Divi الطفل
 عنوان URI للموضوع: https://www.elegantthemes.com/gallery/divi/
 الوصف: موضوع الطفل لDivi
 الكاتب: اسمك
 عنوان URL للمؤلف: https://getflywheel.com/
 القالب: ديفي
 الإصدار: 1.0.0
*/

اسم السمة، URI للموضوع، الوصف، المؤلف، URI للمؤلف، والإصدار كلها قابلة للتحرير. احتفظ باسم القالب كما هو! لمزيد من التخصيص (والتأكد من عمل قالب Divi الفرعي الخاص بك)، قم بإضافة أي CSS مخصص هنا.

الخطوة 3: إنشاء ملف jobs.php

قم بإنشاء ملف آخر في المجلد الذي قمت بإنشائه بالفعل وقم بتسميته jobs.php

ثم أضف هذا الكود إلى ملفك الجديد وأضف أي وظائف مخصصة قد تريدها أسفل السطر الأخير:

 <?php
الوظيفة divi__child_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'divi__child_theme_enqueue_styles' );

الخطوة 4: إنشاء لقطة شاشة

هذه خطوة مهمة حتى لا يحتوي موقعك على مساحة فارغة حيث يجب أن تكون الصورة على صفحة سمات WordPress، لذا فإن التقاط لقطة شاشة سريعة يعد خطوة أساسية هنا! بمجرد التقاط لقطة الشاشة، تابع وتأكد من أن الأبعاد هي 880 × 660 بكسل، وأنها بتنسيق .png أو .jpeg (إما تعمل!)، وأن الاسم هو [screenshot.png] أو [screenshot.jpeg]. بعد ذلك، ستقوم بإضافة صورة لقطة الشاشة إلى المجلد الرئيسي.

الخطوة 5: ضغط المجلد وتحميله

أخيرًا، قم بضغط المجلد في ملف مضغوط وتحميله على WordPress! ستنتقل إلى المظهر > السمات > تحميل ثم انقر فوق تنشيط.

هاهو! لقد نجحت في إنشاء سمة Divi الفرعية وأنت جاهز للتخصيص حسب رغبة قلبك.

كيفية اختبار ما إذا كان موضوع Divi Child يعمل أم لا

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

ملاحظة: قد تضطر إلى فتح صفحتك في متصفح خاص في حالة تخزينها مؤقتًا.

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

خاتمة

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

تحميل موضوع Divi الطفل مجانا

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