Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako vykonať jQuery akordeón skĺznuť do WordPress Theme

jQuery akordeón snímka je zariadenie , ktoré umožňuje vaše WordPress príspevkov zobraziť iba tenkú horizontálne hlavičky. Jedným kliknutím sa bude rozširovať zvisle , ako harmonika , a kliknutím na tlačidlo znova bude komprimovať . Existuje celá rada jQuery akordeón klzných plug - inov k dispozícii . Ale pretože modifikovať jadro WordPress Téma správanie , ktorou sa vykonávajú niektoré z nich vyžaduje trochu viac úsilia , než len obvyklé " Plug - ins " aktiváciu menu . Akékoľvek jQuery plug - in bude zahŕňať tri zložky : HTML , CSS a plug - in súbory . Tie musia implementovať každý z nich samostatne aktivovať rozvrhnutie . To bude fungovať v každom téme , ktorý podporuje jQuery . Pokyny dovolená 1

Otvorte plug - in zložku jQuery . Vnútri , mali by ste vidieť súbor , ktorý obsahuje kód HTML , súbor , ktorý obsahuje CSS kód a priečinok obsahujúci zásuvné súbory . K dispozícii môžu byť ďalšie súbory - ako " Read Me " - ale to sú tie , ktoré potrebujete . Otvorte oba súbory kódu .
2

Prihláste sa do svojho servera , a otvorte priečinok " wp-content/themes/default . "
3

Otvorte súbor s názvom " header.php . " To obsahuje hlavičky kód . Nájdite riadok , ktorý začína " < ? Php wp_head . " Je to zvyčajne tesne pred " < /head > . "
4

skopírujte HTML kód z priečinka jQuery na riadok záhlavia . php - dole " ? < php wp_head . " - a súbor uložte
5

Otvorte súbor " style.css " z rovnakého adresára servera ( wp-content/Themes /predvolené nastavenie ) .
6

Opíšte kód CSS z priečinka jQuery na poslednom riadku style.css , a súbor uložte .
7

Pridať zložku so zástrčkou - v súboroch na vašom serveri - v rovnakej zložke ( wp-content/themes/default ) . Ak neviete , ako nahrať súbory /priečinky na vašom serveri , obráťte sa na správcu servera , pretože sa líši podľa systému .
8

Obnovte svoje stránky . Teraz by ste mali mať na akordeón displej prezentáciu jQuery .

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené