قالبهای بلوکی وردپرس به شما اجازه میدهند صفحهی اصلی سایت را از یک لیست سادهی نوشتهها به یک صفحه فرود حرفهای تبدیل کنید. در این درس دیدیم چطور میتوانیم با چند مرحله ساده، یک بنر (Hero) جذاب بسازیم و ظاهر سایت را ارتقا دهیم.
✅ وضعیت فعلی
- صفحهی اصلی فقط شامل یک عنوان و چند پاراگراف ساده بود.
- هدف: ایجاد یک بخش Hero تمامعرض با تصویر، متن و دکمهی فراخوان.
🧭 مراحل اجرا
1. ویرایش صفحهی اصلی
- وارد پیشخوان → برگهها → صفحهی اصلی شوید.
- در حالت ویرایش، یک بلوک جدید اضافه کنید.
2. افزودن الگوی Hero
- روی علامت + کلیک کنید.
- وارد بخش الگوها (Patterns) شوید و «Hero» را جستجو کنید.
- الگوی Hero, Full Width Image را انتخاب کنید.
- تصویر پیشفرض را با تصویر دلخواه (مثلاً یک جاده مارپیچ) جایگزین کنید.
3. سفارشیسازی متن و دکمه
- عنوان را تغییر دهید به «سفر به دور دنیا».
- متن دکمه را از «بیشتر بدانید» به «شروع کنید» تغییر دهید.
- رنگ پسزمینهی دکمه را از بخش استایلها به آبی سفارشی تغییر دهید.
- برای لینک دکمه، صفحهی «تماس با ما» را انتخاب کنید.
- روی ذخیره کلیک کنید.
4. حذف عنوان پیشفرض صفحه
- در حالت ویرایش، کل صفحه را انتخاب کنید.
- در بخش قالب، گزینهی برگه بدون عنوان را انتخاب کنید.
- ذخیره کنید؛ حالا عنوان پیشفرض حذف شده و فقط هدر و بنر نمایش داده میشود.
🎯 نتیجه
- صفحهی اصلی حالا شامل یک بنر حرفهای با تصویر، متن و دکمهی فراخوان است.
- عنوان پیشفرض حذف شده و ظاهر سایت تمیزتر و مدرنتر شده است.
- این تغییر فقط برای صفحهی اصلی اعمال شده؛ صفحات دیگر مثل «دربارهی ما» همچنان عنوان دارند.
✨ درس بعدی
در مرحلهی بعد، یک بخش دو ستونه پویا زیر بنر ایجاد میکنیم که آخرین نوشتههای دستههای «دستور پختها» و «سفرها» را نمایش دهد. این بخش شامل:
- تصویر بندانگشتی
- عنوان نوشته
- تاریخ انتشار
- لینک «مشاهدهی همهی نوشتهها»
🔑 نکته: این دادهها پویا هستند و از نوشتههای واقعی سایت گرفته میشوند، نه محتوای ثابت.