Tab-urile (sau marcajele) vă permit să economisiți spațiu plasând mai multe "seturi de informații" într-un singur bloc la un moment dat. Arata cam asa:
Făcând clic pe tab-ul va afișa partiția selectată. În opinia mea, lucru este foarte comod si practic. De fapt, de ce am ales această metodă pentru a afișa rezultatele intermediare ale concursului „în urmărirea traficului“ spre dreapta în bara laterală a blogului. Pentru fiecare rundă un semn de carte, care vor fi disponibile datele relevante. Apropo, puteți viziona acum locația jucători după 5 zile, numărul de salturi nu este publică în mod specific, astfel că nu a existat nici o dorință de a vânt indicatori. Permiteți-mi să spun doar că în timp ce nimeni nu a venit pentru o sută, așa că șansa este absolut pentru toată lumea!
Există multe implementări și script-uri diferite pentru file - aici, de exemplu, de colectare în limba engleză a 37 de opțiuni. Există totul - filele standard cu comutare automată și diferite animații.
Din moment ce folosesc wordpress, am decis mai întâi să caut pluginuri care să ajute la crearea filelor. S-au găsit câteva piese, din păcate majoritatea refuzau să lucreze. Aici este o soluție bună - postTabs. dar acest plugin afișează filele în postările sau paginile blogului dvs., care este clar indicat în documentația de configurare. Așa că am decis să nu sufăr cu ea, ci să caut un scenariu separat. Cu toate acestea, dacă aveți nevoie să împărțiți pagina în mai multe părți - vă recomandăm.
Și acum la caz:
Instalarea jQuery a interfeței / filelor
1. În bloc
trebuie să scrieți următoarele rânduri:Atenție vă rog! Personal, înainte de a utiliza script-uri, aș recomanda salvarea lor la hosting și chemarea lor de acolo. Am părăsit legăturile de mai sus pentru a putea descărca fișierele.
2. Apoi, pentru a scoate tab-urile la locul potrivit din șablon, trebuie folosit următorul cod:
Pentru fundalul taburilor, imaginea tabs.png este utilizată:
Puteți să o modificați după cum doriți stilului site-ului dvs., apoi să fixați calea la acesta în clasă:
Un cip interesant, dar nu a pus-o, credea doar că acest ponton ar fi inutil)
Desigur, acesta este un pic „pentru a încărca“ pagina, dar pe de altă parte, există momente în care nu se poate face fără un script - e prea perfect se potrivește.
Nu v-aș sfătui să încărcați scripturi de pe site-ul jQuery. Este mai bine să o salvați local și să o încărcați cu fs.
Și încă nu înțeleg de ce jQuery este aici .. A terminat doar fără Ajax.
Stanislav, să admit că acest lucru nu este foarte puternic. Tocmai am tradus și am aplicat instrucțiunile de pe site-ul dezvoltatorului. Am scris despre asta pe site-ul meu.
În ceea ce privește "se face simplu", nu mă îndoiesc. Aici, este adevărat, puteți conecta anumite caracteristici specifice, cum ar fi animațiile, atunci când schimbați filele.
Ei bine, de obicei, în tab-uri nu faceți nici o animație :) Și ceea ce este acum - se face în principiu pur și simplu cu ajutorul CSS.
Și aici sunt, interesant: "Și cum se tratează motoarele de căutare astfel de tutun?". Dacă, de exemplu, în loc de un ciocan simplu de text în filele de tutun, PS-ul le va clasifica?
Stanislav Malkin, sunt de acord :) Dar nu am îndrăznit să meargă în junglă, după o procedură de aceea oră CSS a făcut apel la 100% gata și versiunea de lucru.
Pad, în măsura în care înțeleg, totul este perfect văzut de motoarele de căutare, pentru că totul este doar vizual, astfel încât filele sunt conectate. Dacă te uiți la pagină (cod xmlml), vei vedea că sunt folosite divs regulate. Fără încărcarea scenariului, textele ar apărea pur și simplu în coloană.
2 Pad, în teorie, este normal, iar pe multe bloguri străine, aceste tabele sunt deja norme.
Vreau sa-mi fac asta :)
mulțumesc pentru că ați fost săpate și transferați.
Pluginul nu este rău, dar primul exemplu este exact același script ca cel descris pentru mine.
Și mi se pare că acest lucru nu este foarte convenabil, așa că eliminăm câteva soluții din câteva subiecte. )
Se pare că nu toți utilizatorii pot ghici că puteți face clic pe tab-ul ... Și chiar dacă știam despre ea, nu face întotdeauna ... și nu văd ce este acolo pentru a ascunde.
Deși în cazul tău soluția se potrivește perfect - cel care ar trebui să facă clic, iar pentru ceilalți locul va fi salvat. )
Vladimir, dacă există mult spațiu, bineînțeles că poți să faci fără tabu. Și despre "nu ghiciți vizitatorii", așa că este posibil să nu înțeleagă că trebuie să faceți clic pe elementele de meniu :)
iac Doar altă zi zbiravsya zrobiti sobі takі Tabi - ІMHO - dintre ele puteți zbіlshiti vnutrіshnyu perelіnkovanіst storіnok la tsomu nu vіdvіduvacham zavazhayuchi (bara laterală rozdutim cu un Harta site-primіrom :))
Mauger Eu nu htos dodumaєtsya klatsnut pe Tabi takі, iar eu pe al treilea de roztashuyu tabі vsyakі puzomіrki acolo, nu va fi glyadacham mіshati i zmozhu mă uit la ei în lyuby clipă - pe moєmu dosit zruchno
Tod, cineva pentru tine pentru qiu іnfu. Zrobila i sobi pe blog :-)
lilumi, povnіstyu de tine zgodna schodo korisnostі tabіv i polegshennya pereglyadu pentru :-) koristuvachіv
Am un 2.6.1. chiar și pe un șablon standard - nu faceți clic pe (nu există nicio tranziție) pe file, doar primul este vizibil ... cu ce se poate conecta? versiunea de wordpress - cum ar fi nu, șablonul - ca prea, nu, corectitudinea utilizării - în conformitate cu instrucțiunile, totul este afișat, nu este cazul ...
poate hoster nu rula acest lucru, obișnuit ca nu a folosit javascript ... ce ar trebui să fac? și-a coborât complet brațele, și-a stricat toată starea de spirit. dacă am înțeles programarea, eh. cine va ajuta? strigătul sufletului. Trebuie să încep posttabs ...
În regulă, dar codul php din interiorul acestor containere nu funcționează! (((((
Mixa, poate că nu ar trebui să funcționeze și trebuie să căutați altă metodă de implementare. Acest lucru este vizibil numai pentru texte.
Folosiți zhkueery IMHO nu merită acest lucru atunci când implementează soluții simple. Și filele se referă la ele.
Zhkerye este o bibliotecă destul de greu, iar tu poți organiza file cu câteva linii de javascript.
Există exemple în articol. Totul merge bine.
Și lucrul principal este foarte simplu.
Lex Nevermind, mulțumesc, articol foarte util.
Asta este, acest script descris în articol încărcări teribil site-ul: timpul de încărcare a paginii după introducerea acestor file este crescut de la 4 la 16 secunde. Nu cred că este bine.
Iată cam ceea ce am - moscowkadr.ru
dar acest lucru este pe panoul lateral, dar cum se face pe pagina principală?
ca în exemplul de aici: wordpress.org/extend/plugins/intensedebate/
și chiar cu toate intrările noi care apar pe prima filă, în al doilea, cum ar fi veștile vechi
Dmitry, trebuie să editați șablonul blogului astfel încât acest panou cu file să fie afișat în centru.
În ceea ce privește ultimele știri penultimate, trebuie să înțelegeți șablonul și să îl ajustați în consecință. Pot să recomand doar un post despre ultimele postări din blog. Restul afișajului trebuie să fie realizat independent sau comandat de la cineva.
Mulțumesc! Informațiile au ajutat foarte mult. M-am implicat în asamblarea jetoanelor =)
Poate că fac ceva greșit? Ce înseamnă ". În blocul de bloguri, trebuie să scrieți următoarele rânduri: ... ". Le-am înregistrat în fișierul header.php din interiorul blocului. Probabil greșit, dar cum?
Paul, dacă toate filele sunt vizibile, atunci cel mai probabil scenariul nu sa conectat. În ceea ce îmi amintesc corect, trebuie doar să adăugați la header.php în partea de sus. Apropo, dacă aveți un blog wordpress, este mai ușor să găsiți un plug-in adecvat pentru file.
De asemenea, nu s-a dovedit (((Sunt extrem de îngrijorat de o săptămână, în plus, fie pe verticală, fie nu apare deloc (
Tod's Blog este destinat celor care doresc să învețe cum să câștige online și sunt interesați în mod activ de tema site-urilor de monetizare.
Unde câștig?
Articole similare
Trimiteți-le prietenilor: