در این درس یاد میگیریم چطور صفحه «درباره ما» را با روشهای پیشرفته قالببندی کنیم، چیدمان چندستونه حرفهای بسازیم، فاصلهدهندهها اضافه کنیم و عناوین معنایی را درست استفاده کنیم.
حذف و مدیریت گروهی ستونها
- برای حذف چیدمان دو ستونه قبلی، ابتدا کل گروه ستونها را انتخاب کنید.
- برای راحتی انتخاب، از آیکون نمای کلی (Outline) بالا سمت راست استفاده کنید.
- گروه ستونها مشخص میشود؛ سپس با Backspace یا راست کلیک → Delete حذف کنید.
نمای کلی کمک میکند هر بلوک یا گروه بلوکها را بدون اشتباه انتخاب کنید.
استفاده از الگوی آماده «رسانه و متن»
افزودن الگو
- روی + کلیک کنید.
- در نوار جستجو، عبارت رسانه و متن را تایپ کنید.
- گزینه مورد نظر، مانند «رسانه و متن با تصویر سمت راست» را انتخاب کنید.
- تصویر پیشفرض را با تصویر دلخواه جایگزین کنید:
کلیک روی تصویر → جایگزینی → باز کردن کتابخانهی رسانه → انتخاب تصویر.
افزودن متن
- متن بزرگ و کوچک، یا تنها یک پاراگراف ساده.
- میتوانید محتوای دلخواه خود را تایپ کنید.
استفاده از الگوها سرعت و کیفیت ساخت چیدمان دو ستونه را افزایش میدهد.
ایجاد فاصله عمودی بین بلوکها
- مکاننما را روی بلوک مورد نظر قرار دهید و Enter بزنید یا از منوی سهنقطه → افزودن بعد از استفاده کنید.
- نوع بلوک را به فاصله گذار (Spacer) تغییر دهید.
- ارتفاع بلوک را با کشیدن یا وارد کردن مقدار دقیق در نوار سمت چپ تنظیم کنید (مثلاً 35px).
- روی ذخیره و سپس نمایش برگه کلیک کنید.
این روش برای ایجاد فاصله مناسب بین ویدیو، متن یا چیدمان ستونها کاربرد دارد.
افزودن و قالببندی دکمهها
- بلوک دکمه را اضافه کنید.
- متن دکمه را تایپ کنید (مثلاً «بیشتر بدانید»).
- در نوار تنظیمات سمت چپ میتوانید رنگ متن، پسزمینه، حاشیه و سایر ویژگیها را تغییر دهید.
تنظیمات دکمه بهصورت بلوک مستقل است و فقط بلوک انتخاب شده را تغییر میدهد.
استفاده صحیح از عناوین معنایی
افزودن زیرعنوان
- بلوک جدید اضافه کنید (قبل از پاراگراف مورد نظر).
- نوع بلوک را به عنوان (Heading) تغییر دهید.
- سطح عنوان را انتخاب کنید (H1 تا H6). مثال: H3 برای زیرعنوان «دربارهی شرکت».
اهمیت عناوین معنایی
- برای موتورهای جستجو (SEO) اهمیت دارد.
- برای کاربران دارای مشکلات بینایی و نرمافزارهای خواندن صفحه مفید است.
- ساختار معنایی صفحه را حفظ میکند و محتوا حرفهایتر دیده میشود.
تغییر بلوک موجود به عنوان
- مکاننما را در بلوک مورد نظر قرار دهید.
- روی آیکون نوع بلوک کلیک کرده و آن را به عنوان تغییر دهید.
- سطح عنوان را انتخاب کنید (H1، H2، H3، H4).
نکات تکمیلی قالببندی
- وردپرس مبتنی بر بلوک است؛ هر بلوک قابلیت جابهجایی، حذف و ویرایش مستقل دارد.
- استفاده از الگوهای آماده، سرعت طراحی صفحات را بالا میبرد.
- فاصلهدهندهها و ستونها ظاهر محتوا را حرفهای میکنند.
- عناوین معنایی به تجربه کاربری و SEO کمک میکنند.
جمعبندی
- با روشهای پیشرفته بلوکها، الگوها و فاصلهدهندهها میتوانید صفحات وردپرسی خود را حرفهای طراحی کنید.
- عناوین معنایی (Heading) باعث بهبود دسترسی و SEO میشوند.
- اکنون میتوانید آزادانه با انواع بلوکها آزمایش کنید و محتواهای جذاب بسازید.
در درس بعدی، نحوه درج محتوای خارجی از منابع مختلف را یاد میگیریم.