Tab-uri sau bare de tab-uri în wordpress fără plug-in-uri, design și dezvoltare a site-ului

Timp bun 🙂
Recent, mi sa ordonat să adaug tab-uri sau tab-uri la site-ul WordPress, la fel ca oricine. Când faceți clic pe astfel de doamne, utilizatorul comută la ferestre fără a reîncărca paginile. Un exemplu poate fi văzut în partea de jos a acestui articol sau pe pagina filmului care comută între film și remorcă. Acest lucru ar fi trebuit făcut fără plug-inuri.
Și procedați astfel.

1. Cod HTML

Mai întâi trebuie să faci un marcaj.

2. Conectivitate Java

În fișierul footer.php înainte de eticheta de închidere a corpului, adăugați acest cod:

3. Stiluri CSS

Adăugați stiluri la foaia de stil, de exemplu stil.css

Dacă totul se face corect, ar trebui să arate așa.

În interior, în loc de text puteți pune orice.
Asta e tot. Vă mulțumesc pentru atenție

Bună, Valery. În exemplul dvs. - nu sunt tab-uri, este doar un salt pe marcaje. Dacă parcurgeți pagina, veți observa că toate marcajele sunt deja marcate cu verde. Cea mai simplă metodă de marcare este să faceți o legătură și să specificați mai întâi grila și apoi idul blocului la care doriți să mergeți, de exemplu
Zakladka1
Apoi, prescrie blocul în sine și îi cere același id

Zakladka1

O astfel de tranziție va fi imediată. Pentru a face o animație netedă, trebuie să căutați și să adăugați scriptul jQuery necesar. Am vrut mult timp să scriu un articol despre tranziția lină a ancorelor, toate mâinile nu ajung.

Bună dragă prietenă

Aveți extensia AdBlock sau altele asemenea. Adăugați site-ul meu pe lista albă și, prin urmare, contribuiți la dezvoltarea acestuia. Instrucțiunea cum să dezactivați AdBlock Vreau aceeași fereastră

Articole similare