بناء قالب ووردبريس من الصفر، فمن الأفضل أن تبدأ بالأساسيات لضمان هيكلة قوية وسهلة التوسع. إليك أول الخطوات العملية التي يمكنك البدء بها:
1️⃣ إعداد البيئة المحلية
قبل أن تبدأ في كتابة الكود، تحتاج إلى بيئة تطوير محلية لاختبار القالب أثناء العمل عليه:
- تثبيت خادم محلي مثل XAMPP أو LocalWP لتشغيل ووردبريس على جهازك.
- تنزيل ووردبريس من WordPress.org وتثبيته على الخادم المحلي.
- إنشاء قاعدة بيانات جديدة عبر phpMyAdmin وربطها بووردبريس أثناء التثبيت.
2️⃣ إنشاء مجلد القالب وإضافة الملفات الأساسية
انتقل إلى مجلد wp-content/themes/ داخل تثبيت ووردبريس، ثم:
- أنشئ مجلدًا جديدًا باسم القالب، مثل:
my-custom-theme. - داخل هذا المجلد، أنشئ الملفات الأساسية التالية:
style.css→ ملف التنسيقات ويجب أن يحتوي على معلومات القالب.index.php→ الملف الرئيسي لعرض المحتوى.functions.php→ لإضافة ميزات مخصصة للقالب.header.phpوfooter.php→ لإدارة رأس وتذييل الموقع.sidebar.php→ لإضافة الشريط الجانبي.
3️⃣ تعريف القالب في ووردبريس
افتح style.css وأضف التعريف التالي:
css
/*
Theme Name: My Custom Theme
Author: Mourad
Description: قالب ووردبريس مخصص من الصفر
Version: 1.0
*/
ثم انتقل إلى لوحة تحكم ووردبريس → المظهر → القوالب، وستجد القالب الجديد جاهزًا للتفعيل!
4️⃣ إعداد الهيكل الأساسي للقالب
افتح index.php وأضف الكود التالي لعرض المحتوى الأساسي:
php
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head>
<body>
<?php get_header(); ?>
<main>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2><?php the_title(); ?></h2>
<p><?php the_content(); ?></p>
<?php endwhile; endif; ?>
</main>
<?php get_footer(); ?>
</body>
</html>
هذا الكود يضمن أن القالب يعرض المقالات والمحتوى الأساسي من ووردبريس.
5️⃣ إضافة دعم للقوائم والمحتوى الديناميكي
في functions.php، أضف دعم القوائم:
php
function register_my_menus() {
register_nav_menus(array(
'primary-menu' => __('القائمة الرئيسية'),
));
}
add_action('init', 'register_my_menus');
ثم استخدم wp_nav_menu() في header.php لعرض القائمة.
