ما هي لغة ووردبريس؟

عندما نتكلم حول لغة ووردبريس و توسيعه فيتم إنشاء الأسئلة الكثيرة في أذهان المستخدمين. أهم و أقدم سؤال هو أن ما هي لغة ووردبريس؟

العديد من الأشخاص يريدون التعرف على لغات يجب تعلمهم لتوسيع ووردبريس. هل يجب تعلّم PHP في البداية؟ أو جافا سكريبت؟ فما هو دور HTML و CSS في هذه القضية؟ فنريد إلي المزيد من التكلم عن هذه القضية في ما يلي.

ما هي لغة ووردبريس ؟

لكي تكون قادراً على العمل مع ووردبريس، تحتاجون إلي معرفة المفاهيم الأساسية، إلا أنكم تحتاجون إلي معرفة القليل عن لغات علم البرمجة. هذا سيسهل عملكم.

PHP

حسناً، كما قلناها قد كتبت نواة ووردبريس مع PHP. على سبيل المثال، يمكن القول أن يعد PHP محرّك ووردبريس. في الحقيقة، تجري لغة برمجة PHP ووردبريس على الخادم.

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

تم إنشاء PHP لأسهل عملية إنشاء صفحات HTML في البداية. إفتراضياً، كُتب الأمر بلغة PHP و تعرض نتيجته في صفحة HTML و يمكن مشاهدتها للزوار.

<?php
$variable = 4;
$math = $variable + 1;
if ( $math > $variable ) {
 echo 'Yay. Math yielded '.$math.'! '; // User's screen will
show: "Yay. Math yielded 5! "
 echo 'Variable was '.$variable.'.'; // User's screen will
show: "Variable was 4."
}
?>
<p>I'm an HTML paragraph. Hi!</p>
<?php if (true) : ?>
 <p>I'm HTML that will render,
because I'm inside a true if-statement.</p>
<?php endif; ?>
<?php if (false) : ?>
<p>I'm HTML that won't render, because I'm inside a false if-statement.</p>
<?php endif; ?>

يعد هذا مثالاً عن شفرة بلغة PHP.

يجب عليكم التعرف على النصائح الضرورية لفهم أفضل هذه الشفرة:

أي عنصر لم يجعل في علامة بداية و نهاية PHP هو مجرد شفرة HTML. يعني (<?php و ?>) على رغم ان عندما يقوم الخادم إلي تقييم ملف PHP، يشير إلي نتيجته مثل ملف HTML.
يكون المتغيرات في PHP مع علامة $ (دولار). إستخدام المتغيرات في PHP يشبه إلي ما نقوم به في الرياضيات.
يكون PHP على نحو أن يقوم محتوي HTML إلي السيطرة عليه. على سبيل المثال، قوموا بملاحظة داخل if في البداية. تعرض هذه العبارة HTML خاص بها عندما يكون في حالة true. وإلا لا تعرض HTML الخاص بها. أي عندما يكون في حالة False.
يجب عليكم إستخدام أمر echo في PHP لطبع النتيجة النهائية في قالب HTML. كما تشاهد في بداية هذا المثال، المتغيران لهما أمر echo يكونان إيهما مزيجاً عن سلاسل النص العادية و متغيرات PHP.

تساعدك هذه البرامج التعليمية على فهم أوامر PHP قليلاً. لكن هذا ليس كل القضية!

HTML

HTML هي اللغة الضرورية لموقع الويب. باختصار تعتمد الويب على HTML. HTML تعني لغة ترميز النص التشعبي. جميع الصفحات التي تشاهدونها على الإنترنت مع محتواها تم إنشاءها مع نسخة من HTML.

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

<!DOCTYPE html>
<html>

         <head>
                 <meta charset="UTF-8" />
                 <title>Page Title in Search Results</title>
         </head>
         <body>
                 <h1>Page Title at Top of Page</h1>
                 <p class="lorem">Lorem ipsum dolor sit amet…</p>
         </body>
</html>

يكون هنا لدينا وسمة البداية و النهاية مماثلة إلي PHP. على سبيل المثال، لاحظوا إلي سطر 7 في هذا المثال. يكون هنا لنا وسمة H1. يعرض نصوص داخل هذها الوسمة على نحو header. وسمة <p> في السطر اللاحق هي أن يتضمن نصها على الفقرة الواحدة.

بالطبع، لا تكون وسمة نهاية في HTML دائماً. على سبيل المثال، لاحظوا إلي <meta charset=”UTF-8″ />. يعد هذا إطار لملف HTML فقط.

ميزة أخري أن يكون لوسوم HTML هي فئتها. يمكن أن تنتمي كل علامة إلي فصل دراسي (class) في HTML. على سبيل المثال، لاحظوا إلي وسمة <p> في السطر 7. هذه الوسمة يشتمل على فئة Lorem. هذه الفئة تقوم بإرجاع ملف و أمر CSS. و هذا يعني أن ما يعرض هذا العنصر بالضبط.

CSS

يمكنك وضع النصوص البسيطة و الصفحات الملساء تبدو جيدة. يكون CSS إختصاراً لعبارة Cascading Style Sheets. يتم نمط جميع الصفحات الحديثة من خلال CSS في الوقت الحاضر.

يمكنك عرض جميع العناصر الموجودة في ملف HTML مع مظهر تم تعريفه مسبقاً و على ما يريدونه. على سبيل المثال، يكون ميزة النمط لجميعهم منها وسمة H1 أو صف أو فئة Lorem.

.lorem {
         color: #325050;
         background: #fff;
         font-family: 'Libre Baskerville', sans-serif;
         font-size: .85rem;
}

تحتاج في CSS أولاً إلي تحديد العناصر المراد بتصميمها. نحن هنا نريد تصميم فئة Lorem. يتم تحديد الفئات باستخدام dot في CSS.

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

جافا سكريبت

جافا سكريبت هو لغة المتصفحات. في الحقيقة، يحدد جافا سكريبت JavaScript كييفية ظهور كل صفحة من صفحات HTML بعد فتحها في متصفح المستخدم.

على سبيل المثال، عندما ينقر المستخدم على مفتاح واحد و يغير لون المفتاح مع هذا العمل و يخفي المفتاح المطلوب. هذا عمل يقوم به جافا سكريبت بالضبط.

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

( function( $ ) {
 // 1. Define variables
         var navMenu = '.primary-navigation';
         var pageContent = '.main-content';
         var gap = parseInt( $( 'html' ).css( 'font-size' ), 10 ) * 2;
  // 2. Define function to give min-height
         function setPageMin() {
                 var height = $( navMenu ).height();
                 $( pageContent ).css( 'min-height', height + gap );
         }
         $( window ).load( function() {
                 setPageMin();
                 $( window ).resize( function() {
                          setTimeout( function() {
                                   setPageMin();
                          }, 120);
                 });
         });
})(jQuery);

هذا مثال عن جافا سكريبت.

SQL

هل سبق لكم أن تساءلت عما يتطلبه الأمر لتخزين جميع المعلومات و المحتويات في موقع الويب الخاص بكم؟ هذا بالضبط ما يفعله MySQL. المعلومات التي تتم تخزينها في MySQL يتم استعادتهم بواسطة PHP ديناميكياً.

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

كيف يكتبون قوالب ووردبريس؟

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

كيف يكتبون مكونات إضافية ووردبريس؟

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

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

هل ينتقل ووردبريس إلي Node.js؟

قدّم ووردبريس تحديثه الهام (محرر غوتنبرغ و لوحة تحكم Calypso) من خلال Node.js.

يعد Node.js بيئة تنفيذية لجافا سكريبت و يسمح إلي المبرمجين أن يستخدموا جافا سكريبت على جانب الخادم. كذلك، هناك مكاتب متقدمة لجافا سكريبت مثل React و يستخدمون لإنشاء الكثير من البرامج الجديدة.

فهل يستخدم ووردبريس جافا سكريبت كلغة رئيسية الخاص به؟ يقال ووردبريس لا يجد برمج لإعادة كتابة هذه المنصة معتمداً على Node.js. ولكن من الواضح أهمية جافا سكريبت الكثيرة في تحديثات ووردبريس تماماً.

فإن عملوا حتي الآن مع PHP فلايحتاج الرجوع إلي جافا سكريبت بالفور. ولكن لا تتجاهلوا عن Node.js و React.

من أين أبدأ إلي تعلّم لغة ووردبريس؟

إحد من فوائد ووردبريس هو أنه يمكن فهمه و تعلمه من قبل جميع المستخدمين. في الواقع، يمكن لأي مستخدم أن يكون لديه المعلومات الأساسية، إستخدام CMS بسهولة. هذا الموضوع أدي إلي تحويل ووردبريس بأكثر شعبية أنظمة إدارة المحتوي في العالم.

ينبغي الرجوع إلي اللغات التي يستخدمها هذا CMS لتعلم لغة ووردبريس. لكن في البداية يجب عليكم التعرف على لغة ترميز الويب، أي HTML. بالإضافة إلى تعلم HTML ، يجب عليكم أن تتعلموا إصداره الأحدث يعني HTML5 إضافة إلي تعلّم HTML.

تعلم HTML وحده لا فائدة منه لأنكم تتعامل فقط مع صفحات البسيطة و النصية فقط. يجب عليكم الرجوع إلي CSS لتصميم موقع الويب الخاص بكم على نحو ما تريدون. يحتوي CSS على كل ما تحتاجونه للأناقة.

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

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

إستنتاج

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