MB Tabs
Az MB Tabs akkor kerül képbe, amikor a Meta Box-szal felépített mezőcsoportjaid egyszerűen túl nagyra nőttek. Nem azért, mert rosszul tervezted őket, hanem mert a projekt fejlődött: több adat, több opció, több döntés került az adminba. Ilyenkor a szerkesztők már nem „szerkesztenek”, hanem keresgélnek és görgetnek.
Ez a bővítmény nem új funkciókat ad az adataidhoz, hanem rendet tesz a felületen. A mezőket logikus szekciókba rendezi fülek segítségével, hogy az admin használata gyors és érthető maradjon akkor is, amikor a mögötte lévő adatmodell már komplex.
Beállítási tanács: ha egy mezőcsoportot leírnál úgy, hogy „van eleje, közepe és vége”, akkor már túl nagy, és ideje tabokra bontani.
Hogyan gondolkodik az MB Tabs, és miben más, mint egy „vizuális trükk”?
Fontos megérteni, hogy az MB Tabs nem frontend UI elem, hanem strukturáló eszköz. Nem arról szól, hogy „szebben nézzen ki” az admin, hanem arról, hogy a mezők mentális modellje kövesse a valós munkafolyamatot.
A tab nem konténer, hanem útjelző. Azt mondja a szerkesztőnek: itt most más jellegű döntést hozol. Például nem tartalmat írsz, hanem médiafájlokat töltesz fel, vagy SEO-beállításokat állítasz.
Beállítási tanács: ne mezőtípusok szerint bonts tabokra. A felhasználó nem „textarea”-t akar szerkeszteni, hanem leírást, képet vagy beállítást.
Mikor segít igazán, és mikor nem?
Az MB Tabs akkor működik a legjobban, ha egy mezőcsoport funkcionálisan több részre bontható. Tipikusan ilyenek a termékek, ingatlanok, események, landing oldalak vagy összetett profiloldalak.
Viszont nem csodaszer. Ha eleve rosszul van megtervezve a mezőstruktúra, ha minden mindennel összefügg, vagy ha túl sok a valójában felesleges mező, akkor a tabok csak elfedik a problémát.
Beállítási tanács: előbb takaríts, utána tabolj. Ami nem kell, ne rakd fül alá, töröld.
Fülstílusok és elrendezés – hogyan válassz jól?
A válasz nem technikai, hanem használati kérdés. A default stílus akkor jó, ha kevés tabod van, és az admin natív kinézetéhez akarsz simulni. A box stílus elkülönültebb, vizuálisan segíti a fókuszváltást. A left (bal oldali) elrendezés pedig akkor jön el igazán, amikor sok mező és hosszú fülnevek vannak, és a vertikális navigáció kevésbé „ugrál”.
Beállítási tanács: nagy adatlapoknál (ingatlan, katalógus, termék) szinte mindig a bal oldali tab a legkényelmesebb hosszú távon.
Ikonok és címkék – mikor segítenek, mikor ártanak?
Az ikon nem dekoráció, hanem gyors felismerési pont. Ha jól választod meg, csökkenti az olvasási terhelést. Ha rosszul, csak zajt ad.
Beállítási tanács: ha a fül címe önmagában egyértelmű, ne rakj hozzá ikont. Ha több hasonló című fül van, akkor viszont sokat segíthet.
Aktív fül és fókusz – apróságnak tűnik, mégis számít
Az alapértelmezett aktív fül meghatározza, hogy a felhasználó hol „kezd”. Ez különösen fontos akkor, ha egy adatlapot gyakran csak részben szerkesztenek. A tab_remember pedig egyfajta minőségi extra: visszavisz oda, ahol az előbb dolgoztál.
Beállítási tanács: azt a fület tedd alapértelmezetté, ahol a legtöbbször történik módosítás, nem azt, amelyik „logikailag az első”.
MB Tabs és a Meta Box ökoszisztéma együtt
Az MB Tabs nem versenyez más kiegészítőkkel, hanem együtt dolgozik velük. Gyakori és jól működő párosítás az MB Columns, ahol egy tabon belül is rendezett, oszlopos elrendezést kapsz. Beállítási oldalaknál az MB Settings Page adja az oldalszintű füleket, az MB Tabs pedig az azon belüli bontást.
Beállítási tanács: ha azt érzed, hogy „túl sok a tab”, lehet, hogy nem itt kell tovább bontani, hanem mezőcsoportokat kell különválasztani.
Tipikus, jól működő használati minták
Ingatlan- vagy termékadatlapnál külön fülre kerülnek az alapadatok, a média, a speciális jellemzők és az admin jellegű beállítások. Landing oldalaknál a tartalmi elemek és az oldal működését érintő opciók válnak el. Komplex CPT-knél gyakran külön fülre kerül minden, ami nem napi szintű szerkesztés.
Beállítási tanács: ami ritkán változik, kerüljön hátrébb vagy külön fülre. A gyakori műveletek legyenek „kéznél”.
Kinek ajánlott igazán?
Fejlesztőknek és ügynökségeknek, akik hosszabb életű projekteket építenek, és fontos számukra, hogy az admin felület ne romoljon el a projekt növekedésével. Site buildereknek, akik vizuálisan szeretnének rendet tenni kód nélkül. Szerkesztőknek pedig azért, mert kevesebb hibával és gyorsabban tudnak dolgozni.
Összegzés
Az MB Tabs nem egy látványos bővítmény, hanem egy ergonómiai eszköz. Akkor válik nélkülözhetetlenné, amikor az adatmodell már kész, a projekt működik, és hirtelen az admin lesz a szűk keresztmetszet. Ha jól használod, láthatatlanná válik, és pontosan ez jelzi, hogy jól csináltad: a felhasználó nem az űrlappal küzd, hanem a feladatára koncentrál.
-
Bővítmények
- Admin Menu Editor Pro – az admin felület testreszabása WordPressben
- Account Funds for WooCommerce
- Addify – Advanced Product Quantity
- Advanced Custom Fields Multilingual (ACFML)
- AffiliateWP – Affiliate Area Shortcodes
- AffiliateWP – Affiliate Dashboard Sharing
- AffiliateWP – Affiliate Portal
- AffiliateWP - Allowed Products
- AffiliateWP – Custom Affiliate Slugs
- AffiliateWP – Custom Affiliate Slugs
- AffiliateWP – Lifetime Commissions
- AffiliateWP – Multi-Currency
- AffiliateWP – Multi-Tier Commissions
- AffiliateWP - PayPal Payouts
- AffiliateWP – Recurring Referrals
- AffiliateWP – REST API Extended
- AffiliateWP – Show Affiliate Coupons
- AffiliateWP – Signup Referrals
- AffiliateWP – Store Credit
- AffiliateWP – Tiered Rates
- AffiliateWP – WooCommerce Redirect Affiliates
- AffiliateWP
- All-in-One WP Migration and Backup
- All-in-One WP Migration – Dropbox Extension
- All-in-One WP Migration – FTP Extension
- All-in-One WP Migration – Google Drive Extension
- All-in-One WP Migration – Multisite Extension
- All-in-One WP Migration – OneDrive Extension
- All-in-One WP Migration Unlimited Extension
- All-in-One WP Migration URL Extension
- Amelia
- Analytify – Easy Digital Downloads modul
- Analytify – Email Notifications kiegészítő
- Analytify Goals (Key Events)
- Analytify Pro
- Analytify – UTM Campaigns Tracking
- Analytify – WooCommerce integráció
- API Manager for WooCommerce
- AutomateWoo – Birthdays Add-on
- AutomateWoo – Refer A Friend Add-on
- AutomateWoo
- AutomatorWP Pro
- AutomatorWP
- MainWP – Boilerplate Extension
- Booster Plus for WooCommerce
- Bought Together for WooCommerce
- Buy Again for WooCommerce
- CartFlows Pro
- CheckoutWC
- Complianz Privacy Suite (GDPR/CCPA) Premium
- Contact Form 7 Multilingual
- Custom Stock Status
- Custom User Registration Fields for WooCommerce
- Customize My Account Page for WooCommerce
- Divi Menu Cart
- Divi Responsive Helper
- Divi Supreme Pro
- Divi Toolbox
- DiviPasswords
- Dynamic.ooo – Dynamic Content for Elementor
- Edit Order by Customer
- Elementor Pro
- Email Customizer for AutomateWoo
- Email Customizer for WooCommerce Subscriptions
- Fluent Boards Pro
- Fluent Forms PDF Generator
- Fluent Forms Pro Add On Pack
- Fluent Forms Signature Addon
- Fluent Forms
- Fluent Support Pro
- Fluent Support
- FluentBooking – Appointment Scheduling & Booking Solution
- FluentBooking Pro
- FluentCart Pro
- FluentCart
- FluentCommunity Pro
- FluentCRM – Marketing Automation WordPresshez
- FluentCRM Pro
- FluentSMTP
- Free Gifts for WooCommerce
- gAppointments
- GenerateBlocks Pro
- GenerateBlocks
- GP Premium
- Gravity Forms Multilingual – mi ez és milyen problémát old meg?
- Gravity Forms Product Add-Ons for WooCommerce – mi ez és milyen problémát old meg?
- Gravity Forms
- Gravity SMTP
- Jet Appointments Booking – közérthetően, gyakorlatiasan
- JetBlocks for Elementor – gyakorlatiasan, felismerhetetlenül
- JetBlog for Elementor
- JetBlog for Elementor
- JetCompareWishlist For Elementor
- JetElements for Elementor
- JetEngine – Custom visibility conditions
- JetEngine – Dynamic Charts Builder
- JetEngine - dynamic tables builder
- JetEngine – Get attachment file link by ID
- JetEngine – Layout Switcher
- JetEngine – Post Expiration Period Module
- JetEngine – Trim string callback
- JetEngine
- JetFormBuilder – Address Autocomplete (PRO addon)
- JetFormBuilder – Advanced Color Picker (PRO)
- JetFormBuilder – ConvertKit Action (PRO)
- JetFormBuilder – Formless Actions Endpoints (PRO)
- JetFormBuilder – Hierarchical Select (PRO)
- JetFormBuilder HubSpot Action
- JetFormBuilder MailerLite Action
- JetFormBuilder MailPoet Action
- JetFormBuilder Moosend Action
- JetFormBuilder PayPal Recurring payments
- JetFormBuilder PDF Attachment
- JetFormBuilder Save Form Progress
- JetFormBuilder Schedule Forms
- JetFormBuilder Select Autocomplete
- JetFormBuilder Stripe Gateway
- JetFormBuilder WooCommerce Cart & Checkout Action
- JetFormBuilder User Login Action
- JetFormBuilder
- JetMenu
- JetPopup
- JetProductGallery
- JetProductTables
- JetReviews
- JetSearch
- JetSmartFilters
- JetStyleManager
- JetTabs For Elementor
- JetThemeCore
- JetTricks
- JetWooBuilder for Elementor
- LearnDash Course Reviews
- LearnDash LMS – 2Checkout integráció
- LearnDash LMS - Achievements
- LearnDash LMS - bbPress Integration
- LearnDash LMS - Certificate Builder
- LearnDash LMS – Course Grid
- LearnDash LMS – EDD Integration
- LearnDash LMS – Elementor
- LearnDash LMS – Event Espresso
- LearnDash LMS – Gravity Forms Integration
- LearnDash LMS – Integrity
- LearnDash LMS – MemberPress Integration
- LearnDash LMS – Migration
- LearnDash LMS – Notifications
- LearnDash LMS – Paid Memberships Pro
- LearnDash LMS – Restrict Content Pro Integration
- LearnDash LMS – SamCart Integration
- LearnDash LMS – The Events Calendar Integration
- LearnDash LMS – ThriveCart Integration
- LearnDash LMS – WooCommerce Integration
- LearnDash LMS – Zapier Integration
- LearnDash LMS
- LearnDash Multilingual Integration
- MailChimp for WooCommerce Memberships
- MailChimp for WordPress Multilingual
- MainWP Advanced Uptime Monitor Integration
- MainWP API Backups Extension - BETA
- MainWP Article Uploader Extension
- MainWP Atarim Extension
- MainWP Buddy Extension
- MainWP Bulk Settings Manager Extension
- MainWP Cache Control Extension
- MainWP Clone Extension
- MainWP Code Snippets Extension
- MainWP Comments Extension
- MainWP Custom Dashboard Extension
- MainWP Custom Post Type
- MainWP Dashboard Lock Extension
- MainWP Dashboard
- MainWP Database Updater Extension
- MainWP Domain Monitor Extension
- MainWP Favorites Extension
- MainWP File Uploader Extension
- MainWP Google Analytics Extension
- MainWP iThemes Security Extension
- MainWP Jetpack Protect Extension
- MainWP Jetpack Scan Extension
- MainWP Lighthouse Extension
- MainWP Maintenance Extension
- MainWP Matomo Extension
- MainWP Post Dripper Extension
- MainWP Post Plus Extension
- MainWP Pressable Extension
- MainWP SSL Monitor Extension
- MainWP Staging Extension
- MainWP Sucuri Extension
- MainWP Team Control
- MainWP Time Capsule Extension
- MainWP UpdraftPlus Extension
- MainWP URL Extractor Extension
- MainWP Virusdie Extension
- MainWP Vulnerability Checker Extension
- MainWP White Label Extension
- MainWP WooCommerce Shortcuts Extension
- MainWP WooCommerce Status Extension
- MainWP Wordfence Extension
- MainWP WordPress SEO Extension
- MainWP WP Compress Extension
- MB Admin Columns
- MB Blocks
- MB Builder
- MB Conditional Logic
- MB Custom Table
- MB Favorite Posts
- MB Frontend Submission
- MB Group
- MB Include Exclude
- MB Revision
- MB Settings Page
- MB Tabs
- MB Term Meta
- MB Testimonials
- MB Tooltip
- MB User Avatar
- MB User Profile
- Meta Box Columns
- Meta Box Geolocation
- Meta Box Show Hide
- Meta Box Template
- Meta Box
- Ninja Forms - ActiveCampaign
- Ninja Forms - Conditional Logic
- Ninja Forms - Excel Export
- Ninja Forms - File Uploads
- Ninja Forms - Layout & Styles
- Ninja Forms – Multi-Part Forms
- Ninja Forms Multilingual
- Ninja Forms - Save Progress
- Ninja Forms – Stripe
- Ninja Forms – User Management
- Ninja Forms - Webhooks
- Ninja Forms - Zapier
- Notes for LearnDash
- OxyExtras
- Oxygen Elements for WooCommerce
- Oxygen Gutenberg Integration
- Oxygen
- Perfmatters
- Pixel Manager Pro for WooCommerce
- Polylang for WooCommerce
- Polylang Pro
- Product Dynamic Pricing and Discounts
- Product Video for WooCommerce
- Products Linked by Variations for WooCommerce
- Qala Product Price History
- QuadMenu PRO
- QuadMenu
- Request a Quote for WooCommerce
- Restrict Content Pro
- SEOPress PRO
- SEOPress
- Slack for WooCommerce
- Slider Revolution
- Solid Security Pro
- Teams for WooCommerce Memberships
- Termageddon for MainWP
- The Plus Addons for Elementor - Pro
- Top Bar for WooCommerce
- TranslatePress - Business
- TranslatePress – Multilingual
- Tutor LMS Pro
- Ultimate Addons for Elementor Pro
- UpdraftPlus - Backup/Restore
- UserPro (5.1.11)
- WebinarPress Pro
- Wholesale For WooCommerce
- WooCommerce Additional Variation Images
- WooCommerce Advanced Notifications
- WooCommerce All Products for Subscriptions
- WooCommerce Appointments
- WooCommerce Back In Stock Notifications
- WooCommerce Bookings
- WooCommerce Bulk Stock Management
- WooCommerce Checkout Add-Ons
- WooCommerce Checkout Field Editor
- WooCommerce Composite Products
- WooCommerce Conditional Shipping and Payments
- WooCommerce Cost of Goods
- WooCommerce Deposits
- WooCommerce Dynamic Pricing
- WooCommerce E-Mail Attachments (by Inoplugs)
- WooCommerce Email Customizer
- WooCommerce EU VAT Number
- WooCommerce Google Analytics Pro
- WooCommerce Google Product Feed
- WooCommerce Local Pickup Plus
- WooCommerce MailChimp Integration
- WooCommerce Measurement Price Calculator
- WooCommerce Memberships
- WooCommerce Min/Max Quantities
- WooCommerce Name Your Price
- WooCommerce One Page Checkout
- WooCommerce Order Status Manager
- WooCommerce Payment Gateway Based Fees
- WooCommerce PDF Invoices
- WooCommerce PDF Watermark
- WooCommerce Points and Rewards
- WooCommerce Pre-Orders
- WooCommerce Price Per Unit PRO
- WooCommerce Product Add-Ons Ultimate
- WooCommerce Product Add-Ons
- WooCommerce Product Bundles
- WooCommerce Product Recommendations
- WooCommerce Product Reviews Pro
- WooCommerce Product Vendors
- WooCommerce Sequential Order Numbers Pro
- WooCommerce Shipping Per Product v2
- WooCommerce Smart Coupons
- WooCommerce Social Login
- WooCommerce Subscription Downloads
- WooCommerce Subscriptions
- WooCommerce Tab Manager
- WooCommerce Table Rate Shipping
- WooCommerce URL Coupons
- WooCommerce Warranty Requests
- WooCommerce WishLists
- WooCommerce WS Form PRO Product Add-Ons
- WP All Export - ACF Export Add-On Pro
- WP All Export - Gravity Forms Add-On
- WP All Export - JetEngine Add-On
- WP All Export - Meta Box Add-On
- WP All Export Pro
- WP All Export - User Export Add-On Pro
- WP All Export - User Export Add-On Pro
- WP All Import - ACF Add-On
- WP All Import - JetEngine Add-On
- WP All Import - Link Cloaking Add-on
- WP All Import - Meta Box Add-On
- WP All Import Pro
- WP All Import - User Import Add-On Pro
- WP All Import - WooCommerce Import Add-On Pro
- WP Booking System - Advanced Booking Restrictions Add-on
- WP Booking System - Authorize.Net Add-on
- WP Booking System - Booking Manager
- WP Booking System - Calendar Organiser
- WP Booking System - Contracts
- WP Booking System - Coupons & Discounts Add-on
- WP Booking System - Customers
- WP Booking System - Email Reminders Add-on
- WP Booking System - GoPay Add-on
- WP Booking System - Inventory
- WP Booking System - Invoices
- WP Booking System - Mollie
- WP Booking System - Multiple Currencies
- WP Booking System - PayPal Buttons Add-on
- WP Booking System - Pricelabs
- WP Booking System - Redsys Add-on
- WP Booking System - Reporting Add-on
- WP Booking System - Search Add-on
- WP Booking System - SMS Notifications
- WP Booking System - Square Add-on
- WP Booking System - Stripe Add-on
- WP Booking System - WooCommerce Add-on
- WP Booking System
- WP Grid Builder - Beaver Builder
- WP Grid Builder - Bricks
- WP Grid Builder - Caching
- WP Grid Builder - Elementor
- WP Grid Builder - LearnDash
- WP Grid Builder - Map Facet
- WP Grid Builder - Meta Box
- WP Grid Builder - Multilingual
- WP Grid Builder - Oxygen
- WP Grid Builder - Pods
- WP Grid Builder
- WP Rocket Integration
- WP Rocket
- WPBakery Page Builder
- WPForms Multilingual
- WPML All Import
- WPML CMS Navigation
- WPML Media Translation
- WPML Multilingual CMS
- WPML Multilingual & Multicurrency for WooCommerce
- WPML SEO
- WPML String Translation
- YayMail Pro - WooCommerce Email Customizer
- YITH Infinite Scrolling Premium
- YITH WooCommerce Ajax Product Filter Premium
- Yoast SEO Premium
- Yoast SEO: WooCommerce
- Zapier Integration for WooCommerce
- Redis Object Cache
- WP-Optimize Premium
- Advanced Database Cleaner Pro
- Asset CleanUp Pro
- WP Crontrol
- WPGraphQL
- WPGraphQL for WooCommerce
- Faust.js
- ACF + WPGraphQL
- WP Activity Log
- MalCare
- Patchstack
- ACF + WPGraphQL
- WP Activity Log
- MalCare
- Patchstack
- WP Cerber Security Pro
- MemberPress
- WishList Member
- SureMembers
- Paid Memberships Pro – Advanced Add-ons
- WP Mail SMTP Pro
- Postmark for WordPress
- Mailgun for WordPress
- WP SMS Pro
- WP Client Reports Pro
- Client Portal
- Atarim
- SureFeedback
- WooCommerce PDF Catalog
- B2BKing
- Show Remaining Articles (400) Collapse Articles