ستون‌بندی مطالب در وردپرس با بلوک ستون‌ها

ستون‌بندی مطالب در وردپرس با بلوک ستون‌ها

برای ستون‌بندی مطالب در وردپرس دیگه لازم نیست افزونه‌های قدیمی نصب کنید یا سراغ کدنویسی برید. خود ویرایشگر وردپرس بلوک «ستون‌ها» رو داره. با همین بلوک می‌تونید متن، تصویر، دکمه و بخش‌های دیگه رو کنار هم بچینید؛ مثلاً یک طرف تصویر محصول باشه و طرف دیگه توضیحات و دکمه خرید.

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

آنچه در این مقاله می‌خوانید

چرا دیگه نصب افزونه Column Shortcodes رو پیشنهاد نمی‌کنیم؟

نسخه قبلی این مقاله چه روشی رو آموزش می‌داد؟

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

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

آزمایش‌نشدن افزونه با سه نسخه اخیر وردپرس چه معنایی داره؟

در آخرین بررسی این مقاله، صفحه رسمی افزونه هشدار می‌داد که Column Shortcodes با سه نسخه اصلی اخیر وردپرس آزمایش نشده. این وضعیت ممکنه تغییر کنه؛ پس بهتره قبل از هر تصمیم، صفحه رسمی افزونه رو دوباره ببینید. چنین هشداری به این معنی نیست که افزونه حتماً روی همه سایت‌ها خراب می‌شه، ولی نشون می‌ده سازگاری اون با نسخه‌های تازه وردپرس تأیید نشده.

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

در ادامه چه راهکارهای به‌روزی رو یاد می‌گیرید؟

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

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

ستون‌بندی مطالب در وردپرس چه کاربردی داره؟

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

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

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

ساخت ستون در وردپرس با بلوک ستون‌ها

بلوک ستون‌ها رو از کجا پیدا کنید؟

از پیشخوان وردپرس وارد بخش «نوشته‌ها» یا «برگه‌ها» بشید و محتوای موردنظرتون رو برای ویرایش باز کنید. داخل ویرایشگر روی دکمه مثبت بزنید و در کادر جست‌وجو «ستون‌ها» یا Columns رو بنویسید. حالا بلوک ستون‌ها رو انتخاب کنید.

افزودن ستون
افزودن ستون

یک راه سریع‌تر هم هست. روی یک خط خالی، علامت / رو بنویسید و بعد نام بلوک ستون‌ها رو وارد کنید. وقتی نام بلوک ظاهر شد، روی اون بزنید یا کلید Enter رو فشار بدید.

چطور چیدمان و تعداد ستون‌ها رو انتخاب کنید؟

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

انتخاب چیدمان و تعداد ستون‌ها
انتخاب چیدمان و تعداد ستون‌ها

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

چطور متن، تصویر و دکمه رو داخل هر ستون بذارید؟

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

قرار دادن محتوا در ستون
قرار دادن محتوا در ستون

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

چطور ستون تازه اضافه یا یک ستون رو حذف کنید؟

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

اضافه یا حذف یک ستون
اضافه یا حذف یک ستون

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

تنظیم اندازه و ظاهر ستون‌ها

تغییر عرض هر ستون

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

تغییر عرض هر ستون
تغییر عرض هر ستون

مثلاً برای یک بخش متن و تصویر، می‌تونید عرض ستون تصویر رو ۴۰ درصد و ستون متن رو ۶۰ درصد بذارید. بهتره عرض‌ها و فاصله بین ستون‌ها با فضای صفحه هماهنگ باشن. بعد از هر تغییر هم پیش‌نمایش صفحه رو ببینید.

تنظیم فاصله بین ستون‌ها

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

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

تغییر رنگ پس‌زمینه، حاشیه و فاصله داخلی

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

تغییر رنگ پس‌زمینه
تغییر رنگ پس‌زمینه

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

جابجایی محتوا بین ستون‌ها

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

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

تنظیم ستون‌ها برای موبایل و تبلت

چیدن ستون‌ها زیر هم در صفحه‌های کوچک

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

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

بررسی ترتیب نمایش محتوا در موبایل

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

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

نکته‌های ساده برای خوانایی بهتر متن

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

ساخت چیدمان‌های کاربردی با ستون‌ها

ساخت چیدمان دو ستونه برای متن و تصویر

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

متن جایگزین تصویر رو هم بنویسید تا موضوع تصویر برای افرادی که اون رو نمی‌بینن روشن باشه. متن دکمه هم بهتره دقیق بگه بعد از کلیک چه اتفاقی می‌افته؛ مثلاً «دیدن دوره‌ها» خیلی واضح‌تر از «بیشتر» هست.

ساخت سه ستون برای معرفی خدمات یا ویژگی‌ها

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

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

ساخت ستون‌هایی با عرض متفاوت

برای چیدمان‌هایی مثل محتوای اصلی و توضیح جانبی، دو ستون با عرض متفاوت بسازید. مثلاً ستون اصلی رو پهن‌تر و ستون توضیح رو باریک‌تر بگیرید. بعد هر ستون رو جدا انتخاب کنید و عرضش رو تغییر بدید.

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

ذخیره چیدمان برای استفاده دوباره

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

موقع ذخیره به گزینه همگام‌سازی دقت کنید. اگه الگو همگام‌شده باشه، تغییر اون در یک محل روی بقیه محل‌های استفاده هم اثر می‌ذاره. الگوی همگام‌نشده فقط یک نسخه جدا و قابل‌ویرایش از چیدمان رو وارد صفحه می‌کنه. وقتی محتوای هر صفحه فرق داره، حالت همگام‌نشده معمولاً انتخاب بهتریه.

استفاده از Column Shortcodes در نوشته‌های وابسته به شورت‌کد

شورت‌کد چیه و چطور ستون رو نمایش می‌ده؟

شورت‌کد یک دستور کوتاه داخل کروشه‌ست که افزونه اون رو به محتوای قابل‌نمایش تبدیل می‌کنه. Column Shortcodes عبارت‌هایی مثل ستون یک‌دوم یا یک‌سوم رو دور محتوا می‌ذاره و با تنظیمات ظاهری خودش، بخش‌ها رو کنار هم نشون می‌ده.

تا وقتی افزونه فعاله و کدهاش درست اجرا می‌شن، بازدیدکننده معمولاً خود شورت‌کد رو نمی‌بینه. ولی اگه افزونه غیرفعال بشه، ممکنه عبارت‌های داخل کروشه به‌شکل متن خام در نوشته دیده بشن.

نصب افزونه Column Shortcodes
نصب افزونه Column Shortcodes

چطور ستون‌های قبلی رو بدون به‌هم‌ریختگی نگه دارید؟

اگه نوشته‌های قدیمی از Column Shortcodes استفاده می‌کنن، افزونه رو یک‌دفعه غیرفعال یا حذف نکنید. اول از سایت نسخه پشتیبان بگیرید. بعد نوشته‌های قدیمی رو بگردید و دنبال عبارت‌هایی مثل [one_half] یا [one_third] باشید. پیداکردن چند نمونه کافی نیست؛ قبل از حذف افزونه باید همه نوشته‌ها و برگه‌های وابسته رو پیدا کنید. روش جست‌وجوی مطمئن به ابزارها و سطح دسترسی شما بستگی داره. پس قبل از جست‌وجوی گسترده یا تغییر پایگاه داده، حتماً نسخه پشتیبان داشته باشید و کار رو در محیط آزمایشی انجام بدید.

تنظیمات افزونه Column Shortcodes
تنظیمات افزونه Column Shortcodes

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

چطور ستون‌های شورت‌کدی رو به بلوک ستون‌ها تبدیل کنید؟

  1. یکی از نوشته‌های وابسته به شورت‌کد رو در نسخه آزمایشی سایت باز کنید.
  2. متن و رسانه‌های داخل هر شورت‌کد رو مشخص کنید.
  3. در جای مناسب، یک بلوک ستون‌ها با تعداد ستون مشابه بسازید.
  4. محتوای هر بخش رو به ستون درست ببرید.
  5. شورت‌کدهای باز و بسته همون بخش رو حذف کنید.
  6. صفحه رو در دسکتاپ، تبلت و موبایل ببینید.
  7. بعد از تأیید نتیجه، همین مراحل رو برای نوشته بعدی تکرار کنید.
انتخاب شورت کد در افزونه Column Shortcodes
انتخاب شورت کد در افزونه Column Shortcodes

تبدیل خودکار همیشه مطمئن نیست، چون ممکنه داخل شورت‌کدها تصویر، دکمه، HTML یا چیدمان سفارشی داشته باشید. HTML کدی هست که ساختار محتوای صفحه رو مشخص می‌کنه. برای نوشته‌های مهم، تبدیل دستی کنترل بیشتری بهتون می‌ده.

دکمه ویرایشگر شورتکد ستون ها
دکمه ویرایشگر شورتکد ستون ها

چرا بهتره تبدیل محتوا رو اول روی نسخه آزمایشی بررسی کنید؟

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

نمایش ستون بندی شده مطالب
نمایش ستون بندی شده مطالب

بعد از تبدیل چند نوشته، ظاهر ستون‌ها، لینک‌ها، تصاویر و ترتیب نمایش در موبایل رو بررسی کنید. وقتی مطمئن شدید روش انتخابی درست کار می‌کنه، با داشتن نسخه پشتیبان و یک برنامه مشخص، تغییرات رو روی سایت اصلی انجام بدید.

حل مشکل‌های رایج ستون‌بندی مطالب در وردپرس

چرا ستون‌ها زیر هم نمایش داده می‌شن؟

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

ممکنه بلوک ستون‌ها داخل یک بخش باریک یا بلوک دیگه باشه و جای کافی نداشته باشه. اون رو در نمای فهرست پیدا کنید و ببینید داخل چه بخشی قرار گرفته.

چرا عرض ستون‌ها با چیزی که تنظیم کردید فرق داره؟

فاصله بین ستون‌ها، بیشترین عرض محتوای قالب و CSS سفارشی می‌تونن روی عرض نهایی اثر بذارن. اول مطمئن بشید خود ستون رو انتخاب کردید و عرض بلوک اصلی ستون‌ها رو تغییر ندادید.

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

چرا فاصله بین ستون‌ها مناسب نیست؟

بلوک اصلی ستون‌ها رو انتخاب کنید و اگه گزینه Block Spacing رو می‌بینید، مقدارش رو بررسی کنید. بعد هر ستون رو جدا انتخاب کنید و ببینید فاصله داخلی یا Margin اضافی براش گذاشته نشده. Margin یعنی فضای بیرون یک بلوک.

اگه فقط یکی از ستون‌ها فاصله متفاوتی داره، احتمالاً تنظیمات همون ستون یا یکی از بلوک‌های داخلش فرق می‌کنه. بهتره اول تنظیمات خود بلوک‌ها رو درست کنید و فقط وقتی لازم بود سراغ CSS سفارشی برید.

چرا بعد از غیرفعال‌کردن افزونه، شورت‌کدها داخل نوشته دیده می‌شن؟

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

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

سؤال‌های رایج

برای ساخت ستون در وردپرس به افزونه نیاز دارید؟

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

چند ستون می‌تونید داخل یک برگه یا نوشته بسازید؟

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

آیا ستون‌های وردپرس در موبایل درست نمایش داده می‌شن؟

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

بلوک ستون‌ها روی سرعت سایت اثر می‌ذاره؟

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

جمع‌بندی

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

اگه نوشته‌های قدیمی سایتتون به Column Shortcodes وابسته هستن، افزونه رو ناگهانی حذف نکنید. اول نسخه پشتیبان بگیرید، همه نوشته‌ها و برگه‌های وابسته رو پیدا کنید و تبدیل اون‌ها به بلوک ستون‌ها رو در نسخه آزمایشی انجام بدید. وقتی مطمئن شدید هیچ شورت‌کد خام یا چیدمان خرابی باقی نمونده، می‌تونید برای غیرفعال‌کردن افزونه تصمیم بگیرید. شاد و سربلند باشید. 🙂

نظر شما در این مورد چیه؟

    پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
    تیم میهن وردپرس
    پشتیبانپشتیبانپشتیبانپشتیبانپشتیبان
    تیم میهن وردپرسآنلاین و پاسخگوی شما هستیم.آنلاین

    در حال بارگذاری...

    هر سوالی دارید بپرسید.پاسخگوی شما هستیم.