Hvernig á að bæta flipa við WordPress innlegg og síður

Hvernig á að bæta flipa við WordPress innlegg og síður

Flipar eru nokkuð algeng einkenni á mörgum vefsíðum, sérstaklega e-verslun. Eigendur netverslana nota venjulega flipa á vörulýsingasvæðinu, þar sem þeir skipta umsögnum, lýsingu, tækniforskriftum og svo framvegis í marga flipa.


dæmi um flipa í aðgerð á vefsvæði netverslun

Samt hafa flipar fundið notkun á mörgum öðrum tegundum vefsíðna, ekki bara vefsíður í e-verslun. Jafnvel opinbera WordPress.org vefsíðan notar flipa á lýsingarsíðum viðbóta. Sjá mynd hér að neðan til að sjá merktu flipana á WP.org.

flipa á lýsingarsíðu WordPress.org viðbótar

Margir aðrir eigendur vefsíðna nota flipa á mismunandi gerðum vefsíðna. Hins vegar er ekki að rugla flipa við harmonikkur, sem stækka til að afhjúpa upplýsingar. Hér að neðan, vinsamlegast fylgstu með hvernig ég hef notað harmonikku á vefsíðu minni.

harmonikkur á vistamedia.xyz

En harmonikkur til hliðar, við erum hér til að tala um flipa, svo við skulum ekki missa einbeitinguna; Ég þurfti bara að gera greinarmuninn á flipum og harmonikkum skýr. Nú vona ég að við séum á sömu blaðsíðu ��

Í meginatriðum nota vefeigendur flipa til að skipta upplýsingum sem annars hefðu tekið heila síðu eða færslu. Það þýðir að flipar gera upplýsingar miklu auðveldari að melta, án þess að neyða endilega neytendur til að lemja skrunhjólið milljón sinnum.

Með öðrum orðum, flipar bæta notagildi vefsíðu þinnar sérstaklega í heimi styttri athygli spannar. Svo ef þú vilt halda notendum inni á síðunni þinni án þess að leiðast þá til dauða með löngum síðum, þá ættirðu að íhuga að nota flipa.

Í færslu dagsins sýnum við þér nákvæmlega hvernig á að bæta flipum við WordPress færslur og síður. Áður en þessari færslu lýkur muntu hafa allar leiðbeiningar sem þú þarft til að nota flipa til hagsbóta. Við vonum að þú hafir notið alveg til enda og vinsamlegast farðu ekki án þess að deila hugsunum þínum í athugasemdahlutanum. Við skulum byrja á þessu.

Notaðu Page Builder

Ef þú ert þegar kominn með blaðagerðarmann, þá ertu heppinn – líklega hefurðu nú þegar flipa mát við fingurgómana. Flestir helstu síðuhönnuðir bjóða upp á flipa sem hluti af kjarna setti af blaðagerðarþáttum. Hérna er fljótt að skoða tvö af eftirlætunum okkar.

Elementor ókeypis síðu byggir

Elementor Page Builder flipa

Upplýsingar & niðurhal Skoða kynningu

The vinsæll Elementor síðu byggir inniheldur flipa sem hluti af ókeypis útgáfu af viðbótinni. Allt sem þú þarft að gera er að setja flipaþátt á síðuna þína og síðan breyta titlinum, innihaldi, stíl osfrv. Það er það!

WPBakery Premium Page Builder

WPBakery Page Builder flipar

Notarðu aukagjald þema sem inniheldur WPBakery Page Builder (eins og okkar eigin Total þema)? Flott! Flipar eru innbyggðir og auðveldir í notkun.

WPBakery flipiseiningin er aðeins frábrugðin fyrra dæmi þar sem fliparnir eru upphaflega tóðir þegar þú bætir þeim við. Þú þarft að setja viðbótarþætti (textasvæði, myndir, tákn osfrv.) Inn í flipana til að bæta við innihaldi þínu. En þetta gefur þér tonn af frelsi til að búa til flipa hvernig þú vilt hafa þá (auk innbyggða stílmöguleikanna). Við höfum fjallað um þessa blaðagerð á blogginu áður, svo ef þú vilt fá ítarlegri leiðbeiningar skoðaðu WPBakery handbókina okkar (athugið – þetta viðbætur hét áður Visual Composer, svo fyrirgefðu fyrirfram fyrir rugling).

Settu upp flipana WordPress viðbót

Tabs Ókeypis WordPress tappi

Ef þú ert ekki að nota síðu byggingameistara, þá er engin þörf á að nota einn bara fyrir flipa. Það eru fullt af frábærum valkostum, eins og ókeypis WordPress tappi sem kallast einfaldlega Tabs eftir WP Shop Mart. Tabs er nifty WordPress viðbót sem hjálpar þér að búa til ótakmarkaðan fjölda fallegra flipa án þess að brjóta svita.

Við skulum byrja á því að setja upp WordPress viðbótina Tabs. Þar sem það er fáanlegt í opinberu WordPress viðbótarforritinu geturðu sett upp viðbótina beint innan frá stjórnborði WordPress stjórnandans þíns.

Við erum að nota ókeypis útgáfuna en það er premium útgáfa í boði ef þú vilt uppfæra fyrir viðbótareiginleika síðar.

Setur upp flipa WordPress viðbót

Skráðu þig inn á stjórnborði WordPress og vafraðu til Viðbætur> Bæta við nýju og sláðu inn „flipa wpshopmart“ í leitarreitinn. Þegar þú hefur fundið réttu viðbótina skaltu ýta á Setja upp núna hnappinn eins og sýnt er hér að neðan.

setja upp flipana WordPress viðbót

Smelltu síðan á Virkja takki. Og það er það, flipar þínir sem eru móttækilegir WordPress tappi er tilbúinn til notkunar. Leyfðu okkur að búa til nokkra flipa til að uppgötva hvað þessi viðbót hefur uppá að bjóða.

Stilla flipa móttækilegur WordPress viðbót

Með því að virkja viðbótina bætist nýr hlutur við WordPress stjórnunarvalmyndina. Flettu að til að búa til nýja flipa Flipar móttækilegir> Bættu við nýjum flipa eins og við í smáatriðum í smáatriðum hér að neðan.

að bæta við nýjum flipa með því að nota flipana móttækilegu wordpress viðbótina

Með því að gera það, leiðirðu þig til flipaviðbragðs byggingaraðila sem er fullur af öllum þeim eiginleikum sem þú þarft til að búa til fallega flipa eins og yfirmaður. Sjáðu myndina hér að neðan til að sjá hvað má búast við.

flipar móttækilegir WordPress viðbótarflipa byggir

Sjálfsagt rolla er það ekki? Jæja, þú getur fundið flesta eiginleika á hægri hliðarstikunni. Athugið líka að einstakir flipar hafa stillingar sínar. Þú getur jafnvel notað WYSIWYG ritstjóra á flipunum, sem þýðir að þú hefur nægan stjórn á flipunum.

Leyfðu okkur að búa til nokkra sýnishornaflipa og birta þá á síðu eða færslu.

Bættu við titli

bæta við titli flipa

Byrjaðu á því að gefa flipunum lýsandi titil (rétt eins og gert er með leiðsagnarvalmyndirnar) eins og sést á myndinni hér að ofan. Þannig geturðu auðveldlega borið kennsl á flipana þína í stjórnborði WordPress seinna ef þú þarft að breyta hverju sem er. Í þeim tilgangi þessarar kennslu, skírði ég flipana mína „Prófa heimilisflipa.“

Veldu flipa hönnunar sniðmát

veldu sniðmát fyrir hönnun flipa

Eins og sést á skjámyndinni hér að ofan felur næsta skref í sér að velja hönnunarsniðmát sem þú vilt nota fyrir flipana. Ókeypis útgáfa af flipanum WordPress tappi býður þér aðeins eitt hönnunarsniðmát, en þú getur alltaf uppfært í úrvalsútgáfuna fyrir 19 í viðbót. Rætt um hönnunarfrelsi.

Bættu við flipum

Næst skaltu bæta við eins mörgum flipum og þú vilt eins og sýnt er hér að neðan.

að bæta við nýjum flipa

Við höfum búið til númeraða lista þar sem þú getur gert hvað þú getur gert í Bættu við flipum kaflanum hér að ofan. Tölur samsvara hverju svæði.

  1. Titill flipa – Bættu við flipatitlinum á þessu sviði, td. Lýsing, forskriftir, upplýsingar, o.s.frv.
  2. Lýsing flipa – Bættu við flipalýsingunni þinni hér. Þessi reitur gerir þér kleift að bæta við innihaldi flipans. Það besta er að þú getur notað WYSIWYG ritilinn (sýndur í númer 3 hér að neðan) til að bæta ríkulegu efni við flipana þína, þar á meðal myndir, tónlist og myndbönd.
  3. Notaðu WYSIWYG – Ef þú vilt nota kunnuglegan Whattur-You-See-Égs-Whattur-You-Get ritstjóri til að búa til flipa innihald, ekki hika við að ýta á þennan hnapp til að ræsa sprettigluggann
  4. Tákn flipa – Þessi reitur hjálpar þér að velja tákn til að nota á flipanum þínum. Fliparnir WordPress tappið býður þér aðgang að tonn af Font Awesome táknum til að djassa upp flipana eins og atvinnumaður
  5. Sýna fyrir ofan táknmynd – Ef þú vilt birta flipatitilinn við hlið táknsins muntu elska þennan eiginleika. Ennfremur gerir það þér kleift að slökkva á tákninu án þess að snerta titil flipans
  6. Eyða – Smelltu á þennan hnapp til að eyða ákveðnum flipa
  7. Bættu við nýjum flipa – Smelltu á þennan hnapp til að bæta við fleiri flipum
  8. Eyða öllu – Þreytt á öllum flipum? Bara högg the Eyða öllu til að núllstilla allt

Nokkur bónus ráð til að hjálpa þér. Í fyrsta lagi geturðu dregið og sleppt flipunum til að endurraða og raða þeim eins og þú vilt.

Í öðru lagi – ekki gleyma að lemja Vista uppkast hnappinn einu sinni eða tvisvar þegar þú býrð til flipana þína til að tryggja að þú missir ekki af neinum breytingum ef þú ferð óvart frá flipanum byggir fyrir slysni.

Að síðustu – ef þig vantar stuðning er stórt blátt Fáðu stuðning hnappinn rétt fyrir neðan Bættu við flipum hluti (og á flestum síðum viðbætisins) sem leiðir þig á opinbera stuðningsvettvang Tabs á WordPress.org. Ekki hika við að ýta á stuðningshnappinn ef þú þarft hjálp hvenær sem er.

Skammtakóða flipa

flipalýsingarkóða

Næst finnurðu skortkóða flipa sem þú notar til að bæta við og birta flipana á hvaða síðu eða færslu sem þú vilt. Til dæmis er stuttkóðinn okkar [TABS_R id = 443]. Til að birta flipana á síðu myndi ég einfaldlega afrita og líma ofangreindan kóða á þá síðu.

Flipa búnaður

stuðningur flipa búnaður

Ert þú að leita að bæta flipunum inn í búnaðarsvæði á vefsíðunni þinni? Ef þetta er ómögulegt já, þá muntu elska stuðning við búnaðinn sem fylgir WordPress viðbótinni Tabs.

Hitting á Ýttu hér tengill á myndinni hér að ofan fer með þig á WordPress búnaður skjáinn, þar sem þér er frjálst að bæta við flipunum þínum hvar sem þú ert með búnaðarsvæði í þema þínu.

flipa búnaður

Sérsniðin CSS

Þó að flipann WordPress viðbótin komi með fullt af valkostum fyrir aðlaga flipa (líttu bara á hægri hliðarstikuna; það er fullt af stílvalkostum!), Getur þú bætt við þínum eigin sérsniðnu CSS stíl eins og sýnt er hér að neðan.

flipar WordPress tappi sérsniðin CSS

Ennfremur geturðu stillt sérsniðnar stillingar sem sjálfgefnar stillingar fyrir alla nýja flipa með því að smella á Uppfærðu sjálfgefnar stillingar hnappinn eins og sýnt er á myndinni hér að ofan.

Hægri hliðarstikan

flipar WordPress viðbótarstillingarvalkostir

Hægri hliðarstikan sem við lýsum á myndinni hér að ofan ber daginn fyrir þig sannarlega. Það er fullt af öllum þeim valkostum sem þú þarft til að stilla flipa þína að innihaldi hjarta þíns. Athyglisverðir valkostir fela í sér:

  • Bakgrunnslitur flipans
  • Leturlitur flipa
  • Leturfjölskylda og stíll
  • Sýna valkosti fyrir titil og tákn flipa
  • Staða flipatákns, þ.e. fyrir eða eftir titil flipa
  • Flipar landamæri
  • Margfeldi flipalýsingar fjör
  • Og svo miklu meira

Bættu flipunum þínum við WordPress síðu eða færslu

Þegar þú hefur bætt flipa við innihald og stílvalkosti skaltu fletta upp og smella á Birta hnappinn eins og sýnt er hér að neðan.

Á þessum tímapunkti eru fliparnir þínir tilbúnir. Þú þarft einfaldlega að bæta flipunum við WordPress síðu eða færslu. Afritaðu einfaldlega flokkslykilinn sem við sáum áðan. Okkar er [TABS_R id = 443].

Ræstu ritstjórann þinn (jafnvel ef þú ert að nota Gutenberg) og límdu stuttan kóða í færsluna / síðuna þína. Högg síðan á Birta hnappinn eins og sýnt er hér að neðan.

Eftir um það bil 5 mínútna setningu hlutanna; Ég er að nota tuttugu sautján þemað og nóg af Lorem Ipsum, ég kom með eftirfarandi niðurstöðu.

Athugaðu að ég aðlagaði ekki litina eða neitt. Segðu mér hvað þér finnst; var ekki svo auðvelt?


Að bæta flipa við WordPress síðurnar þínar og innlegg er efni fjórða bekkinga. Ég reikna ekki með að þú lendir í neinum vandræðum, sérstaklega ef þú ert að nota viðbót eins og Tabs eftir WP Shop Mart.

Hvernig bætirðu flipa við WordPress síðurnar þínar og færslur? Hver er uppáhalds flipinn þinn WordPress tappi? Vinsamlegast deildu hugsunum þínum í athugasemdunum. Gleðilegt að skapa!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map