تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت یا کد انتقال دهنده کاربر به صفحه 2 پاسخ 69 بازدید وردپرس شبکه 0 پاسخ 3 بازدید مشکل در نصب اسکریپت 0 پاسخ 1 بازدید درخواست افزونه 3 پاسخ 689 بازدید اسکریپت مدیریت هاست رایگان 3 پاسخ 233 بازدید کتابخانه blog برای لاراول 0 پاسخ 53 بازدید معرفی وبسایت خرید آنلاین مواد و لوازم دندانپزشکی 0 پاسخ 79 بازدید افزونه Coins MarketCap 1 پاسخ 472 بازدید درخواست پلاگین 4 پاسخ 752 بازدید اسکریپت vfm 5 پاسخ 841 بازدید
تبلیغات
تبلیغات تبلیغات

ایجاد ستون در نوشته و صفحات وردپرس با افزونه Column Shortcodes

افزونه ها , افزونه وردپرس

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

 

ساخت ستون در وردپرس

برخی برای ستون‌بندی کردن صفحات سایت، اقدام به کدنویسی می‏‏‌کنند و برخی دیگر جدول‏‌هایی را تهیه می‌‏‏کنند… افزونه‏‌های متعددی برای ستون‌بندی صفحات وردپرس ارائه شده‌‏اند، که در این بین، افزونه Column Shortcodes با بیش از ۱۰۰٬۰۰۰ نصب فعال و امتیاز ۴٫۸ از محبوبیت خاصی برخوردار است.

 

نصب و راه اندازی افزونه Column Shortcodes

ایجاد ستون در نوشته و صفحات وردپرس با افزونه Column Shortcodes

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

 

نحوه عملکرد افزونه Column Shortcodes

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

 

شورت‌کدهای افزونه برای ساخت ستون در وردپرس

  • full width: عرض کامل
  • one half: یک دوم
  • one half (last): تگ پایانی و اتمام بخش دو ستونه
  • one third: یک‌ سوم
  • one third (last): اتمام بخش سه ستونه و استفاده از فضای باقی مانده
  • one fourth: یک چهارم
  • one fourth (last): اتمام بخش چهار ستونه
  • two third: دو سوم
  • two third (last): اتمام بخش دو سوم
  • three fourth: سه چهارم
  • one fifth: یک پنجم
  • two fifth: دو پنجم
  • three fifth: سه پنجم
  • four fifth: چهار پنجم
  • one sixth: یک ششم
  • five sixth: پنج ششم

با ترکیب بندی شورت‌کدهای بالا می‌توان ستون‌بندی دلخواه را ایجاد کنید. 

 

نحوه ساخت ستون در وردپرس

برای ساخت ستون در وردپرس به برگه یا نوشته دلخواه خود رجوع کنید. روی گزینه Select shortcode که در کنار دکمه افزودن پرونده چند رسانه‌‏ای قرار دارد، کلیک کنید. بر اساس توضیحات ارائه شده در مورد شورت‌کدها، در پنجره باز شده و از بخش Column shortcodes شیوه نمایشی دلخواه خود را انتخاب کنید.

ایجاد ستون در نوشته و صفحات وردپرس با افزونه Column Shortcodes

به عنوان مثال با درج شورت‌کد one third یک‌ سوم از عرض را اشغال می‌‏‏کنید. برای استفاده از دو سوم فضا، گزینه two third مناسب است و به همین ترتیب با چیدن شورت‌کدها در کنار یکدیگر، بخش بندی فضا صورت می‏‏‌گیرد. طبق تصویر زیر:

ایجاد ستون در نوشته و صفحات وردپرس با افزونه Column Shortcodes

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

 

نکته: هر نوع محتوایی (متن- تصویر- لینک و…) بین شورت‌کد باز و بسته قرار بگیرد، در همان سلول درج خواهد شد.

 

نتیجه نهایی

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

ایجاد ستون در نوشته و صفحات وردپرس با افزونه Column Shortcodes

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 5 / 5. تعداد رای : 1

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 1.0

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=35860
کلمات کلیدی پست :
مطالب مرتبط
9,804افزونه ساخت گالری تصاویر در وردپرس Modula Pro + افزودنی ها تاریخ : 2020/11/3
14,075دانلود افزونه حرفه ای Yoast Video SEO وردپرس تاریخ : 2014/12/27
11,232افزونه وردپرس مدیریت تبلیغات Advanced Ads تاریخ : 2016/03/24
7,209افزونه درخواست مظنه و قیمت ووکامرس Request a Quote نسخه 2.19 تاریخ : 2015/10/24
158,124افزونه وردپرس پروفایل ساز پیشرفته Profile Builder Pro نسخه 3.5.5 تاریخ : 2021/09/25
10,205نمایش محتوا به صورت شناور در وردپرس با افزونه Advanced Floating Content تاریخ : 2018/03/8
7,646افزونه چت و پشتیبانی با Live Chat by Flyzoo نسخه 1.4.3 تاریخ : 2014/10/15
11,903ایجاد نظرسنجی پیشرفته در وردپرس با افزونه Responsive Poll v1.3.0 تاریخ : 2014/05/15
16,921افزونه باز سازی عکس شاخص Force Regenerate Thumbnails برای وردپرس تاریخ : 2016/05/2
22,350افزونه نمایش افکت بر اساس حرکت اسکرول در وردپرس Scroll Magic تاریخ : 2020/05/22
6,972اضافه کردن امکانات بیشتر به ویرایشگر وردپرس با افزونه WordPress Editor تاریخ : 2019/11/26
45,604افزونه فارسی صدور فاکتور در ووکامرس WooCommerce Factor تاریخ : 2018/03/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات