برای استعلام یا ارسال سفارش اینجا کلیک کنید.

آموزش ساخت تب در وردپرس و استفاده از آن در سایت

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

 

آموزش ساخت تب در وردپرس + محتوای تب

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

 

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

 

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

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

اولین قدم : استفاده از افزونه Tabs Shortcode and Widget

Tabs Shortcode and Widget یکی از افزونه‌های بسیار کاربردی است که شما می‌توانید از آن برای تب‌بندی نوشته‌های سایت خود از آن استفاده کنید. این پلاگین را میتوانید از مخزن وردپرس به صورت کاملا رایگان پیدا کنید . بعد از دانلود و نصب برنامه ، برای شروع کار باید آن را فعال کنید . نکته ایی که باید به آن توجه کنید این است که رابط کاربری این افزونه بسیار راحت است و شما هنگام استفاده از آن با مشکل روبه‌رو نخواهید شد؛ درواقع ازآنجایی‌که این افزونه خارج از باکس کار می‌کند، شما اصلاً نیازی به پیکربندی آن ندارید و بدون اینکه بخواهید تغییری در تنظیمات آن ایجاد کنید، می‌توانید از آن استفاده کنید.

 

 

ساخت تب در نوشته ها و برگه های وردپرس

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

 

 

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

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

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده اید و با آن موافق هستید.

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

آخرین نمونه کار ها مشاهده همه

آخرین طرح های اختصاصی اجرا شده