Jak vytvořit pozadí přechodu v aplikaci WordPress

List kaskádových stylů Kód webového návrhu obsahuje možnost přechodu, takže můžete přidat webové stránky s přechodem pouze ve formátu CSS do webových stránek WordPress bez nutnosti řezaných obrázků. V aplikaci WordPress nemůžete aplikovat přechod na značku těla tak, jak byste měli pro pevné pozadí, ale můžete použít kontejner div, který se obalí kolem celého webu. Mnoho motivů vytvořených v rámci CSS již takový div obsahuje, přestože jej můžete přidat, pokud váš motiv není.

Krok 1
Přejděte do adresáře ** wp-admin ** svého adresáře webové stránky a přihlaste se do řídicího panelu aplikace WordPress. Přejděte na ** Vzhled ** a klepněte na odkaz ** Editor **. Klikněte na odkaz ** header.php ** pod záhlavím Šablony a načtěte soubor HTML obsahující značku těla vaší webové stránky.

Krok 2
Hledejte div s ID kontejneru přímo pod značku těla v souboru header.php. Pokud ho nenajdete, přidejte jej. Zde je to, co by mělo vypadat: Soubor uložte kliknutím na modré tlačítko ** Aktualizovat soubor **. Pokud jste přidali div, zatížení ** footer.php ** v editoru a přidat **** přímo nad **** zavřít div.

Krok 3
Load ** styl. css ** v editoru. Přidejte tento kód na konec souboru: #container {background-color: # 038394; pozadí-obraz: lineární gradient (horní, # 038394, # 00CCCC); pozadí-obraz: -webkit-lineární gradient (top, # 038394, # 00CCCC); pozadí-obraz: -moz-lineární gradient (top, # 038394, # 00CCCC); } Výše ​​uvedený kód nastaví nouzový režim pro prohlížeče, které nepodporují přechody. Nastavení "pozadí-obrázek" na "lineární gradient" vytváří gradient pozadí. Přinejmenším je třeba nastavit směr přechodu na začátek a pak dvě barvy, které se vzájemně prolínají. Přidejte tento řádek kódu znovu dvakrát, přidejte předpony Webkit a Mozilla pro prohlížeče Chrome, Safari a Firefox.
Kliknutím na modré tlačítko ** Aktualizovat soubor ** uložte soubor style.css. Váš gradient pozadí se nyní objeví na každé stránce vaší webové stránky WordPress.


URL:https://cs.whycomputer.com/Internet/100107234.html