ایجاد فاصله بین متن در وردپرس بدون افزونه

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

توی این آموزش قدم‌به‌قدم روش استفاده از همین ابزار داخلی رو یاد می‌گیرید. بعد هم خیلی ساده بررسی می‌کنیم که بلوک فاصله چه فرقی با حاشیه بیرونی و فاصله داخلی داره تا برای هر بخش، گزینه مناسب رو انتخاب کنید.

ایجاد فاصله بین متن در وردپرس بدون افزونه

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

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

چرا دیگه افزونه Spacer رو پیشنهاد نمی‌کنیم

نسخه قدیمی این مقاله با استفاده از افزونه Spacer نوشته شده بود. صفحه رسمی افزونه نشون می‌ده که این افزونه از ۲۶ دسامبر ۲۰۲۴ به‌دلیل یک مشکل امنیتی بسته شده و دیگه از مخزن وردپرس قابل دانلود نیست.

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

آموزش استفاده از بلوک فاصله در وردپرس

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

مرحله اول: محل فاصله رو انتخاب کنید

داخل ویرایشگر، بین دو بلوکی که قراره از هم فاصله بگیرن کلیک کنید. مثلاً اگه می‌خواید بین یک پاراگراف و تصویر فضای بیشتری داشته باشید، نشانگر رو درست بین همون پاراگراف و تصویر بذارید.

مرحله دوم: بلوک فاصله رو اضافه کنید

روی دکمه مثبت بزنید و عبارت «فاصله» رو جست‌وجو کنید. بعد بلوک فاصله رو انتخاب کنید. یک راه سریع‌تر هم اینه که توی یک خط خالی، دستور /spacer رو بنویسید و کلید Enter رو بزنید.

به‌محض اضافه‌کردن بلوک، بین دو بخش محتوا یک فضای خالی می‌بینید. طبق راهنمای رسمی بلوک Spacer وردپرس، این بلوک بخشی از هسته وردپرسه و برای ساخت فضای خالی در چیدمان محتوا به کار می‌ره.

مرحله سوم: ارتفاع فاصله رو تنظیم کنید

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

واحد px همون پیکسله و برای تعیین یک اندازه ثابت به کار می‌ره. واحدهای em و rem اندازه فاصله رو با توجه به اندازه متن تنظیم می‌کنن. واحدهای vw و vh هم به ابعاد صفحه نمایش وابسته‌ان. اگه تازه‌کار هستید، پیکسل انتخاب ساده‌تریه. مثلاً می‌تونید از ۲۰ یا ۳۰ پیکسل شروع کنید و نتیجه رو ببینید.

مرحله چهارم: نتیجه رو در موبایل بررسی کنید

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

تفاوت فاصله، حاشیه بیرونی و فاصله داخلی

وردپرس برای بعضی بلوک‌ها گزینه‌هایی با نام Margin و Padding هم نشون می‌ده. Margin یعنی حاشیه بیرونی؛ همون فضایی که بیرون یک بلوک و بین اون با بلوک کناری ساخته می‌شه. Padding یعنی فاصله داخلی؛ یعنی فضایی که بین محتوای بلوک و لبه‌های خود اون قرار می‌گیره.

• اگه فقط می‌خواید بین دو بخش یک فضای خالی ساده بسازید، بلوک «فاصله» انتخاب راحتیه.
• اگه می‌خواید فاصله بیرونی یک عنوان، تصویر یا گروه رو تنظیم کنید، Margin کنترل دقیق‌تری بهتون می‌ده.
• اگه می‌خواید محتوای داخل یک دکمه، گروه یا کادر از لبه‌های اون دورتر بشه، باید Padding رو تغییر بدید.

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

چند نکته برای انتخاب فاصله مناسب

• برای فاصله معمولی بین بخش‌های مرتبط، اول مقدار کمی مثل ۲۰ تا ۳۰ پیکسل رو امتحان کنید.
• برای جداکردن دو بخش اصلی صفحه می‌تونید فاصله بیشتری بذارید، ولی حتماً نتیجه رو در موبایل هم ببینید.
• بین بخش‌های شبیه به هم از اندازه‌های یکسان استفاده کنید تا صفحه مرتب‌تر به نظر بیاد.
• برای ساخت فاصله، چند خط خالی ایجاد نکنید و چند بار پشت‌سرهم Enter نزنید؛ چون این روش کنترل دقیقی بهتون نمی‌ده.
• اگه فاصله‌ها در بخش‌های مختلف سایت نامنظمن، بهتره تنظیمات قالب و ساختار صفحه رو هم بررسی کنید. مقاله بهبود ساختار سایت در چهار مرحله ساده برای شروع کمکتون می‌کنه.

جمع‌بندی

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

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

تیم تولید محتوا

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