آموزشها
قالب‌ها
افزونه‌ها
آکادمی
هاست وردپرس
طراحی سایت
فرمانچگونه ابزارک‌های وردپرس را به‌صورت ستونی نمایش دهیم؟
- مقالات آموزشی
- بروزرسانی شده در
برای نمایش ابزارک‌های وردپرس در چند ستون معمولاً سه راه دارید: اگر از قالب کلاسیک و ویرایشگر ابزارک بلوکی استفاده می‌کنید، میتونید بلوک «ستونها» را داخل فوتر یا یک ناحیه ابزارک‌پذیر قرار دهید. در قالبهای بلوکی، همین چیدمان از طریق ویرایشگر سایت ساخته می‌شود و بعضی قالبهای کلاسیک هم از ابتدا چند ناحیه مستقل برای ستونهای فوتر دارند.
در بیشتر مواقع نیازی به نصب افزونه یا کدنویسی ندارید. کافی است نوع قالب و ویرایشگر سایت را بشناسید، ناحیه‌ای با عرض مناسب انتخاب کنید و بعد نتیجه را در موبایل و دسکتاپ بررسی کنید. در ادامه هر سه روش را مرحله‌به‌مرحله توضیح می‌دهیم تا بتونید مناسب‌ترین راه را برای سایت خودتان انتخاب کنید.
آنچه در این مقاله می‌خوانید
نمایش ابزارک‌های وردپرس در چند ستون چه کاربردی دارد؟
چیدمان چندستونه کمک می‌کند فهرست صفحات مهم، اطلاعات تماس، آخرین نوشته‌ها، شبکه‌های اجتماعی و سایر محتواهای مکمل را منظم‌تر نمایش دهید. این ساختار به‌خصوص در فوتر کاربرد دارد؛ چون فضای افقی بیشتری در اختیار شما می‌گذارد و اجازه می‌دهد محتواهای مرتبط را از هم جدا کنید.
در یک سایدبار عریض هم میتونید از ستونها استفاده کنید، اما تعداد ستونها باید با فضای موجود هماهنگ باشد. عرض ناحیه، فاصله میان ستونها، اندازه نوشته‌ها و استایل قالب همگی روی نتیجه نهایی اثر می‌گذارند. برای شناخت بهتر این بخش‌ها، راهنمای مدیریت ابزارک‌ها در وردپرس و مقاله سایدبار سایت می‌توانند به شما کمک کنند.
پیش از شروع، نوع قالب وردپرس را مشخص کنید
قالب کلاسیک با ویرایشگر ابزارک بلوکی
اگر در صفحه مدیریت ابزارک‌ها میتونید بلوک‌هایی مانند عنوان، تصویر، فهرست و ستونها را اضافه کنید، سایت شما از ویرایشگر ابزارک بلوکی WordPress استفاده می‌کند. این حالت معمولاً در قالبهای کلاسیکی دیده می‌شود که ناحیههای ابزارک‌پذیر سنتی را حفظ کرده‌اند، اما امکان قراردادن بلوکها را هم در اختیار شما می‌گذارند.
قالب بلوکی با ویرایشگر سایت
در قالبهای بلوکی ممکن است صفحه سنتی ابزارک‌ها را نبینید. در این قالب‌ها، فوتر و سایر بخشهای سراسری سایت با ویرایشگر سایت WordPress و بلوکها مدیریت میشوند. بنابراین اگر گزینه «ابزارک‌ها» در پیشخوان شما وجود ندارد، پیش از هر اقدامی بررسی کنید که آیا قالب فعال سایت بلوکی است یا نه.
قالب کلاسیک با ناحیههای آماده فوتر
بعضی قالبهای کلاسیک چند ناحیه مستقل با نام‌هایی مثل «فوتر اول»، «فوتر دوم» و «فوتر سوم» دارند. در این حالت، خود قالب چیدمان ستونها را مدیریت می‌کند و شما فقط باید ابزارک‌ها را میان این ناحیهها تقسیم کنید. بهتره قبل از نصب هر افزونه‌ای، امکانات داخلی و مستندات قالب را بررسی کنید. مقاله قالب وردپرس چیست وابستگی امکانات ظاهری سایت به قالب را دقیق‌تر توضیح می‌دهد.
پیش‌نیازهای ستونبندی ابزارک‌ها
- ناحیه‌ای با عرض مناسب، مانند فوتر یا سایدبار عریض، انتخاب کنید.
- پیش از تغییر چیدمان یک سایت فعال، نسخه پشتیبان تهیه کنید.
- اگر امکانش را دارید، تغییرات را ابتدا در محیط آزمایشی انجام دهید.
- نتیجه را در موبایل، تبلت و دسکتاپ بررسی کنید.
فوتر معمولاً انتخاب مناسب‌تری از سایدبار باریک است؛ چون فضای افقی کافی برای دو، سه یا چهار ستون دارد. بااین‌حال، نتیجه نهایی همچنان به عرض فوتر و استایل‌های قالب شما بستگی دارد.
روش اول: نمایش ابزارک‌های وردپرس در چند ستون با ویرایشگر بلوکی
مرحله اول: باز کردن بخش مدیریت ابزارک‌ها
وارد پیشخوان WordPress شوید و از بخش «نمایش»، صفحه «ابزارک‌ها» را باز کنید. سپس ناحیه ابزارک‌پذیر موردنظرتان، مثلاً فوتر، را انتخاب کنید. نام ناحیهها را قالب تعیین می‌کند؛ بنابراین ممکن است در سایت شما عنوان‌هایی مثل «فوتر»، «Footer 1» یا «ستون پایین صفحه» دیده شود.
مرحله دوم: افزودن بلوک «ستونها»
در ناحیه انتخاب‌شده، دکمه افزودن بلوک را بزنید و «ستونها» را جست‌وجو کنید. بعد از افزودن بلوک Columns، تعداد ستونها یا الگوی اولیه عرض آن‌ها را انتخاب کنید. اگر سه محتوای تقریباً هم‌اندازه دارید، سه ستون مساوی نقطه شروع خوبی است.
مرحله سوم: قراردادن محتوا داخل ستونها
ستون اول را انتخاب کنید و با دکمه افزودن بلوک، محتوای موردنظرتان را داخل آن قرار دهید. این محتوا می‌تواند عنوان، فهرست، پاراگراف، تصویر یا فهرست آخرین نوشته‌ها باشد. همین کار را برای ستونهای دیگر تکرار کنید.
اگر بعداً متوجه شدید بلوکی بیرون از ستون قرار گرفته، از نمای فهرستی ویرایشگر کمک بگیرید. این نما ساختار تو‌در‌توی بلوکها را نشان می‌دهد و انتخاب ستون درست را راحت‌تر می‌کند.
مرحله چهارم: تنظیم عرض و ترتیب ستونها
برای محتواهای هم‌حجم، ستونهای مساوی انتخاب مناسبی هستند. اگر مثلاً توضیحات تماس به فضای بیشتری از دو فهرست کناری نیاز دارد، میتونید از ستونهای نامساوی استفاده کنید. گزینه‌های دقیق عرض ممکن است با توجه به نسخه WordPress، قالب و بلوک انتخاب‌شده متفاوت باشند.
محتوای مهمتر را در ابتدای ساختار قرار دهید؛ چون ستونها در نمایشگرهای کوچک معمولاً به‌ترتیب زیر هم قرار می‌گیرند. همچنین بهتره تصویر بسیار بزرگ، عنوان طولانی یا فهرست شلوغ را داخل ستون باریک نگذارید.
مرحله پنجم: ذخیره و بررسی نتیجه
تغییرات را ذخیره کنید و همان بخش را در نمای عمومی سایت ببینید. فاصله ستونها، تراز محتوا، طول عنوان‌ها و ترتیب نمایش را بررسی کنید. بعد عرض پنجره مرورگر را تغییر دهید یا صفحه را با موبایل و تبلت باز کنید تا مطمئن شوید چیدمان در اندازه‌های مختلف خوانا باقی می‌ماند.
روش دوم: ساخت فوتر چندستونه در قالبهای بلوکی
مرحله اول: باز کردن ویرایشگر سایت
اگر قالب شما بلوکی است، از پیشخوان وارد بخش «نمایش» و سپس «ویرایشگر» شوید. ساختار رابط می‌تواند با توجه به نسخه WordPress یا تنظیمات قالب کمی متفاوت باشد. نبود صفحه سنتی ابزارک‌ها در چنین قالبی لزوماً نشانه وجود مشکل نیست.
مرحله دوم: انتخاب فوتر یا بخش قالب
بخش مربوط به طراحی را باز کنید و فوتر یا بخش قالب مرتبط را انتخاب کنید. قبل از ویرایش یادتون باشه که فوتر معمولاً یک بخش سراسری است؛ در نتیجه، تغییر آن می‌تواند روی تمام صفحاتی که از همان فوتر استفاده میکنند اثر بگذارد.
مرحله سوم: افزودن ستونها و محتوا
بلوک «ستونها» را به فوتر اضافه کنید، تعداد و نسبت عرض ستونها را انتخاب کنید و بلوک‌های موردنظرتان را داخل هر ستون بگذارید. در پایان تغییرات را ذخیره کرده و خروجی را در چند صفحه مختلف سایت بازبینی کنید؛ به‌خصوص اگر سایت شما از چند قالب یا الگوی متفاوت استفاده می‌کند.
روش سوم: استفاده از ناحیههای آماده فوتر در قالبهای کلاسیک
بررسی ناحیههای ابزارک‌پذیر قالب
صفحه مدیریت ابزارک‌ها و مستندات قالب را بررسی کنید. اگر ناحیه‌هایی مانند ستون اول، دوم و سوم فوتر وجود دارند، قالب از قبل ساختار چندستونه را فراهم کرده است. تعداد واقعی ستونها و شیوه نمایش آن‌ها را میتونید در مستندات قالب یا نمای عمومی سایت بررسی کنید.
تقسیم ابزارک‌ها میان ستونهای فوتر
ابزارک یا بلوک اول را به ناحیه ستون اول فوتر اضافه کنید و همین کار را برای ستونهای بعدی انجام دهید. تغییرات را ذخیره کنید و عرض، ترتیب و فاصله ستونها را در سایت ببینید. اگر یکی از ناحیهها خالی بماند، رفتار قالب ممکن است متفاوت باشد؛ بعضی قالب‌ها فضای آن را حذف میکنند و بعضی دیگر ساختار ثابت فوتر را نگه می‌دارند.
آیا برای ستونبندی ابزارک‌ها به افزونه نیاز دارید؟
در بیشتر سایتها خیر. بلوک «ستونها»، ویرایشگر سایت و ناحیههای آماده فوتر معمولاً نیاز شما را برطرف میکنند. استفاده از امکانات داخلی باعث می‌شود افزونه‌های غیرضروری کمتری داشته باشید و احتمال تداخل با قالب یا سایر افزونه‌ها هم کاهش پیدا کند.
اگر امکانات داخلی سایت پاسخ‌گو نبودند و تصمیم گرفتید افزونه‌ای نصب کنید، صفحه رسمی آن، هویت سازنده، نگهداری فعال، بازخوردهای جدید و سازگاری اعلام‌شده با نسخه WordPress و PHP سایتتان را بررسی کنید. بهتره افزونه را ابتدا در محیط آزمایشی امتحان کنید. راهنمای نصب افزونه تست‌نشده با نسخه فعلی وردپرس نکات مهم این تصمیم را توضیح می‌دهد.
اگر هیچ راهکار داخلی یا افزونه قابل‌اعتمادی برای ساختار موردنظر شما وجود ندارد، توسعه‌دهنده می‌تواند ناحیه ابزارک‌پذیر یا چیدمان سفارشی مناسبی برای قالب بسازد. برای آشنایی با این مسیر میتونید آموزش افزودن ابزارک به قالب وردپرس را بخوانید.
تنظیم نمایش ستونهای ابزارک در موبایل
زیر هم قرارگرفتن ستونها در صفحه‌های باریک معمولاً بخشی طبیعی از طراحی واکنش‌گرا است. نگه‌داشتن اجباری سه یا چهار ستون کنار هم در موبایل می‌تواند نوشته‌ها و لینک‌ها را بیشازحد باریک کند. به‌جای تمرکز روی حفظ چیدمان افقی، ترتیب درست محتوا و خوانایی آن را کنترل کنید.
- مهم‌ترین محتوا را طوری قرار دهید که پس از عمودی‌شدن ستونها زودتر دیده شود.
- فاصله عمودی، خوانایی عنوان‌ها و اندازه لینک‌های لمسی را بررسی کنید.
- صفحه را در چند عرض متفاوت آزمایش کنید.
- مطمئن شوید تصویر، فهرست یا متن طولانی از ستون بیرون نمی‌زند.
- وجود اسکرول افقی ناخواسته را در کل صفحه بررسی کنید.
رفع مشکلات رایج ستونبندی ابزارک‌ها
بخش ابزارک‌ها در پیشخوان دیده نمی‌شود
ابتدا بررسی کنید که قالب شما بلوکی است یا کلاسیک. در قالب بلوکی معمولاً باید فوتر را از طریق ویرایشگر سایت تغییر دهید. اگر قالب کلاسیک است، مستندات و امکانات اختصاصی آن را هم بررسی کنید؛ چون ممکن است مدیریت فوتر از بخش تنظیمات خود قالب انجام شود.
بلوک «ستونها» در بخش ابزارک‌ها وجود ندارد
مطمئن شوید صفحه ابزارک‌ها از ویرایشگر بلوکی استفاده می‌کند. اگر رابط کلاسیک ابزارک‌ها را می‌بینید، از ناحیههای آماده فوتر قالب کمک بگیرید. در قالب بلوکی هم باید این کار را داخل ویرایشگر سایت انجام دهید.
تنظیم عرض ستونها نمایش داده نمی‌شود
خود بلوک «ستونها» یا یکی از ستونهای داخلی را انتخاب کنید و پنل تنظیمات همان بلوک را ببینید. گزینه‌های قابل‌دسترسی ممکن است با توجه به محیط ویرایش، نسخه WordPress و استایل قالب متفاوت باشند.
ستونها در دسکتاپ زیر هم قرار می‌گیرند
عرض ناحیه ابزارک‌پذیر، تعداد ستونها و اندازه محتوای داخلی را بررسی کنید. تصویر عریض، متن طولانی بدون امکان شکستن یا فاصله‌های زیاد می‌توانند چیدمان را مختل کنند. در سایدبارهای باریک بهتره تعداد ستونها را کاهش دهید. استایل‌های قالب نیز ممکن است نمایش افقی را تغییر دهند.
ستونها در موبایل زیر هم قرار می‌گیرند
این حالت معمولاً ایراد نیست و برای حفظ خوانایی اتفاق می‌افتد. ترتیب محتوا، فاصله میان بخش‌ها و نبود اسکرول افقی را بررسی کنید. فقط زمانی سراغ تغییر استایل بروید که چیدمان عمودی واقعاً تجربه کاربر را مختل کرده باشد.
پیش‌نمایش با سایت اصلی یکسان نیست
تغییرات را دوباره ذخیره و کش سایت و مرورگر را پاک کنید. اگر از ابزار بهینه‌سازی استفاده می‌کنید، فایل‌های بهینه‌شده را مطابق راهنمای همان ابزار بازسازی کنید. نتیجه را در مرورگر دیگری یا پنجره ناشناس هم آزمایش کنید.
بعد از تغییر قالب، چیدمان ابزارک‌ها به‌هم می‌ریزد
ناحیههای ابزارک و استایل آن‌ها به قالب وابسته‌اند. پس از تغییر قالب، بخش ابزارک‌های غیرفعال را بررسی کنید و محتوا را به ناحیههای قالب جدید انتقال دهید. در پایان، فوتر را در موبایل و دسکتاپ به‌طور کامل بازبینی کنید.
کدام روش برای نمایش ابزارک‌های وردپرس در چند ستون بهتر است؟
- ویرایشگر ابزارک بلوکی: برای قالب کلاسیکی مناسب است که بلوکها را در ناحیه ابزارک می‌پذیرد.
- ویرایشگر سایت: برای قالبهای بلوکی و ویرایش مستقیم فوتر انتخاب مناسبی است.
- ناحیههای آماده قالب: برای قالب کلاسیکی مناسب است که فوتر چندستونه مستند دارد.
- افزونه: فقط زمانی ارزش بررسی دارد که منبع رسمی، نگهداری فعال و سازگاری آن تأیید شده باشد.
- کدنویسی سفارشی: زمانی مطرح می‌شود که قالب هیچ راهکار داخلی مناسبی ارائه نکند.
در عمل، بهترین روش همان روشی است که با ساختار فعلی قالب هماهنگ باشد. اگر قالب بلوکی دارید، ویرایشگر سایت انتخاب طبیعی شماست. اگر قالب کلاسیک با ویرایشگر ابزارک بلوکی دارید، بلوک «ستونها» معمولاً سریع‌ترین راه است. در قالبی که فوتر چندستونه آماده دارد هم بهتره از همان امکانات داخلی استفاده کنید.
جمع‌بندی
برای نمایش ابزارک‌های وردپرس در چند ستون، اول نوع قالب و ویرایشگر را مشخص کنید. سپس یک ناحیه مناسب انتخاب کنید، بلوک «ستونها» یا بخشهای آماده فوتر را بسازید، محتوا را داخل آن‌ها قرار دهید و تغییرات را ذخیره کنید. در قالبهای بلوکی، همین فرایند از طریق ویرایشگر سایت و بخش فوتر انجام می‌شود.
بعد از ساخت چیدمان، نتیجه را در اندازه‌های مختلف صفحه ببینید و ترتیب محتوا در موبایل را جدی بگیرید. معمولاً امکانات داخلی WordPress و قالب برای انجام این کار کافی هستند؛ بنابراین نصب افزونه یا کدنویسی سفارشی را فقط زمانی بررسی کنید که راهکارهای اصلی پاسخگوی نیازتان نباشند.
پرسش‌های متداول
آیا برای نمایش ابزارک‌های وردپرس در چند ستون به کدنویسی نیاز داریم؟
خیر. اگر قالب شما از ویرایشگر ابزارک بلوکی، ویرایشگر سایت یا ناحیههای آماده فوتر پشتیبانی کند، میتونید بدون کدنویسی چیدمان چندستونه بسازید. کدنویسی زمانی مطرح می‌شود که قالب راهکار داخلی مناسبی نداشته باشد.
چطور سه ابزارک را در یک ردیف قرار دهیم؟
یک بلوک «ستونها» با سه ستون مساوی اضافه کنید و داخل هر ستون یک بلوک یا ابزارک قرار دهید. اگر قالب کلاسیک شما سه ناحیه مستقل فوتر دارد، میتونید هر ابزارک را در یکی از آن ناحیهها بگذارید.
چرا ستونهای ابزارک در موبایل زیر هم نمایش داده میشوند؟
این رفتار معمولاً برای حفظ خوانایی و جلوگیری از باریکشدن بیشازحد ستونها طراحی شده است. ترتیب درست محتوا، فاصله مناسب و نبود اسکرول افقی از حفظ اجباری چیدمان افقی مهمتر هستند.
آیا روش ستونبندی در قالبهای کلاسیک و بلوکی یکسان است؟
خیر. قالبهای کلاسیک معمولاً از ناحیههای ابزارک یا تنظیمات اختصاصی قالب استفاده میکنند؛ اما در قالبهای بلوکی، فوتر و سایر بخشهای سراسری با ویرایشگر سایت و بلوکها مدیریت میشوند.
اگر بخش ابزارک‌ها یا بلوک «ستونها» را پیدا نکردیم چه کنیم؟
نوع قالب و ویرایشگر را بررسی کنید. در قالب بلوکی باید از ویرایشگر سایت استفاده کنید. بعضی قالبهای کلاسیک نیز به‌جای بلوک «ستونها»، چند ناحیه آماده برای ستونهای فوتر دارند؛ بنابراین مستندات قالب را هم ببینید.
آیا برای ساخت فوتر چندستونه نصب افزونه ضروری است؟
خیر. در بیشتر سایتها بلوک «ستونها»، ویرایشگر سایت یا ناحیههای آماده فوتر برای ساخت این چیدمان کافی هستند. افزونه را فقط زمانی بررسی کنید که راهکار داخلی مناسبی ندارید و منبع رسمی، نگهداری فعال و سازگاری آن تأیید شده است.
مرس مفید بود