Ako vytvoriť prechodné pozadie v programe WordPress

Kaskádový šablóna so štýlmi Webový návrhový kód obsahuje možnosť prechodu, takže na svoje webové stránky WordPress môžete pridávať pozadie s prechodom iba bez CSS bez potreby krájaných obrázkov. V programe WordPress nemôžete aplikovať prechod na značku tela, ako by ste to urobili pri solídnom pozadí, ale môžete použiť kontajner div, ktorý sa obalí okolo celého webu. Mnoho tém postavených na rámcoch CSS už obsahuje takúto div, ale ak ju téma neobsahuje, môžete ju pridať.

Krok 1

Prejdite do adresára ** wp-admin ** vášho a prihláste sa na informačný panel WordPress. Prejdite na ** Vzhľad ** a kliknite na odkaz ** Editor **. Kliknutím na odkaz na hlavičku ** header.php ** pod hlavičkou Šablóny načítate súbor HTML obsahujúci značku tela vášho webu.

Krok 2

Vyhľadajte div s ID kontajnera priamo pod značku tela v súbore header.php. "If you do not find one, add one.", 3, [[Ako by to malo vyzerať: Uložte súbor kliknutím na modré tlačidlo ** Aktualizovať súbor **. Ak ste pridali div, načítajte v editore ** footer.php ** a pridajte **** priamo nad ****, aby ste ukončili div.

Krok 3

Načítať ** štýl. css ** v editore. Pridajte tento kód do úplnej spodnej časti súboru: #container {background-color: # 038394; obrázok na pozadí: lineárny gradient (hore, # 038394, # 00CCCC); obrázok na pozadí: -webkit-lineárny gradient (hore, # 038394, # 00CCCC); obrázok na pozadí: -moz-lineárny gradient (hore, # 038394, # 00CCCC); } Vyššie uvedený kód predstavuje rezervu pre prehliadače, ktoré nepodporujú prechody. Nastavenie „background-image“ na „linear-gradient“ vytvorí pozadie s prechodom. Prinajmenšom musíte nastaviť smer, v ktorom prechod začína, a potom dve farby, ktoré sa navzájom zoslabujú. Pridajte tento riadok kódu dvakrát a pridajte predpony Webkit a Mozilla pre prehliadače Chrome, Safari a Firefox.

Kliknutím na modré tlačidlo ** Aktualizovať súbor ** uložte súbor style.css. Vaše pozadie s prechodom sa teraz zobrazí na každej stránke vášho webu WordPress.

Tip

Ak vidíte okolo medzery medzeru, všetky okraje „kontajnera“ nastavte na nulu.

• Predchádzajúca strana: Ako vytvoriť hypertextový odkaz v PHP
• Ďalšia strana: Ako importovať Yahoo! Záložky a panel s nástrojmi pre prehliadač Firefox