WordPress konečně obnovil možnost přidávat vlastní CSS na váš web s vydáním WordPress 6.2! V tomto článku nápovědy vám ukážu, jak rychle přidat vlastní CSS na jakýkoli web pomocí této nejnovější verze WordPress, bezplatné a open source platformy CMS a webového návrháře.
Tato metoda funguje také s novějšími verzemi, včetně WordPress 6.3, 6.4, 6.5, 6.6 atd.
Krok 1: Přejděte do Editoru webu
K funkci Custom CSS můžete přistupovat z Editor webu, kde upravujete soubor Šablony a Díly šablony vašeho webu. Editor stránek je místo, kde provádíte to, co je běžně známé jako „Úplná úprava stránek."
Na hlavním panelu WordPress (první stránka, na kterou se dostanete po přihlášení), najeďte myší na položku nabídky „Vzhled“ a klikněte na „Editor“ (červená šipka na obrázku výše). Tím se dostanete do Editoru webu.
Jakmile jste v Editoru stránek, můžete kliknout kamkoli na pravou stranu obrazovky (oblast zobrazující náhled vašeho webu – na obrázku výše zvýrazněna zeleně) a vyvolat hlavní nabídku Editoru webu.
Krok 2: Vstupte do nabídky „Styly“.
V horní nabídce klikněte na ikonu „Styly“ (ikona je napůl černý, napůl bílý kruh) a vyvolejte postranní panel stylů.
Krok 3: Přístup k „Dalším CSS“
Klikněte na nabídku „Styles Actions“ v horní části postranního panelu (malá ikona tří teček – červená šipka na obrázku výše).
Klikněte na možnost „Další CSS“ z rozbalovací nabídky (červená šipka).
Nyní uvidíte dlouhé textové pole označené „Další CSS“, kam můžete přidat svůj vlastní kód CSS (na obrázku výše označeno zeleně). V horní části pole je napsáno „Přidejte svůj vlastní CSS pro přizpůsobení vzhledu a rozvržení vašeho webu“ (červená šipka). Zobrazí se také odkaz, kde se můžete dozvědět více o kódování CSS, které lze použít k přizpůsobení prvků stylu vašeho webu WordPress.
Jakmile přidáte vlastní CSS (zelená šipka), kliknutím na tlačítko „Uložit“ v horní nabídce uložte změny (červená šipka).
A je to! Nyní víte, kam přidat vlastní CSS na váš web WordPress ve WordPress 6.2. Chcete ovládat WordPress? Podívejte se na můj WordPress Masterclass na Udemy!
