لذا سنوزع عناصر الترويسة ضمن ثلاث أقسام

             class="rtl-Primary-nav">
                php
                if (has_custom_logo()) : {
                        $custom_logo_id = get_theme_mod('custom_logo');
                        $image = wp_get_attachment_image_src($custom_logo_id, 'full');
                    }  ?>
                     id="myTopnav" class="topnav">
                         class="logo">
                            php echo esc_url(home_url('/')); ?>" class="logo-link">
                                php echo $image[0]; ?>"> 
                        
                        php wp_nav_menu(array('theme_location' => 'Primary')); ?>  href="javascript:void(0);" class="icon" onclick="myFunction()">
                             class="fa fa-bars">
                        
                    
                php else : ?>
                     id="myTopnav" class="topnav">
                        

                        php wp_nav_menu(array('theme_location' => 'Primary')); ?>  href="javascript:void(0);" class="icon" onclick="myFunction()">
                             class="fa fa-bars">
                        
                    
                php endif; ?>
            

والقسم الثاني يعرض الصور المنزلقة Slider لأشهر مقالات الموقع وحاليًا سنكتفي بعرض صورة ثابتة هي الصورة المصغرة للقالب مؤقتًا ضمن هذا القسم ريثما يتم تكويده في الدرس الخامس من هذه السلسلة بواسطة جافا سكريبت:

    class="slider">
                 id="sliderlink" href="https://academy.hsoub.com/" >
                    php bloginfo('template_url'); ?>/screenshot.png" alt="slider">
                
            

أما القسم الثالث فسوف يحتوي على القائمة الثانوية للموقع وكما تلاحظ نستدعي هنا الدالة الجاهزة wp_nav_menu()‎‏ مرة ثانية لكن نمرر لها هذه المرة وسيط القائمة الرئيسية Primary.

  class="rtl-Secondary-nav">
                 id="mydnnav" class="dnnav">php wp_nav_menu(array('theme_location' => 'Secondary')); ?>
                
            

سيكون الكود الكامل لملف الترويسة كما يلي:

php language_attributes(); ?> class="no-js">

    php bloginfo('charset'); ?>" />
     name="viewport" content="width=device-width, initial-scale=1" />
     rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    
    php wp_head(); ?>

php body_class(); ?>>
    php wp_body_open(); ?>
     class="wrapper-container">
        

class="rtl-Secondary-nav"> php if (has_custom_logo()) : { $custom_logo_id = get_theme_mod('custom_logo'); $image = wp_get_attachment_image_src($custom_logo_id, 'full'); } ?> id="myTopnav" class="topnav"> class="logo"> php echo esc_url(home_url('/')); ?>" class="logo-link"> php echo $image[0]; ?>"> php wp_nav_menu(array('theme_location' => 'Secondary')); ?> href="javascript:void(0);" class="icon" onclick="myFunction()"> class="fa fa-bars"> php else : ?> id="myTopnav" class="topnav">

php echo esc_url(home_url('/')); ?>" rel="home" class="logo-link">php bloginfo('name'); ?>

php wp_nav_menu(array('theme_location' => 'Secondary')); ?> href="javascript:void(0);" class="icon" onclick="myFunction()"> class="fa fa-bars"> php endif; ?> class="slider"> id="sliderlink" href="https://academy.hsoub.com/" > php bloginfo('template_url'); ?>/screenshot.png" alt="slider"> class="rtl-Primary-nav"> id="mydnnav" class="dnnav">php wp_nav_menu(array('theme_location' => 'Primary')); ?>

تسجيل قوائم التنقل في ملف وظائف قالب ووردبريس

لا يكفي استدعاء الدالة wp_nav_menu()‎‏ وحدها في ترويسة القالب لعرض القوائم المطلوبة، بل نحتاج إضافة لذلك إلى كتابة كود مخصص في ملف وظائف القالب functions.php لجعل قوائم التنقل تظهر بشكل صحيح في قالب ووردبريس الخاص بنا، حيث نحتاج لاستدعاء الدالة register_nav_menu()‎ التي يوفرها لنا ووردبريس لتسجيل مواضع القوائم في قالبنا وجعلها تظهر من خلال القائمة الفرعية قوائم ضمن التبويب المظهر.

للقيام بذلك سنفتح ملف وظائف قالب ووردبريس functions.php في محرر الأكواد ونضيف له الشيفرات التالية:

php
// menus
function register_nav_menu_primary_qwe(){
    $location='Primary';
    $description='Primary menu';
    register_nav_menu( $location, $description );
}
add_action('after_setup_theme','register_nav_menu_primary_qwe' );
function register_nav_menu_Secondary_qwe(){
    $location='Secondary';
    $description='Secondary menu';
    register_nav_menu( $location, $description );
}
add_action('after_setup_theme','register_nav_menu_Secondary_qwe' );
?>

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

لاحظ هنا أننا مررنا دالة تسجيل القوائم الخاصة كوسيط لدالة اسمها add_action()‎ وهذه هي الطريقة المثلى لاستدعاء الدوال وتنفيذها في ووردبريس وهي تعتمد على ربط الدالة بما يعرف بالخطاف hook.

الخطافات hooks هي نوع معين من الدوال تستخدم في برمجة القوالب والإضافات وهي توفر لك طريقة تمكنك من ربط واستدعاء الأكواد الخاصة بك ما بأي جزء في نظام ووردبريس الرئيسي ولمعرفة المزيد حول الخطافات وآلية عملها أنصح بقراءة مقال برمجة إضافات ووردبريس: الخطافات (Hooks).

إضافة ميزة عرض الشعار المخصص في قالب ووردبريس

سنوفر في قالبنا طريقة لوضع شعار مخصص في ترويسة الموقع من لوحة لتخصيص القالب التي تصل لها عادة من خلال لوحة تحكم موقع ووردبريس ثم اختيار التبويب المظهر ثم تخصيص وتحميل الشعار المناسب لعرضه في ترويسة الموقع.

تتم إضافة هذه الميزة عبر خطوتين الأولى هي باستدعاء الدالة add_theme_support()‎ وتمرير الوسيط custom-logo لها، ويمكن أن نخصص أبعاد الشعار بقيم محددة من خلال كتابة الكود التالي في ملف وظائف القالب functions.php:

add_theme_support( 'custom-logo' );
function themename_custom_logo_setup()
{ $defaults = array( 'height' => 200,
'width'=> 200,
'flex-height' => true,
'flex-width'  => true,
'header-text' => array( 'site-title', 'site-description' ), );
add_theme_support( 'custom-logo', $defaults ); } add_action( 'after_setup_theme', 'themename_custom_logo_setup'); 

بعدها نكتب كود عرض هذا الشعار في الموضع الذي نريد عرضه فيه وهو في حالة قالبنا قبل عرض القائمة الثانوية في القسم header كما يلي:

 php
     if ( has_custom_logo() ) {
      $custom_logo_id = get_theme_mod( 'custom_logo' );
      $image = wp_get_attachment_image_src( $custom_logo_id, 'full');
      }  ?>
php echo $image[0]; ?>">

إضافة ميزة الصور المصغرة إلى قالب ووردبريس

لا تتوفر ميزة الصورة المصغرة أو الصورة البارزة للمقال (Post Thumbnail) بشكل تلقائي في ووردبريس ولتنشيط هذه الميزة في قالب ووردبريس الخاص بنا نحتاج من جديد إلى كتابة كود مخصص في ملف وظائف قالب ووردبريس functions.php.

يتم ذلك من خلال استدعاء الدالة add_theme_support()‎ مع الوسيط post-thumbnails كما يمكن أثناء قيامنا بتنشيط الصور المميزة أن نحدد أن يتم تحجيم كل صورة نحملها إلى مكتبة الوسائط في ووردبريس وإنشاء إصدارين أو نسختين مختلفتين بحجم صغير وكبير ويمكن أن نحدد أبعادهما كما يلي:

add_theme_support('post-thumbnails');
add_image_size('small',300,300, true);
add_image_size('large',600,600, true);

هذا يساعدنا على عرض الصورة بالحجم الذي نرغبه والجدير بالملاحظة أن بإمكانك كتابة دالة إضافة الميزات add_theme_support()‎ ضمن ملف وظائف قالب ووردبريس functions.php مباشرة ليضيف الميزة التي تريدها للقالب مباشرة دون الحاجة لربطه بأي خطاف hook، كما يمكنك بشكل اختياري ربطها بدالة الخطاف after_setup_theme الذي يقع أو يحدث بعد تحميل القالب كما شرحنا سابقًا ففي الحالتين ستعمل الدالة بشكل صحيح:

// thumbnile connection
function post_thumbnails_qwe() {
    // add_theme_support( $feature, $arguments );
    add_theme_support( 'post-thumbnails', array( 'post','page') ); 
}
add_action( 'after_setup_theme', 'post_thumbnails_qwe' );

ربط ملف التنسيقات بترويسة القالب

نتجه إلى شيء أخير قبل إنهاء شرح ترويسة القالب وهو ربط ملف التنسيق الرئيسي للقالب style.css مع قالب ووردبريس، هناك عدة طرق للقيام ومنها تضمين رابط هذا الملف في ملف الترويسة لكن الطريقة الأفضل والموصى بها من قبل نظام ووردبريس هي عن طريق استخدام الدالة wp_enqueue_style()‎‏ التي تعمل على وضع ملف التنسيق في قائمة انتظار وريطها بخطاف اسمه wp_enqueue_scripts.

توضع تلك الأكواد في ملف وظائف قالب ووردبريس functions.php بالشكل التالي:

/**
 * Enqueue scripts and styles.
 */
function modawanaty_scripts() {
    wp_enqueue_style( 'modawanaty-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
}
add_action( 'wp_enqueue_scripts', 'modawanaty_scripts' );

برمجة ملف الصفحة الرئيسية لقالب ووردبريس index.php

نقوم بعد ذلك باستدعاء دالة the_post()‎ ضمن الحلقة لتعيد لنا المقال الحالي، ثم نستدعي مجموعة من الدوال الجاهزة التي تعيد لنا معلومات كل مقال فهنا سنستدعي الدالة the_title()‎ لعرض عنوان المقال والدالة the_excerpt()‎ لإظهار مقتطفات المقال ودالة the_post_thumbnail()‎ لعرض الصورة المصغرة للمقال، وبما أن هذه الدوال تستدعى ضمن حلقة while loop فسوف تظهر لك كل معلومات المقالات المنشورة في الموقع تباعًا على الصفحة الرئيسية حسب تاريخ نشرها من الأحدث للأقدم. سوف يكون الملف النهائي index.php كالتالي:

php
get_header();
?>

 class="main">
  php
  if (have_posts()) {
    while (have_posts()) {
      the_post();
  ?>
       class="post-qwe">
        

      
    php
    }
    ?>
    

php
  }
  get_footer();

بالطبع هناك العديد من المعلومات الأخرى التي يمكن عرضها حول كل مقال من خلال مجموعة دوال مخصصة تسمى وسوم القالب Template tags تجدها في التوثيق الرسمي للوردبريس template tags.

يعتمد عدد المقالات المنشورة الظاهرة على صفحتك على الخيار عدد الموضوعات المعروضة في الصفحة والذي يمكنك تحديده من خلال لوحة التحكم ثم الإعدادات ثم اختيار البند قراءة كما يلي:

ففي حال حددت هنا عدد المقالات ليكون 6 مثلًا، عندها ستظهر لك فقط أحدث ستة مقالات منشورة في الموقع، وكي تتمكن من عرض بقية المقالات عليك إضافة روابط تنقل لنتمكن من رؤية المقالات الأقدم والأحدث من خلال الدالتين previous_posts_link و next_posts_link.

لتحقيق ذلك كل ما عليك هو كتابة الكود التالي في الملف index.php قبل استدعاء الدالةget_footer()‎ كما يلي:

 class="pagination">
      php
      previous_posts_link('< الصفحة السابقة');
      next_posts_link('الصفحة التالية >'); ?>
    

لاحظ أننا أضفنا في الكود العديد من أصناف التنسيقات classes الخاصة بـ CSS حتى نستفيد منها لاحقًا في الجزء الثالث من هذه السلسلة وأضفنا كذلك دالتين the_ID()‎ و post_class()‎ وفائدة الأولى إعادة معرف كل منشور على حدة والثانية إضافة بعض أصناف التنسيق لوسم HTML الذي يعرض المقالات لتساعد على تنسيقها وعرض محتوياتها وهي تعمل بطريقة مشابهة للدالة body_class()‎ التي شرحناها سابقًا.

تعديل طريقة عرض مقتطف المقالات

أخيرًا سنعدل الرابط الذي تعرضه الدالة the_excerpt()‎ فهذه الدالة تعرض بشكل افتراضي نص رابط مكون من ثلاث نقاط … في نهاية المقتطفات التي تزيد عن 55 كلمة وبالنقر فوق النقاط يتم تحويل المستخدم لصفحة قراءة المقال الكامل.

للقيام لذلك سنكتب دالة تعدل على طريقة عمل هذه الدالة وتجعلها تعرض كلمة المزيد بدل النقاط الثلاث وتعدل طول المقتطف ليكون 20 حرفًا فقط، لذا سنكتب دالة خطاف تعديل للدالة excerpt_more()‎ في ملف وظائف قالب ووردبريس functions.php كما يلي:

/**
 * the excerpt "read more"
 */

function new_excerpt_more_qwe($more)
{
    return '  . get_permalink(get_the_ID()) . '">' . __('[المزيد]', 'your-text-domain') . '';
}
add_filter('excerpt_more', 'new_excerpt_more_qwe');

function mytheme_custom_excerpt_length($length)
{
    return 20;
}
add_filter('excerpt_length', 'mytheme_custom_excerpt_length', 999);

برمجة ملف تذييل قالب ووردبريس

يتضمن ملف footer.php كافة الشيفرات البرمجية الموجودة في منطقة التذييل بصفحتك وهو يتضمن وسوم فيه علامات الإغلاق <‎/body> و <‎/html> كما يمكنك هنا أيضًا استدعاء ملفات جافا سكريبت مخصصة في حال كنت تريد تحميلها بعد اكتمال تحميل الصفحة واستدعاء أي شيفرات يحتاج ووردبريس لوضعها تلقائيًا في التذييل.

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

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

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

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

نحتاج لأمر إضافي لعرض الودجات وهو تعريف مناطق الودجات الخاصة بقالب ووردبريس في ملف وظائف القالب function.php وسنقوم بذلك من خلال تعريف دالة مخصصة باسم qwe_register_footers()‎ نُعرِّف من خلالها وسطاء منطقة عرض الودجات ثم نربطها مع الخطاف widgets_init الذي يقع عند تهيئة الودجات في ووردبريس كما يلي:

function qwe_register_footers() {
$args2 = array('name' =>'footer 1',
'id'=>'footer' ,
'description'=> 'عرض الودجات في التذييل',
'class' => '',
'before_widget' => '

',
'before_title' => '

', 'after_title' => '

' ); 
register_sidebars(1,$args2);
}
 add_action('widgets_init','qwe_register_footers');
?>

من المفيد أن نشرح دلالة كل وسيط من الوسطاء التي مررناها لهذه الدالة:

• name وسيط يمثل اسم منطقة عرض الودجات وهي footer 1
• id معرف فريد لمنطقة عرض الودجات
• description وصف منطقة عرض الودجات
• class صنف تنسيق CSS للمنطقة
• before_widget وسم HTML الذي سيتم وضعه قبل كل ودجت
• after_widget وسم HTML الذي سيتم وضعه بعد كل ودجت
• before title وسم HTML الذي سيتم وضعه قبل عنوان كل ودجت
• after_title وسم HTML الذي سيتم وضعه بعد عنوان كل ودجت

في القسم الثاني من التذييل سنكتب جملة جميع الحقوق محفوظة ويليه اسم المدونة الذي نحصل عليه بشكل ديناميكي من خلال الدالةget_bloginfo('name‎‎')‎.

أخيرًا لا ننسى استدعاء الدالة wp_footer()‎ الأساسية لاستدعاء جميع أنواع السكريبتات الخاصة المرتبطة بالإضافات Plugins وكذلك الأكواد الخاصة بنظام ووردبريس والتي تستدعى في تذييل الصفحة لذا نكتب الأكواد التالية نهاية ملف index.php قبل وسم الإغلاق<‎/body‎> مباشرة:

 class="copyright">
        

php echo home_url(); ?>">©php echo date('Y'); ?> جميع الحقوق محفوظة لـ php echo get_bloginfo('name'); ?>

    


php wp_footer(); ?>

بهذا نكون قد انتهينا من إنشاء كامل الكود المطلوب لملف index.php وفصلنا أكواد الترويسة والتذييل header.php و footer.php التي تتضمن أجزاء مكررة لنتمكن من استدعائها من خلال الدوال get_header()‎ و get_footer()‎ ضمن الملف index.php أو ضمن أي ملف آخر يحتاجها مثل ملفات page.php و single.php و category.php حيث أن كل الملفات تقريبًا ستحتوي على هذين القسمين.

إذًا سيكون كود ملف footer.php النهائي كالتالي:

php wp_footer(); ?>

وسيكون الملف النهائي لوظائف القالب بعد أن أضفنا كافة الميزات المطلوبة كما يلي:

php

// menus

function register_nav_menu_primary_qwe(){

    $location='Primary';
    $description='Primary menu';
    register_nav_menu( $location, $description );

}
add_action('after_setup_theme','register_nav_menu_primary_qwe' );


function register_nav_menu_Secondary_qwe(){

    $location='Secondary';
    $description='Secondary menu';
    register_nav_menu( $location, $description );

}
add_action('after_setup_theme','register_nav_menu_Secondary_qwe' );

/**
 * Enqueue scripts and styles.
 */
function modawanaty_scripts() {
    wp_enqueue_style( 'modawanaty-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
}
add_action( 'wp_enqueue_scripts', 'modawanaty_scripts' );

// thumbnail connection
function post_thumbnails_qwe() {
    // add_theme_support( $feature, $arguments );
    add_theme_support( 'post-thumbnails', array( 'post','page') ); // Posts and pages
    add_image_size('small',300,300, true);
    add_image_size('large',600,600, true);
}
add_action( 'after_setup_theme', 'post_thumbnails_qwe' );

// custom logo
add_theme_support( 'custom-logo' );
function themename_custom_logo_setup()
{ $defaults = array( 'height' => 200,
'width'=> 200,
'flex-height' => true,
'flex-width'  => true,
'header-text' => array( 'site-title', 'site-description' ), );
add_theme_support( 'custom-logo', $defaults ); }

add_action( 'after_setup_theme', 'themename_custom_logo_setup'); 


// the excerpt "read more

function new_excerpt_more_qwe( $more ) {
    return ' . get_permalink( get_the_ID() ) . '">' . __('[المزيد]', 'your-text-domain') . '';
}
add_filter( 'excerpt_more', 'new_excerpt_more_qwe' );

function mytheme_custom_excerpt_length( $length ) {
    return 20;
}
add_filter( 'excerpt_length', 'mytheme_custom_excerpt_length', 999 );

// add Footers 
function qwe_register_footers() {
    $args2 = array('name' =>'footer 1',
        'id'=>'footer' ,
        'description'=> 'add another footer',
        'class'  => '',
        'before_widget' => '

',
        'before_title'  => '

', 'after_title' => '

' ); 

    register_sidebars(1,$args2);
    }
 add_action('widgets_init','qwe_register_footers');

إنشاء ملف single.php وملف page.php

ذكرنا سابقًا أن الملف single.php هو المسؤول عن عرض المقال المفرد ونحن هنا نقصد المنشور الافتراضي post في ووردبريس أو المنشور المخصص custom post لكن هذا الملف ليس مسؤولًا عن عرض الصفحات الثابتة page فهذه الصفحات لها ملف خاص مسؤول عن عرضها وهو page.php.

سنكتب في كلا الملفين كود مشابه لما كتبناه في ملف index.php مع تغيير طفيف في الشيفرات البرمجية حيث سنعمل على استبدال الدالة the_excerpt()‎ التي تعرض مقتطف من المقال بالدالة the_content()‎ التي تعرض المحتوى الكامل للمقال وتغيير أصناف التنسيقات class الرئيسية وحجم الصورة المصغرة كما يلي:

php get_header(); ?>

        class="main">
       php
            if(have_posts()) {

                while ( have_posts() ) { 

                    the_post();

                    echo '

php get_footer(); ?>

إنشاء ملف الأرشيف archive.php

يعرض ملف الأرشيف archive.php المقالات المؤرشفة وفق أي معيار سواء وفق تاريخ نشر المقال أو وفق التصنيف المضاف للمقال أو وفق اسم الكاتب …إلخ. لبرمجة ملف أرشيف قالب ووردبريس سنجعل هذا الملف نسخة طبق الأصل من ملف index.php مع تغيير صغير كذلك وهو عرض التصنيف الخاص بالمقالات أعلى الصفحة من خلال الدالة the_archive_title()‎ التي توضح اسم التصنيف الخاص بأرشفة هذه المقالات كما يلي:

php get_header(); ?>

        class="main">

 id="page-title">
 class="container clearfix">
  

php echo the_archive_title(); ?>

php
            if(have_posts()) {

                while ( have_posts() ) { 

                    the_post();

                    echo '

php get_footer(); ?>

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

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

مصادر إضافية لتعلم برمجة قوالب ووردبريس من الصفر

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

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

الخلاصة

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

وسنقوم في الدرس الرابع من هذه السلسلة بخطوة مهمة جدًا وهي تنسيق محتوى الموقع لنجعل طريقة عرضه موافقة بالضبط لتصميم القالب المطلوب.

كتب المسودة الأولية للمقال هشام حسين.