بلاک تم‌ها: طراحی مدرن با گوتنبرگ

مقدمه

بلاک تم‌ها یکی از ویژگی‌های نوین و قدرتمند وردپرس هستند که به توسعه‌دهندگان این امکان را می‌دهند تا تم‌های سفارشی را بر اساس ویرایشگر گوتنبرگ ایجاد کنند. این سیستم طراحی باعث می‌شود که توسعه‌دهندگان با استفاده از بلاک‌ها بتوانند محتوا را به صورت منعطف و کاربرپسند سازمان‌دهی کنند. در این مقاله به بررسی طراحی بلاک تم‌ها و مراحل ساخت آن با استفاده از گوتنبرگ می‌پردازیم.

مراحل

۱. راه‌اندازی محیط توسعه

برای شروع کار بر روی بلاک تم، ابتدا باید یک محیط توسعه محلی ایجاد کنید. این کار نیاز به نصب وب‌سرور و پایگاه‌داده دارد.

دستورات مربوطه:

sudo apt update
sudo apt install apache2 mysql-server php php-mysql libapache2-mod-php

۲. نصب وردپرس

پس از راه‌اندازی محیط، نیاز به نصب وردپرس دارید. فایل‌های وردپرس را دانلود کرده و آن را در دایرکتوری وب‌سرور خود قرار دهید.

دستورات مربوطه:

cd /var/www/html
wget https://wordpress.org/latest.tar.gz
tar -xzf latest.tar.gz
mv wordpress/ ./
rm -rf wordpress latest.tar.gz

۳. ایجاد پایگاه‌داده

به یک پایگاه‌داده برای نصب وردپرس نیاز دارید. با استفاده از MySQL، یک پایگاه داده جدید ایجاد کنید و یک کاربر به آن اختصاص دهید.

دستورات مربوطه:

sudo mysql
CREATE DATABASE wordpress_db;
CREATE USER 'wp_user'@'localhost' IDENTIFIED BY 'password';
GRANT ALL PRIVILEGES ON wordpress_db. TO 'wp_user'@'localhost';
FLUSH PRIVILEGES;
EXIT;

۴. تنظیم فایل پیکربندی وردپرس

فایل wp-config.php را با استفاده از اطلاعات پایگاه‌داده‌تان ویرایش کنید.

دستورات مربوطه:

cp wp-config-sample.php wp-config.php
nano wp-config.php

(تنظیمات داخل فایل `wp-config.php`):

DB_NAME: نام پایگاه‌داده (wordpress_db)
DB_USER: نام کاربر (wp_user)
DB_PASSWORD: رمز عبور (password)

۵. نصب بلاک تم

بلاک تم به طور پیش‌فرض باید در پوشه wp-content/themes قرار گیرد. با ساخت یک دایرکتوری جدید برای تم اقدام به نصب آن کنید.

دستورات مربوطه:

mkdir wp-content/themes/my-block-theme
cd wp-content/themes/my-block-theme

۶. ایجاد فایل‌های ضروری

در پوشه تم، فایل‌های ضروری شامل style.css برای استایل و index.php برای ساختار HTML باید ایجاد شود.

دستورات مربوطه:

touch style.css index.php

(محتوای `style.css`):

/
Theme Name: My Block Theme
Description: یک تم بلاک سفارشی
Version: 1.0
/

۷. افزودن پشتیبانی از بلاک‌ها

برای فعال‌سازی قابلیت بلاک، به فایل functions.php نیاز دارید که باید در پوشه تم خود ایجاد کنید.

دستورات مربوطه:

touch functions.php

(محتوای `functions.php`):

<?php
function my_block_theme_setup() {
    add_theme_support('full-site-editing');
}
add_action('after_setup_theme', 'my_block_theme_setup');

۸. فعال‌سازی تم

حالا زمان آن رسیده که تم خود را از طریق داشبورد وردپرس فعال کنید. به قسمت «نمایش» و سپس «تم‌ها» بروید و تم جدید خود را فعال کنید.

نتیجه‌گیری

در این مقاله، مراحل طراحی یک بلاک تم با استفاده از گوتنبرگ مورد بررسی قرار گرفت. این مراحل شامل راه‌اندازی محیط توسعه، نصب وردپرس، ایجاد پایگاه‌داده، تنظیم فایل پیکربندی، نصب و ساخت بلاک تم، ایجاد فایل‌های ضروری، افزودن پشتیبانی از بلاک‌ها و فعال‌سازی تم بود. با پیروی از این مراحل، توسعه‌دهندگان می‌توانند به راحتی بلاک تم‌های سفارشی و منعطفی را برای وردپرس ایجاد کنند.