Primary, middle and foundation English teacher - experience and translator مدرس انجليزي ابتدائي واعدادى وتأسيس - خبرة ومترجم
recent
أخبار ساخنة

أهم دوال إنشاء قوالب ووردبريس في الـ head لأي صفحة ويب وشرح أهميتها

أهم دوال ووردبريس التي تساعدك على إنشاء القوالب والإضافات في head  وشرح أهميتها


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


مراجع دوال ووردبريس 


طبعا موقع منظمة ووردبريس هو المرجع WordPress Reference الرئيسي لكل تلك الدوال وإعطاء أمثلة لها، ليس هذا فقط فهذا المرجع به كل الكلاسات Classes التي انشأها مطوري ووردبريس من جميع انحاء العالم، وكذلك ال Hooks أو الخطفات وهي في الواقع أيضا دوال أو بمعنى أدق Methods.


دوال ووردبريس الأكثر إنتشار وأهمية

إنشاء ملف index في ووردبريس وترميزات البداية 

عند بداية برمجة وتطوير قالب ووردبريس، أول ما نقوم به هو إنشاء ملف index.php وإضافة الترميزات التالية:

إنشاء ملف html من البداية من خلال VSC

ملف التشكيل الأساسي لقالب ووردبريس syle.css


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


ملف التشكيل الأساسي لقالب ووردبريس syle.css


أهمية الدالة get_template_directory_uri 

 
ثم يتم إضافة رابط له في ملف index ولكل الملفات الأخرى كالخطوط وملفات CSS المهمة الأخرى مثل بوتستراب الشبكي bootstrap-grid-min.css وغيرها بواسطة الدالة get_template_directory_uri كالتالي:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    /**
* get_template_directory_uri()
*/
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(  );?>/style.css">
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(  );?>/css/bootstrap-grid.rtl.css">
</head>
<body>
   
</body>

</html>



يمكن أيضا ربط ملفات التشكيل والخطوط وغيرها من خلال ملف functions.php وهناك طرق كثيرة ولكني أعتقد أن هذه الطريقة هي افضلهم.

فوائد الدالة wp_title والدالة language_attributes

الدالة wp_title تستخدم لإضافة عنوان الصفحة في محركات البحث وهي غاية في الأهمية وطبعا يتم إدخال المدخلات لهذا العنوان بواسطة اعدادات في لوحة تحكم ووردبريس من خلال هذه الدالة، أما الدالة language_attributes فائدتا معرفة اللغة التي سيتم التعامل معها في الموقع وايضا يتم تغيرها حسب رغبتك من لوحة تحكم ووردبريس من خلال القائمة إعدادات أيضا. 

يتم إضافة الدالتين كالتالي:


<!DOCTYPE html>
    /**
* language_attributes()
*/
<html <?php language_attributes(); ?>>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
/**
* wp_title()
*/
    <title><?php wp_title( $sep= "|", $display=true, $seplocation="" ); ?></title>
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(  );?>/style.css">
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(  );?>/css/bootstrap-grid.rtl.css">
</head>


دالة wp_head واهميتها القصوى


لا يمكن لأي مبرمج ويب ووردبريس أن لا يستخدم الدالة wp_head فهي المسؤولة عن إدخال الستيلات المختلفة للإضافات التي يتم ربطها مع ووردبريس لمطوري الإضافات (البرامج المساعدة)، وكذلك تفيد هذه الدالة التشكيل المضاف بواسطة مطوري ووردبريس من المنظمة بانفسهم، وأيضا مفيدة لك أنت حتى تستطيع ربط أي ملف ستيل إن اردت، وبطريقة مختلفة حيث تستطيع الربط من أي مكان أو ملف في القالب، يتم إضافة هذه الدالة function قبل عنصر النهاية head مباشرة كالتالي: 


<!DOCTYPE html>
    /**
* language_attributes()
*/
<html <?php language_attributes(); ?>>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
/**
* wp_title()
*/
    <title><?php wp_title( $sep= "|", $display=true, $seplocation="" ); ?></title>
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(  );?>/style.css">
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(  );?>/css/bootstrap-grid.rtl.css">
    /**
* wp_head()
*/
<?php wp_head(); ?>
</head>


رابط الفيديو لسلسلة برمجة موقع ووردبريس فإن اعجبك فتابع اكثر من عشرين فيديو آخر حتى الآن لتطوير مواقع ووردبريس.

 
برمجة وتطوير وتصميم إنشاء قالب ووردبريس 2023 - 2024

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

تابع القراءة : برمجة موقع ووردبريس بثلاث ملفات فقط وكيفية دمج ووردبريس ولارافيل Laravel

سجل للحصول على آخر الأخبار وكثير من الفوائد الأخرى

* indicates required

Intuit Mailchimp

google-playkhamsatmostaqltradent