تبلیغات

تبلیغات
طراحی و بهینه سازیمشاهده


آخرین ارسال های تالار مشاهده انجمن
  • آموزش تصویری جامع نصب و استفاده اسکریپت GramEasy - Stackposts 28 پاسخ 231 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 137 پاسخ 2555 بازدید
  • قطعات لیفتراک 0 پاسخ 5 بازدید
  • کاهش حجم سایت وردپرس 0 پاسخ 10 بازدید
  • آژانس دیحیتال مارکتینگ 2 پاسخ 66 بازدید
  • مشکل با ربات گرام ایزی 2 پاسخ 21 بازدید
  • فارسی شده اسکریپت Grameasy 14 پاسخ 164 بازدید
  • مشکل در url سایت وردپرسی 1 پاسخ 22 بازدید
  • نذري اموزشي 0 پاسخ 18 بازدید
  • عدم ورود به وردپرس 2 پاسخ 17 بازدید
  • هاست

    ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs

    افزونه ها , افزونه وردپرس
    ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive TabsReviewed by M J on Nov 30Rating: 4.0ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabsبی شک خوانایی محتوا برای کاربران اهمیت زیادی در بازاریابی با محتوا دارد. و محتوایی که کاملا خوانا و به طوری باشد که با یک چشم به هم زدن مطالب را مرور کرد , کاربر جذب ان میشود. معمولا برای مرتب سازی محتوا وردپرس از برخی رنگ ها و از روند زیر مجموعه گیری استفاده میکنند تا محتوا برای کاربر جذاب و در خوانا باشد. اما ما در این آموزش وردپرس قصد داریم تا روشی به شما بگوییم تا بتوانید محتوای خودرا بهتر مرتب کنید.

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

     

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

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

     

    تب های ریسپانسیو در وردپرس با Tabby Responsive Tabs

    پلاگین Tabby Responsive Tabs به جهت ایجاد یک راه اسان برای اضافه کردن تب های ریسپانسیو به محتوای وردپرس طراحی شده است.
    این افزونه که با سادگی همراه است با ایجاد تب های ریسپانسیو محبوبیت خاصی  در بین وبسمتران ایجاد کرده و بیش از ۳۰ هزار نصب فعال داشته است!

     

    ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs

     

    ویژگی های افزونه Tabby Responsive Tabs

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

     

    شروع کار و ایجاد تب های ریسپانسیو در وردپرس با Tabby Responsive Tabs

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

     

    نحوه عملکرد 

    ابتدا به برگه یا نوشته ای که میخواهید در ان تب ایجاد کنید بروید. برای ایجاد تب باید از دو شورت کد استفاده کنید. [tabby] و [tabbyending] برای ایجاد تب ها استفاده میشوند و شورت کد [tabbyending] به معنای اتمام کار و پس  از اخرین تب نوشته میشود.

     

    پارامتر های شورت کد [tabby] 

    اولین پارامتر در ایجاد تب title میباشد و به منظور درج عنوان استفاده میشوند. [“tabby title=”tabname] شورت کدی است که برای درج عنوان برای تب استفاده میشوند. در قسمت “tabname” نام دلخواه خودرا قرار دهید.

     

    به عنوان مثال نمونه شورت کد برای ایجاد تب.

    این تب تستی است.

    این تب تستی است.

    این تب تستی است.

     

    ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs

     

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

    [“tabby title=”Tab name” open=”yes] به منظور مشخص کردن تب فعال در هنگام بارگذاری صفحه میباشد. به عنوان مثال این پارامتر را به تب دوم اضافه کردیم و همینطور که مشاهده میکنید در هنگام بارگذاری صفحه اولین تبی است که به صورت پیش فرض فعال میباشد.

     

    ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs

     

    برای اضافه کردن محتوای یک نوشته و یا برگه مورد نظر ابتدا ادرس تارگت صفحه مورد نظر را انتخاب میکنیم. و در محتوای تبی که میخواهیم قرار دهیم پیست میکنیم. و در اخر شورت کد ?target=Tab-name را در جلوی ادرس تارگت قرار میدهیم. به عنوان مثال ما برای محتوای تب سوم نوشته ای را قرار داده ایم.

     

    تب تستی اول

    تب تستی دوم

     

    ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs

     

    و در اخر تبی را که ساخته ایم را برای صفحه نمایشگر های مختلف تست میکنیم تا از ریسپانسیو بودن این تب ها مطمئن شویم!

     

    ایجاد تب های ریسپانسیو در وردپرس با افزونه Tabby Responsive Tabs

     

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

    موفق باشید


    The product includes software licensed under GNU General Public License (GPL) or GNU

    دانلود نسخه : 1.2.3
    .

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



    نحوه استفاده

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

    مطلب مفیدی بود ؟
    نویسنده : admin 0 افزونه ها , افزونه وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=29480

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    4,282افزونه سئو وردپرس All in One SEO Pack Pro نسخه 2.3.7 تاریخ : 2015/07/1
    840حذف حافظه پنهان افزونه‌ها در وردپرس با افزونه Clear Cache for Me تاریخ : 2018/05/30
    10,910دانلود افزونه پیشرفته صفحه لاگین Login & Access تاریخ : 2014/09/13
    904روش ساخت نمودار سازمانی در وردپرس با افزونه Easy Org Chart تاریخ : 2018/07/7
    1,026افزونه بهبود سیستم نظرات وردپرس Thrive Comments تاریخ : 2017/12/19
    4,098درگاه بانک صادرات برای افزونه فروش فایل EDD تاریخ : 2016/05/20
    2,371ریست کردن پسورد تمامی کاربران در وردپرس تاریخ : 2017/07/11
    3,048نمایش اعضای تیم در وردپرس با افزونه Team Members تاریخ : 2017/07/7
    1,228تغییر قالب وردپرس متناسب با سیستم‌ کاربر با افزونه Any Mobile Theme Switcher تاریخ : 2018/05/2
    6,488افزونه اسلایدر مطالب وردپرس تاریخ : 2016/08/18
    3,637اجرای آنلاین اسناد در وردپرس با افزونه Embed Any Document Plus تاریخ : 2015/07/9
    356افزودن CSS و JS سفارشی به وردپرس با افزونه Simple Custom CSS and JS تاریخ : 2018/09/12
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب