الرئيسية ووردبريس كيفية إنشاء سمة الطفل في ووردبريس

2022-03-15

كيفية إنشاء سمة الطفل في ووردبريس

✔ Rami

ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس



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

في هذه المقالة ، سنوضح لك كيفية إنشاء سمة الطفل في ووردبريس.

ما هي سمة الطفل

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

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

 من أجل تطبيق التعديلات يجب تفعيل الموضوع الفرعي. 
سيظل السمة الرئيسية تتضمن أي وظيفة لم يتم استبدالها بواسطة السمة الفرعية.

لماذا تحتاج إلى إنشاء سمة الطفل؟

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

المتطلبات

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

 اقرأ هنا : كيفية إضافة محتوى وهمي لتطوير القالب في WordPress | ووردبريس

 اقرأ هنا : كيفية تثبيت WordPress على كمبيوتر Windows باستخدام WAMP | ووردبريس

 ابدء
يمكن استخدام أي سمة ووردبريس جيدة كموضوع رئيسي. ومع ذلك ، هناك العديد من الأنواع المختلفة من الموضوعات وقد لا يكون بعضها أسهل في التعامل معها. من أجل هذا البرنامج التعليمي ، سنستخدم Twenty Thirteen ، وهي واحدة من سمات ووردبريس WordPress الافتراضية.

إنشاء سمة الطفل

تحتاج أولاً إلى فتح /wp-content/themes/مجلد تثبيت ووردبريس WordPress الخاص بك وإنشاء مجلد جديد لطفلك. 
يمكنك تسمية هذا المجلد بأي شيء تريده. لهذا البرنامج التعليمي سنقوم بتسميته wpbdemo.
ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس


افتح محرر نصوص مثل Notepad والصق هذا الكود:

/*
 Theme Name:   WPB Child Theme
 Theme URI:    https://www.example.com/
 Description:  A Twenty Thirteen child theme 
 Author:       example
 Author URI:   https://www.example.com
 Template:     twentythirteen
 Version:      1.0.0
*/

@import url("../twentythirteen/style.css");


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

 معظم هذه الأشياء في هذا الملف تفسر نفسها بنفسها.
ما تريد حقًا الانتباه إليه هو القالب: Twenty

 هذا يخبر ووردبريس أن السمة الخاصة بنا هي سمة فرعية وأن اسم دليل السمة الرئيسي هو Twenty. 
اسم المجلد الأصل حساس لحالة الأحرف. إذا قدمنا ووردبريس ​​WordPress مع القالب: TwentyThirteen ، فلن يعمل.

 يستورد السطر الأخير في هذا الرمز ورقة أنماط السمة الرئيسية الخاصة بنا إلى السمة الفرعية.

 هذا هو الحد الأدنى المطلوب لإنشاء قالب فرعي. 
يمكنك الآن الانتقال إلى المظهر > قوالب حيث سترى موضوع WPB Child. تحتاج إلى النقر فوق زر التنشيط لبدء استخدام الموضوع الفرعي على موقعك.
ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس


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

تخصيص سمة الطفل

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

 في هذا القسم ، ستحتاج إلى القليل من الدراية في CSS .

 يأتي Google Chrome و Firefox مع أدوات مفتش مدمجة. 
تسمح لك هذه الأدوات بإلقاء نظرة على HTML و CSS خلف أي عنصر من عناصر صفحة الويب.

 إذا كنت ترغب في رؤية CSS المستخدمة لقائمة التنقل ، فما عليك سوى تمرير الماوس إلى قائمة التنقل والنقر بزر الماوس الأيمن لتحديد Inspect Element.
ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس


سيؤدي ذلك إلى تقسيم شاشة المتصفح إلى جزأين. في الجزء السفلي من الشاشة ، سترى HTML و CSS للصفحة.
ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس


أثناء تحريك الماوس على خطوط HTML مختلفة ، سيسلط مفتش Chrome الضوء عليها في النافذة العلوية. كما ترى ، لدينا قائمة تنقل محددة في لقطة الشاشة أعلاه.

 سيعرض لك أيضًا قواعد CSS المتعلقة بالعنصر المميز في النافذة على اليمين.

 يمكنك محاولة تحرير CSS هناك لترى كيف ستبدو. لنحاول تغيير لون الخلفية .navbar إلى #e8e5ce.
ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس




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

 احفظ التغييرات التي أجريتها على ملف style.css ثم قم بمعاينة موقعك.

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

/*
 Theme Name:   WPB Child Theme
 Theme URI:    https://www.example.com
 Description:  A Twenty Thirteen child theme 
 Author:       example
 Author URI:   https://www.example.com
 Template:     twentythirteen
 Version:      1.0.0
*/

@import url("../twentythirteen/style.css");

.site-title {
padding: 30px 0 30px;
}

.site-header .home-link {
min-height: 0px;
}

.navbar {
background-color: #e8e5ce;
}

.widget { 
background-color: #e8e5ce;
}
.site-footer {
background-color: #d8cdc1;
} 
.site-footer .sidebar-container { 
background-color:#533F2A
}

تحرير ملفات القالب


ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس


يحتوي كل سمة ووردبريس على تخطيط مختلف. 
دعونا نلقي نظرة على تخطيط السمة Twenty Thirteen.
 لديك رأس وقوائم تنقل وحلقة محتوى ومنطقة عنصر واجهة التذييل ومنطقة عنصر واجهة ثانوية وتذييل.
يتم التعامل مع كل قسم من هذه الأقسام من خلال ملفات مختلفة في المجلد twentythirteen. تسمى هذه الملفات قوالب.

 معظم الوقت يتم تسمية هذه القوالب على اسم المنطقة التي تُستخدم فيها. على سبيل المثال ، تتم معالجة قسم التذييل عادةً بواسطة ملف footer.php ، وتتم معالجة مناطق الرأس والتصفح بواسطة ملف header.php. يتم التعامل مع بعض المناطق ، مثل منطقة المحتوى عن طريق ملفات متعددة تسمى قوالب المحتوى.

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

 على سبيل المثال ، تريد إزالة رابط "مدعوم من WordPress" من منطقة التذييل وإضافة إشعار بحقوق النشر هناك. ما عليك سوى نسخ ملف footer.php في سمة طفلك ثم فتحه في محرر نص عادي مثل المفكرة. تعرف على الخطوط التي تريد إزالتها واستبدالها بخطك الخاص. مثله:

<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Thirteen
 * @since Twenty Thirteen 1.0
 */
?>

        </div><!-- #main -->
        <footer id="colophon" class="site-footer" role="contentinfo">
            <?php get_sidebar( 'main' ); ?>

            <div class="site-info">
                <p>&copy; Copyright <?php echo date(Y); ?> <?php bloginfo('name'); ?> All rights reserved.</p>
                 
            </div><!-- .site-info -->
        </footer><!-- #colophon -->
    </div><!-- #page -->

    <?php wp_footer(); ?>
</body>
</html>

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

استكشاف الأخطاء وإصلاحها

كمبتدئين ، من المتوقع أن ترتكب أخطاء عند العمل على سمة الطفل الخاصة بك. فقط لا تستسلم بسرعة.

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

فيما يلي دليل سريع يشرح كيفية العثور على خطأ بناء الجملة وإصلاحه في ووردبريس WordPress .
مواضيع الطفل الأخرى على أساس Twenty Thirteen

 فيما يلي بعض السمات الفرعية الأخرى لـ WordPress استنادًا إلى Twenty Thirteen. 
ألق نظرة عليهم وشاهد كيف قام مطورو السمات هؤلاء بتخصيص Twenty Thirteen.

Holi


ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس

Cherry Blossom

ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس


2013 Blue


ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس


Flat Portfolio


ووردبريس,قالب ووردبريس,قوالب ووردبريس,ووردبريس عربي,قوالب ووردبريس احترافية,تطوير قوالب ووردبريس,قالب ووردبريس اخباري,كيفية إنشاء قالب ووردبريس من الصفر حتى الاحتراف,افضل قالب ووردبريس,custom taxonomy في ووردبريس,ما هي taxonomies في ووردبريس,كورس تطوير قوالب ووردبريس,ووردبريس بالعربي,تعلم ووردبريس من الصفر,السلسلة الشاملة لتطوير قوالب ووردبريس,the template file hierarchy في ووردبريس,شرح ووردبريس,کیفیة إنشاء قالب ابن child theme في ووردبريس

نأمل أن تساعدك هذه المقالة على تعلم كيفية إنشاء سمة الطفل في ووردبريس WordPress

إذا أعجبك هذا المقال ، فالرجاء أضافة تعليق وتققيم للموضوع .

أذا كان لديك أي أستفسار لاتتردد بمراسلتنا هنا 

اقرأ هنا : أنشاء مدونة ووردبريس من البداية الى النهاية



اقرأ هنا : كيفية تثبيت WordPress على الاستضافات




كلمات دلالية :

المدونات,أنشاء مدونة,استضافة المواقع,موقع ووردبريس,قالب وورد بريس,قالب ورد بريس,ووردبريس,موقع ووردبريس,wordpress شرح,wordpress ماهو,قوالب ووردبريس مدفوعة مجانا,انواع المدونات,انشاء موقع wordpress مجاني,wordpress تحميل,مدونات شخصية,المدونات الالكترونية,قوالب ووردبريس عربية مجانية,ووردبريس عربي,ما هي المدونة,استضافة مجانية ووردبريس,انشاء مدونة ووردبريس,ما هو الووردبريس,قالب ووردبريس مجاني,افضل قالب ووردبريس,تصميم قوالب ووردبريس,ما معنى مدونة شخصية,قالب ووردبريس اخباري,المدونات الإلكترونية,مدونة ووردبريس,نور للمعلوماتية

اشترك في نشرتنا البريدية للحصول علي جديد المواضيع

شاهد أيضا

التعليقات
0 التعليقات
الاشتراك في: تعليقات الرسالة (Atom)

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *