Sumažinkite svetainės netvarką ir pagerinkite įtraukimą į „WordPress“ skirtukus

Viskas, ką galite padaryti, kad patobulintumėte savo svetainę, yra geras dalykas. Galų gale, kuo mažiau darbo svetainių lankytojai turi padaryti norimai informacijai gauti, tuo geriau. Tačiau tai gali būti iššūkis, jei jūsų svetainė pagal savo pobūdį turi apimti daug informacijos. Tokių svetainių galutinis rezultatas paprastai būna tas, kuriame yra labai ilgi puslapiai, kurių beveik niekas neperskaitys, ir tų puslapių, kurių beveik niekas nespaudžia..


Taigi, kokia yra labai ilgo ar per daug puslapių alternatyva? Kodėl, skirtukai, žinoma! Ir nesijaudinkite – jūs neprivalote būti kodavimo genijus, norėdami gauti skirtukus savo svetainėje. Yra daugybė papildinių, kurie įgalina šią funkciją. Aš suapvalinau keletą geriausių, kurie padės greitai ir lengvai į savo „WordPress“ svetainę įtraukti turinį su skirtukais.

Skelbti vartotojo sąsajos skirtukus

Skelbti vartotojo sąsajos skirtukus

Paskelbdami vartotojo sąsajos skirtukus galite lengvai „jQuery“ skirtukus pridėti prie savo turinio, nesvarbu, ar jie yra įrašai, puslapiai ar kiti įrašų tipai. Viskas, ką jums reikia padaryti, tai įterpti trumpuosius kodus į redaktorių ir įgalinsite skirtukus.

Į papildinį įtrauktos 24 skirtingos vartotojo sąsajos temos, kad būtų lengviau suderinti esamą temą. Arba, jei turite drožlių, sukurkite pasirinktinį stiliaus lentelę, kad dar labiau padidintumėte išvaizdą ir pojūtį.

Įdiegę papildinį, viskas, ką jums reikia padaryti, tai spustelėkite atitinkamą „TinyMCE“ mygtuką įrašų redagavimo priemonėje ir įterpti reikiamą trumpąjį kodą. Pagal oficialų „WordPress“ katalogą, skirtą „Post UI Tabs“, skirtukus taip pat galite įterpti naudodami šiuos trumpus kodus:

[tab name = ”Jūsų skirtuko pavadinimas 1 ″] Jūsų skirtuko turinys [/ tab]
[tab name = ”Jūsų skirtuko pavadinimas 2 ″] Jūsų skirtuko turinys [/ tab]
[tab name = ”Jūsų skirtuko pavadinimas 3 ″] Jūsų skirtuko turinys [/ tab]
[end_tabset]

Į šiuos skirtukus įdėkite HTML. Tai turėtų būti tvarkoma be jokių problemų, o jūs pamatysite, kad jūsų turinys bus rodomas taip, kaip jis būtų tik kur nors kitur jūsų svetainėje, kaip jūs galbūt spėjote atspėti, kad jis yra skirtuke.

Lengvai reaguojantys skirtukai

Lengvai reaguojantys skirtukai

Kitas papildinys, kurį tikrai turėtumėte patikrinti, ar norite pridėti skirtukų į savo svetainę Lengvai reaguojantys skirtukai. Tai ne tik suderinamas su „bootstrap 3.0“, bet taip pat prideda „TinyMCE“ mygtukus prie vaizdų rengyklės, todėl yra labai paprasta įterpti reaguojančius skirtukus vienu mygtuko paspaudimu..

Spustelėjus šį mygtuką atidaromas nustatymų skydelis, kuriame galima pasirinkti kelių skirtingų skirtukų aspektų, įskaitant antraštes, aktyvius skirtukus, užveskite pelės žymeklį, foną ir dar daugiau, spalvą. Taip pat galite nustatyti, kad skirtukai būtų rodomi viršuje arba apačioje. Šis įskiepis yra tikras mėgstamiausias dėl to, kaip lengva nustatyti ir pradėti dirbti iškart.

„Tabby“ reaguojantys skirtukai

„Tabby“ reaguojantys skirtukai

Jei atsakymas yra vienas iš svarbiausių jūsų rūpesčių, „Tabby“ reaguojantys skirtukai yra geras pasirinkimas jums. Paprasčiau tariant, šis papildinys leidžia įterpti reaguojančius skirtukus į žinutes ir puslapius naudojant trumpus kodus. Tai palaiko daugiau nei vieną skirtukų rinkinį paprastame puslapyje ar įraše ir naudoja „jQuery“, kad sukurtų skirtukus ir akordeono efektą mažesniuose ekranuose. Skirtukus taip pat galite pasiekti naudodamiesi klaviatūra.

Norėdami įterpti skirtukus, jums tereikia įterpti du trumpus kodus: [tabby] ir [tabbyending]. Tiksliau, jei norite nustatyti skirtuko pavadinimą, naudosite [tabby title = „tabname“]. Tada jūs parašysite turinį, kuris turėtų būti įtrauktas į šį skirtuką, įskaitant bet kurį norimą HTML. Jei norite, galite įterpti daugiau skirtukų. Tada užbaikite tą skirtukų rinkinį, norėdami uždaryti skirtukų grupę, naudokite trumpąjį kodą [tabbyending].

Dabar, jei norite pakeisti šių skirtukų stilių, turėsite šiek tiek įsigilinti į kodą. Pagal papildinio „WordPress“ katalogo puslapį, jums reikės nukopijuoti papildinio stilių lentelę į vaikų temą ir pakeisti lapo stiliaus ar akordeono stilių, kaip jums atrodo tinkama..

Valdikliai skirtukuose

Kartais jūsų poreikiai atskiruose skirtukuose yra šiek tiek sudėtingesni. Šiais atvejais yra Valdikliai skirtukuose Prijunkite. Tai leidžia sudėti visus norimus valdiklius į skirtukus, kad sutaupytumėte vietos ir sukurtumėte labiau organizuotą patirtį savo svetainėje. Jis gali būti naudojamas labai įvairiai.

Pvz., Galite pasirinkti naudoti skirtukus, kad būtų rodomi valdikliai Naujausi pranešimai ir Naujausi komentarai. Galite pridėti kategorijose, kad suapvalintumėte skirtukų ekraną. Arba galite sukurti skirtukų, skirtų įdėtiems socialinės žiniasklaidos valdikliams, grupę, pvz., „Facebook Like Box“, „Twitter“ kanalą, „Google+“, „Pinterest“ skelbimų lentą ir pan..

Vienas dalykas, kuris man labai patinka skirtukų valdikliuose, yra tas, kad jame nėra savo stilių, o tai leidžia jį apibūdinti pagal jūsų temą. Skirtukai susilieja su jūsų svetaine ir atrodo kaip jie priklauso.

Skirtukų pavadinimai taip pat yra slenkantys, o tai yra puiki alternatyva tradiciniam sukrautam metodui. Taip pat yra animacinių parinkčių, skirtų perėjimams iš vieno valdiklio į kitą. Galite nustatyti, kiek sekundžių reikės laukti pereinant iš vieno skirtuko į kitą.

Kaip ir visus kitus čia išvardintus skirtukų papildinius, jis lengvai įterpiamas dėl trumpojo kodo [wit].

WP UI – skirtukai, akordeonai, skaidrės

WP UI

Paskutinis papildinys, apie kurį čia kalbėsiu, yra WP UI – skirtukai, akordeonai, skaidrės. Šis įskiepis ne tik leidžia lengvai įterpti skirtukus į žinutes ir puslapius, bet ir leidžia lengvai integruoti kitus formatavimo stilius, tokius kaip akordeonai, skaidrės ir dialogai. Papildinį maitina „jQuery“ ir, jei norite, galite naudoti daugiau nei vieną „jQuery“ vartotojo sąsajos temą kiekviename puslapyje..

Kartu pateikiamas lengvai naudojamas parinkčių puslapis, kuris palengvina sąranką ir naudojimą. Tai taip pat prideda specialius meniu ir dialogus, kad būtų paprasčiau naršyti. Kaip ir visi aukščiau išvardyti įskiepiai, šis visų pirma priklauso nuo trumpųjų kodų, kad būtų galima greitai juos įdiegti. Trumpąjį kodą [wp tabs] galima lengvai patobulinti pateikiant stiliaus argumentą, kurį galima modifikuoti maždaug 24 skirtingais būdais, pavyzdžiui, „wpui-blue“, kad skirtukai būtų darnesni su jūsų tema..

Tačiau tikrasis šio įskiepio akcentas yra galimybė rodyti pranešimus ir informacijos santraukas skirtukuose ar akordeonuose. Trumpasis kodas yra [wptabposts] ir jis leidžia rodyti įrašus skirtukų serijoje. Arba, jei norite rodyti sklaidos kanalą puslapyje ar pranešime, tiesiog naudokite trumpąjį kodą [wpuifeeds]. Pagal „WordPress“ katalogo sąrašą, skirtą WP UI, galite naudoti [wpspoiler post = “3028”], norėdami parodyti tik vieną įrašą šiuo specializuotu formatu.

Simpatiniai trumpieji kodai

Simmple Shortcodes Minimal Tabs

Žinoma, jei jums reikia tik pagrindinių skirtukų, būtinai apsvarstykite „Symple Shortcodes WordPress“ papildinį, sukurtą čia, „WPExplorer“. Į papildinį įeina keli puikūs minimalūs skirtukai, kuriuos galite naudoti bet kuriame savo svetainės puslapyje, ir daugybė kitų puikių turinio tvarkymo funkcijų. Pridėkite stulpelių, perjungimų, akordeonų ir daugybę kitų akcentų (mygtukai, socialinės piktogramos ir kt.).


Nors iš pradžių tai gali atrodyti sudėtinga, skirtukų įtraukimo į savo svetainę procesas yra gana paprastas. Aukščiau pateikti papildiniai daro jį akimirksniu, o galutinis rezultatas yra patrauklus ir funkcionalus. Mano nuomone, juos verta patikrinti. Jūsų svetainės lankytojai gauna prieigą prie tiek informacijos, kiek jums reikia, kad galėtumėte ją pasiekti, nesugadindami bendro dizaino. Tai greitas sprendimas svetainėms, turinčioms daug išteklių ir turinio.

Ar naudojate skirtukus savo svetainėje? Ką konkrečiai pasakyti apie bet kurį iš šių papildinių? Jei taip, ar jie dirbo jums? Ar radote kitą būdą įtraukti skirtukus į savo svetainę? Norėčiau išgirsti komentaruose apie jūsų patirtį su šiuo madingu organizaciniu triuku!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me