Paano Magdagdag ng Mga Tab Sa Mga Post at Pahina ng WordPress

Paano Magdagdag ng Mga Tab Sa Mga Post at Pahina ng WordPress

Ang mga tab ay isang medyo pangkaraniwang tampok sa maraming mga website, lalo na ang mga tindahan ng e-commerce. Ang mga may-ari ng tindahan ng e-commerce ay karaniwang gumagamit ng mga tab sa lugar ng paglalarawan ng produkto, kung saan pinaghiwalay nila ang mga pagsusuri, paglalarawan, mga teknikal na spec at iba pa sa maraming mga tab.


halimbawa ng mga tab na kumikilos sa isang e-commerce website

Gayunpaman, natagpuan ang mga tab sa paggamit ng maraming iba pang mga iba’t ibang uri ng mga website, hindi lamang mga website ng e-commerce. Kahit na ang opisyal na website ng WordPress.org ay gumagamit ng mga tab sa mga pahina ng paglalarawan ng plugin. Tingnan ang larawan sa ibaba upang makita ang mga naka-highlight na mga tab sa WP.org.

mga tab sa pahina ng paglalarawan ng plugin ng WordPress

Maraming iba pang mga may-ari ng website ang gumagamit ng mga tab sa iba’t ibang uri ng mga website. Gayunpaman, ang mga tab ay hindi dapat malito pagbibigkas, na lumawak upang maihayag ang impormasyon. Sa ibaba, mangyaring pagmasdan kung paano ako gumamit ng mga aksyon sa aking website.

mga aksyon sa vistamedia.xyz

Ngunit ang mga pag-akit bukod, narito kami upang pag-usapan mga tab, kaya huwag nating mawala ang ating pokus; Kailangan ko lang na gawing malinaw ang pagkakaiba sa pagitan ng mga tab at accordion. Ngayon, inaasahan kong nasa parehong pahina kami ��

Sa esensya, ang mga may-ari ng web ay gumagamit ng mga tab upang hatiin ang impormasyon na sana ay kumuha ng isang buong pahina o post. Nangangahulugan ito na ang mga tab ay ginagawang mas madaling matunaw ang impormasyon, nang hindi kinakailangan pilitin ang mga gumagamit na matumbok ang scroll wheel nang isang milyong beses.

Sa madaling salita, ang mga tab ay nagpapabuti sa kakayahang magamit ng iyong website lalo na sa isang mundo ng mas maikling pansin. Kaya, kung nais mong mapanatili ang mga gumagamit sa iyong site nang mas mahaba nang hindi mainip ang mga ito sa kamatayan na may mahabang pahina, dapat mong isaalang-alang ang paggamit ng mga tab.

Sa post ngayon, ipinapakita namin sa iyo nang eksakto kung paano magdagdag ng mga tab sa iyong mga post at pahina ng WordPress. Bago matapos ang post na ito, magkakaroon ka ng lahat ng mga tagubilin na kailangan mong gamitin ang mga tab sa iyong kalamangan. Inaasahan namin na nasiyahan ka sa pinakadulo, at mangyaring huwag umalis nang hindi ibinahagi ang iyong mga saloobin sa seksyon ng komento. Na sa labas ng paraan, magsimula tayo.

Gumamit ng isang Tagabuo ng Pahina

Kung mayroon kang naka-install na tagabuo ng pahina ikaw ay nasa swerte – malamang na mayroon ka ng module ng mga tab sa iyong mga tip sa daliri. Karamihan sa mga pangunahing tagabuo ng pahina ay nag-aalok ng mga tab bilang isang bahagi ng kanilang pangunahing hanay ng mga elemento ng tagabuo ng pahina. Narito ang isang mabilis na pagtingin sa dalawa sa aming mga paborito.

Elementor Libreng Pahina Tagabuo

Mga Pahina ng Tagabuo ng Pahina ng Elementor

Impormasyon at Pag-downloadTingnan ang Demo

Ang sikat na tagabuo ng pahina ng Elementor ay may kasamang mga tab bilang isang bahagi ng libreng bersyon ng plugin. Ang kailangan mo lang gawin ay magpasok ng isang elemento ng tab sa iyong pahina, pagkatapos ay i-edit ang pamagat, nilalaman, istilo, atbp Iyon ito!

WPBakery Premium Pahina Tagabuo

WPBakery Pahina Tagabuo ng Pahina

Paggamit ng isang premium na tema na kasama ang WPBakery Page Builder (tulad ng aming sariling Kabuuan na tema)? Malaki! Ang mga tab ay built-in at madaling gamitin.

Ang module ng tab na WPBakery ay bahagyang naiiba sa nakaraang halimbawa dahil ang mga tab ay una na walang laman kapag idinagdag mo ang mga ito. Kailangan mong magpasok ng mga karagdagang elemento ng pahina (lugar ng teksto, mga imahe, mga icon, atbp) sa loob ng mga tab upang idagdag ang iyong nilalaman. Ngunit binibigyan ka nito ng isang tonelada ng kalayaan upang lumikha ng mga tab kung paano mo nais ang mga ito (bilang karagdagan sa mga built-in na mga pagpipilian sa estilo). Sakop namin ang tagabuo ng pahinang ito sa blog bago, kaya kung nais mo ng mas detalyadong mga tagubilin sa pag-checkout ng aming gabay sa WPBakery (tandaan – ang plugin na ito ay dating tinawag na Visual Composer, kaya paumanhin nang maaga para sa anumang pagkalito).

I-install ang Mga Tab WordPress Plugin

Mga Libreng Libreng Tab na Plugin

Kung hindi ka gumagamit ng isang tagabuo ng pahina, hindi na kailangang gumamit ng isa para lamang sa mga tab. Mayroong maraming mga mahusay na kahalili, tulad ng libreng plugin ng WordPress na kilala lamang bilang Mga Tab ni WP Shop Mart. Ang mga tab ay isang nakakatuwang plugin ng WordPress na makakatulong sa iyo na lumikha ng isang walang limitasyong bilang ng mga magagandang tab na walang paglabag sa isang pawis.

Magsimula tayo sa pamamagitan ng pag-install ng Tab na WordPress plugin. Dahil magagamit ito sa opisyal na repo ng plugin ng WordPress, maaari mong mai-install nang direkta ang plugin mula sa loob ng iyong dashboard ng admin ng WordPress.

Gumagamit kami ng libreng bersyon, ngunit may magagamit na premium na bersyon kung nais mong mag-upgrade para sa mga karagdagang tampok sa susunod.

Pag-install ng Mga Tab na WordPress Plugin

Mag-login sa iyong WordPress admin dashboard at mag-navigate sa Mga plugin> Magdagdag ng Bago at ipasok ang “mga tab wpshopmart” sa kahon ng paghahanap ng keyword. Kapag nahanap mo ang tamang plugin, pindutin ang I-install Ngayon pindutan tulad ng ipinapakita sa ibaba.

pag-install ng mga tab na wordpress plugin

Pagkatapos nito, i-click ang Isaaktibo pindutan. At iyon lang, handa nang gamitin ang iyong plugin na Mga Tab na tumutugon sa WordPress. Ngayon, gumawa tayo ng ilang mga tab upang matuklasan kung ano ang mag-alok ng plugin na ito.

I-configure ang Mga Tab na tumutugon sa WordPress Plugin

Ang pag-activate ng plugin ay magdagdag ng isang bagong item sa iyong menu ng admin ng WordPress. Upang lumikha ng mga bagong tab, mag-navigate sa Tumugon ang Mga Tab> Magdagdag ng Bagong Mga Tab bilang detalyado namin sa screengrab sa ibaba.

pagdaragdag ng mga bagong tab gamit ang mga tab na tumutugon plugin ng WordPress

Ang paggawa nito ay hahantong sa iyo sa Tab na tumutugon sa Tagabuo na chockfull ng lahat ng mga tampok na kailangan mo upang lumikha ng magagandang mga tab tulad ng isang boss. Tingnan ang larawan sa ibaba para sa isang sulyap kung ano ang aasahan.

mga tab na tumutugon tagabuo ng plugin ng WordPress plugin

Medyo isang scroll hindi ba? Kaya, maaari mong mahanap ang karamihan sa mga tampok sa kanang sidebar. Tandaan, din, na ang mga indibidwal na mga tab ay may kanilang mga setting. Maaari mo ring gamitin ang mga editor ng WYSIWYG sa mga tab, nangangahulugang marami kang kontrol sa iyong mga tab.

Ngayon, gumawa tayo ng isang pares ng mga sample na tab, at ipakita ang mga ito sa isang pahina o post.

Magdagdag ng Pamagat

magdagdag ng pamagat ng mga tab

Magsimula sa pamamagitan ng pagbibigay sa iyong mga tab ng isang pamagat na naglalarawan (tulad ng ginagawa sa iyong mga menu ng nabigasyon) tulad ng ipinapakita sa imahe sa itaas. Sa ganitong paraan, madali mong matukoy ang iyong mga tab sa dashboard ng admin ng WordPress sa ibang pagkakataon kung sakaling kailangan mong mag-edit ng anuman. Para sa mga layunin ng tutorial na ito, ipinako ko ang aking mga tab na “Mga Home Tab ng Pagsubok.”

Piliin ang Mga template ng Disenyo ng Mga Tab

pumili ng mga template ng disenyo ng mga tab

Tulad ng nakikita sa screenshot sa itaas, ang iyong susunod na hakbang ay nagsasangkot ng pagpili ng isang template ng disenyo na nais mong gamitin para sa iyong mga tab. Ang libreng bersyon ng plugin ng Tabs WordPress ay nag-aalok sa iyo ng isang template ng disenyo lamang, ngunit maaari mong palaging mag-upgrade sa premium na bersyon para sa 19 pa. Pag-uusap ng kalayaan sa disenyo.

Magdagdag ng Mga Tab

Susunod, magdagdag ng maraming mga tab na nais mo tulad ng ipinakita sa ibaba.

pagdaragdag ng mga bagong tab

Gumawa kami ng isang bilang na listahan na nagdedetalye kung ano ang maaari mong gawin sa Magdagdag ng Mga Tab seksyon na ipinakita sa itaas. Ang mga numero ay tumutugma sa bawat lugar.

  1. Pamagat ng Tab – Idagdag ang pamagat ng iyong tab sa patlang na ito.g. Paglalarawan, pagtutukoy, mga detalye, atbp.
  2. Paglalarawan ng Tab – Idagdag ang iyong paglalarawan ng tab dito. Pinapayagan ka ng patlang na ito na idagdag ang nilalaman ng iyong tab. Ang pinakamagandang bahagi ay maaari mong gamitin ang editor ng WYSIWYG (ipinakita sa numero 3 sa ibaba) upang magdagdag ng masaganang nilalaman sa iyong mga tab, kasama ang mga imahe, musika, at video
  3. Gumamit ng WYSIWYG – Kung nais mong gamitin ang pamilyar Wsumbrero-You-See-Akos-Wsumbrero-You-Get editor upang lumikha ng nilalaman ng iyong tab, huwag mag-atubiling pindutin ang pindutan na ito upang ilunsad ang window ng pop-up
  4. Icon ng Tab – Ang patlang na ito ay makakatulong sa iyo na pumili ng isang icon na gagamitin sa iyong tab. Ang plugin ng Tabs WordPress ay nag-aalok sa iyo ng pag-access sa mga tonelada ng Font Galing na mga icon upang jazz up ang iyong mga tab tulad ng isang pro
  5. Ipakita ang Itaas sa Icon – Kung nais mong ipakita ang pamagat ng tab sa tabi ng icon, magugustuhan mo ang tampok na ito. Bukod dito, pinapayagan ka nitong huwag paganahin ang icon nang hindi hawakan ang pamagat ng tab
  6. Tanggalin – Pindutin ang pindutan na ito upang tanggalin ang isang tukoy na tab
  7. Magdagdag ng Bagong Mga Tab – Mag-click sa pindutan na ito upang magdagdag ng higit pang mga tab
  8. Tanggalin ang lahat – Pagod sa lahat ng mga tab? Pindutin lang ang Tanggalin ang lahat pindutan upang i-reset ang lahat

Ang ilang mga tip sa bonus upang matulungan ka. Una, maaari mong i-drag at i-drop ang mga tab sa paligid upang muling ayusin at ayusin ang mga ito hangga’t gusto mo.

Pangalawa – huwag kalimutang pindutin ang I-save ang Draft pindutan nang isang beses o dalawang beses habang nilikha mo ang iyong mga tab upang matiyak na hindi ka mawawala ng anumang mga pagbabago kung sakaling mag-navigate ka sa mga tagabuo ng tab na hindi sinasadya.

Panghuli – kung kailangan mo ng suporta mayroong isang malaking asul Kumuha ng suporta pindutan lamang sa ibaba ng Magdagdag ng Mga Tab seksyon (at sa karamihan ng mga pahina ng plugin) na humahantong sa iyo sa opisyal na forum ng suporta sa Tab sa WordPress.org. Huwag mag-atubiling pindutin ang pindutan ng suporta kung kailangan mo ng tulong anumang oras.

Shortcode ng Mga Tab

mga shortcode ng mga tab

Susunod, nahanap mo ang Tab ng shortcode na ginagamit mo upang idagdag at ipakita ang iyong mga tab sa anumang pahina o nai-post na nais mo. Halimbawa, ang aming shortcode ay [TABS_R id = 443]. Upang maipakita ang mga tab sa isang pahina, kopyahin ko lamang ang mai-paste ang itaas na shortcode sa partikular na pahina.

Mga Widget ng Mga Tab

suporta ng mga tab na widget

Naghahanap ka ba upang idagdag ang iyong mga tab sa isang lugar ng widget sa iyong website? Kung ito ay isang resounding oo, magugustuhan mo ang suporta sa widget na may kasamang plugin ng Tabs WordPress.

Ang pagpindot sa Pindutin dito mag-link sa imahe sa itaas ay magdadala sa iyo sa screen ng mga widget ng WordPress, kung saan libre ka upang idagdag ang iyong mga tab kahit saan mayroon kang isang lugar ng widget sa iyong tema.

Widget ng mga tab

Pasadyang CSS

Habang ang plugin ng Tabs WordPress ay may maraming mga pagpipilian sa pagpapasadya ng tab (sulyap lamang sa kanang sidebar; puno ito ng mga pagpipilian sa estilo!), Maaari kang magdagdag ng iyong sariling mga pasadyang estilo ng CSS tulad ng ipinakita sa ibaba..

mga tab ng WordPress plugin pasadyang css

Bukod dito, maaari mong itakda ang iyong pasadyang mga setting bilang default na setting para sa lahat ng mga bagong tab sa pamamagitan lamang ng pag-click sa I-update ang Mga Setting ng Default pindutan tulad ng ipinapakita sa imahe sa itaas.

Ang Tamang Sidebar

tab na mga pagpipilian sa estilo ng plugin ng WordPress

Ang kanang sidebar na aming i-highlight sa imahe sa itaas ay nagdadala ng araw para sa iyo ng tunay. Naka-pack na ito sa lahat ng mga pagpipilian na kailangan mong istilo ng iyong mga tab sa nilalaman ng iyong puso. Kasama sa mga kapansin-pansin na pagpipilian:

  • Kulay ng background ng tab
  • Kulay ng font ng tab
  • Pamilya at estilo
  • Ipakita ang mga pagpipilian para sa pamagat at icon
  • Pag-align ng posisyon ng icon ng icon i.e., bago o pagkatapos ng pamagat ng tab
  • Mga hangganan ng tab
  • Maramihang mga animation ng paglalarawan ng tab
  • At marami pang iba

Idagdag ang Iyong Mga Tab sa isang Pahina ng WordPress o Post

Kapag idinagdag mo ang iyong nilalaman ng tab at estilo ng pagpipilian, mag-scroll up at i-click ang I-publish pindutan tulad ng ipinapakita sa ibaba.

Sa puntong ito, handa na ang iyong mga tab. Kailangan mo lamang idagdag ang mga tab sa isang pahina ng WordPress o post. Kopyahin lamang ang shortcode ng mga tab na nakita namin nang mas maaga. Ang aming ay [TABS_R id = 443].

Ilunsad ang iyong post editor (kahit na gumagamit ka Gutenberg) at i-paste ang shortcode sa iyong post / pahina. Pagkatapos nito, pindutin ang I-publish pindutan tulad ng ipinapakita sa ibaba.

Matapos ang tungkol sa 5 minuto ng pag-set up ng mga bagay; Gumagamit ako ng tema na Dalawampu’t Labing labing-isang tema at maraming Lorem Ipsum, dumating ako sa mga sumusunod na resulta.

Tandaan na hindi ko na-customize ang mga kulay o anupaman. Sabihin mo sa akin kung ano ang iniisip mo; ay hindi madali?


Ang pagdaragdag ng mga tab sa iyong mga pahina ng WordPress at mga post ay ang mga bagay-bagay ng ika-apat na gradador. Hindi ko inaasahan na tatakbo ka sa anumang mga problema, lalo na kung gumagamit ka ng isang plugin tulad ng Mga Tab ni WP Shop Mart.

Paano mo idagdag ang mga tab sa iyong mga pahina ng WordPress at post? Alin ang iyong mga paboritong tab na WordPress plugin? Mangyaring ibahagi ang iyong mga saloobin sa mga komento. Maligayang paglikha!

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