Hogyan adjunk tetszőleges css-stílusok háromféleképpen-WordPress webhely szól wordpress

Három különböző módszer, hozzátéve CSS-stílusok a WordPress-site. Ebben a cikkben azt vizsgálom erősségeit és gyengeségeit a három módszer, így eldöntheti, hogy melyik opció illik legjobban.

Keresse design elemeket, hogy a módosítani kívánt

Ha kiválaszt egy részét a téma, hogy meg akarja változtatni (például a title), akkor be kell állítani a CSS-szabályok érvényesek lesznek ezen az oldalon, hogy megfelelően stilizálhatja azt. Szerencsére, az kiválasztó rész - a folyamat egyszerű.

Válassza az Elem vizsgálata (Elem vizsgálata) a legördülő menüből, akkor kap hozzáférést információt a design, bemutatva a jobb oldali ablakban. Egy példa erre az alábbiakban.

Tételek piros színnel kiemelve - kezeli, amelyek alkalmazzák a szöveget, amit kiválasztott. Például font-size elem azt jelzi, hogy a szöveg az Ön által kiválasztott Ennek mérete 13 pixel ( «13px»). A leírók zárójelek és olvassa el az adott szelektor. A név a megfelelő stíluslap jelenik meg a jogot a választókat.

Miután a fegyveres ezt az információt, akkor könnyen változtatni a design. Például, ha meg akarja változtatni a betűtípust 13px a 14px, egyszerűen megtalálja a stíluslap fájlt, ami megjelenik a jogot a megfelelő szelektor (# plugin-info .block-tartalom „), majd változtassa meg«13px»a« 14px ”.

Meg tudod csinálni ugyanazt a Firefox, jelöljön ki egy oldalt fragmentum, kattintson a jobb egérgombbal, majd válassza ki a „vizsgálja elem” a menüben.

Hogyan működik egy csomó WordPress és CSS

Nincs két WordPress téma nem ugyanaz. Ezért kérjük, vegye figyelembe, hogy a tippeket, hogy olvassa el az alábbi nem feltétlenül egyeznek meg a 100% azzal, ami van.

Azonban valószínűleg a szükséges CSS stílusok fájlban található style.css. Ez - egy univerzális cím a stíluslapot, bármilyen típusú oldalon, nem csak a WordPress oldalakon.

Ha megnézzük ezt a fájlt, azt találjuk, hogy az magában foglalja számos stilisztikai „használati utasítást” a témát. Nem fogjuk nyilvánosságra hozni a CSS szintaxis részletesen, mert ez túlmutat a mi kezelése.

Ezt szem előtt tartva, menjünk tovább a három módszer szerkesztési CSS.

1. módszer: szerkesztése téma style.css

Kétféle módon lehet elérni a fájlt style.css a témákat.

Ha rákattint az elemre stíluslapszerkesztőben (style sheet), style.css fájl betöltődik, és megjelenik a képernyő közepén. Akkor használja ezt a képernyőt, hogy szerkeszteni a fájlt, de van egy sokkal kényelmesebb módja ennek (ez volt az).

Egy másik módja, hogy olvassa el a stíluslapot, hogy megtaláljuk azt a szerveren a tárhely szolgáltató. A pontos helyét a mappát a téma függ a szolgáltatótól. Az alábbi példában egy dosszié hívott thecare helyén, és ez a public_html mappába. Mivel a helyszínen telepített WordPress rendszer, akkor láthatjuk a wp-content mappát a mappa thecare. A wp-content témák a mappát, amely egy sor témát. Mivel mi a téma Newsletter, helyes style.css stílusok neki van a hírlevél-szülő mappát.

Ezen a ponton érdemes megkérdezni: „Miért vannak könyvtárak hírlevél-szülő és hírlevél-gyermek?» Jó kérdés, és hamarosan választ adni.

2. módszer: leányvállalata szerkesztésre CSS témák

Ha letöltöd a fantasztikus téma, és azt szeretnék, hogy néhány változtatást, hogy ez, meg kell ezt használja a gyermek a téma, de nem szerkesztheti a fő téma (a szülő).

Miért? Ahogy a fejlesztők gyakran frissítik szálak, hibák kijavításával, és hogy megváltoztatja a design. Ha módosítja az alapvető téma, majd telepítse a frissítést, akkor elveszti minden munkájával.

Másrészt, ha egy CSS változások csak alárendelt alany, akkor frissíteni kell csak szülő témában. Az összes módosítás továbbra is a gyermek téma, és nem vesznek el.

Egyes szakmai fejlesztők tudják, hogy fontos e leányvállalatok érdekében, és ezért a őket döntéseikben. Ebben az esetben, akkor egyszerűen létre leányvállalatot alá, amit akar, majd csendben frissíti a szülő téma anélkül, hogy elveszítené a módosításokat.

Ha a téma nem tartalmaz leányvállalata alá, akkor mindig csatlakozni magad. Blogunkon mindig talál utasításokat, hogy engedélyezze, hogy igen.

3. módszer: a plugin szerkesztésre CSS

A legkényelmesebb módja szerkeszteni CSS stílusok - a használata plug-inek.

Az egyik fő előnye a plug-ekvivalens valamint a használatát a gyermek. Ha frissíti a téma, akkor a módosítások nem felülírható, mert különíteni a téma fájlokat. A másik előnye - nem kell, hogy hozzon létre egy leányvállalata alá.

Íme néhány jó plug-inek szerkesztésre CSS:

Egyszerű Custom CSS

Egyszerű Custom CSS - az egyik legnépszerűbb megoldás szerkesztésre CSS stílusokat. A plugin már letöltött több mint 100000 alkalommal és egy minősítés 5 csillag.

WP Add Custom CSS

WP Add Custom CSS - egy plugin, amely lehetővé teszi, hogy módosítsa a megjelenését az egész oldal, vagy csak néhány egyéni rekordokat. Magnificent opciót, ha azt szeretné tervezni rugalmasságot biztosítson a különböző rekordokat.

A plugin jelenleg kap több mint 10.000 letöltést.

Téma Junkie Custom CSS

Ha szüksége van egy megoldás, amely egy élő előnézet módosításait, úgy bővítmény téma Junkie Custom CSS. Ez a megoldás teszi hozzá egy tetszőleges CSS-manager a rendszergazdai konzol, ahol elvégezheti a saját stílusát.

Easy Kód Gyakorlat

Easy Kód elhelyezés - valami több, mint egy CSS megoldás. A beépülő modul lehetővé teszi, hogy adjunk más típusú kódot, beleértve a PHP, JS, HTML, és még sima.

Ha megváltoztatja az elrendezés a téma, akkor lehet, hogy a kiigazítások nem csak CSS, hanem más kódot. Ebben az esetben egyszerű kód elhelyezése - a megoldást az Ön számára.

Gyermek téma konfigurátor

Gyermek téma konfigurátor - a megoldás, amely lehetővé teszi, hogy módosítsa a webhely elrendezése segítségével leányvállalata tárgyak.