Húsz tizenkét standard Wordpress témát állítottunk fel, a sokoblogot

Szia, ma megpróbálják módosítani az alapértelmezett téma wordpress - Húsz Tizenkét: mi határozza meg akkora, mint egy miniatűr, és tegye egy miniatűr cím alatt, törölje a felesleges meta tagek a főoldalon, módosítsa a gomb „Bővebben”, távolítsa el a kapcsolatot a pincében.
Az alábbi cikk forrása letölthető

Normál témák wordpress: Húsz Tizenegy, tizenegy tizenkettő, tíz tíz, húsz tizenhárom, tizennégy húsz - kiváló keretet (vázszerkezet, a keret.) Alapján, amely minden nap teremt új, többcélú wordpress téma.

Kezdetben a standard wordpress téma - Twenty Twelve (1.3 verzió) így néz ki:

Kezdjük kijavítani:

1. Állítsa be a miniatűr méretét (miniatűr).

Valamilyen oknál fogva a bélyegkép mérete nem korlátozott - ami nagyon kényelmetlen, mivel különböző méretű képek betöltésekor a bélyegképek is eltérőek lesznek.

Ehhez menj a helyszínre, hogy nekünk wordpress vezérlőpulton a bal oldali menüben válassza ki az elemet a „Megjelenés” és az al-elem „Redakor”, közvetlenül a sablonok listájában válasszuk functions.php fájl (témák funkciók), és keresse meg a következő sort a kód:

Ez az, és beállítja az miniatűrök a téma Húsz Tizenkét (621 - a szélessége, és 9999 - a magassága miniatűrök px), például, hadd rögzítse a következő sort:

És meg kellene kapnunk a következőket:

2. Mozgassa a mutatót a címhez.

Ehhez menj a helyszínre, hogy nekünk wordpress vezérlőpulton a bal oldali menüben válassza ki az elemet a „Megjelenés” és az al-elem „Redakor”, közvetlenül a sablonok listájában válassza content.php fájlt, és keresse meg a következő sort a kód:

Ez a felelős az indexkép megjelenítéséért.

A pontot kissé alacsonyabbra tesszük:

Vigye be a miniatűr kimeneti kódot egy külön blokkba, és hozzárendeljen hozzá stílusokat - annak érdekében, hogy a fejlécet behúzza a tetejétől, a következőkkel kell befejeznie:

Vagyis a miniatűr kimeneti kódot id "tumba" blokkba csomagoltuk.

Mert tumba blokk írja elő az alábbi kódot a stílus fájlokat - style.css - nyissa meg: megy a helyszínen, hogy számunkra wordpress vezérlőpulton a bal oldali menüben válassza ki az elemet a „Megjelenés” és az al-elem „Redakor”, közvetlenül a sablonok listájában jelölje ki a fájlt style.css és alján a következő kódot kell beilleszteni:

Ez azt jelenti, hogy a felső 30px-es beágyazást hoztunk létre.

Végül a következőket kapjuk:

3. Távolítsa el a felesleges metatageket.

Ismét visszatér a fájl content.php - így megy a helyszínre, hogy nekünk wordpress vezérlőpulton a bal oldali menüben válassza ki az elemet a „Megjelenés” és az al-elem „Redakor”, közvetlenül a sablonok listájában válassza content.php fájlt, és távolítsa el a következő sorokat is:

Ennek eredményeként a content.php fájlnak így kell kinéznie:

Ezután a webhely így fog kinézni:

Mivel semmi sem felesleges.

4. Szerkessze az "Olvashat" gombot.

Ehhez elegendő visszatérni a stílusfájl - style.css fájlhoz, és a következő sorokat hozzáfűzni a kód aljára:

Az "Olvass tovább" gombbal regisztrálhat háttérképet a következő ponttal:

És annak érdekében, hogy az "Olvashat" gombra jobbra, és ne balra jelenjen meg, beillesztheti a következő kódot:

Ennek eredményeként a következőket kaptuk:

5. Törölje a linket az alagsorban.

Ennek eredményeképpen a footer.php fájl így fog kinézni:

És miután törölte ezt a sort:

és ahelyett, hogy beillesztjük a következő kódot:

7. Adjon hozzá oldalankénti navigációt.

Telepítse a plug-in WP-PageNavi - ez a hivatalos wordpress tároló, így a telepítés szabványos - a vezérlőpulton keresztül (admin panel) wordpress:

Letöltések száma: 4,938,430 - óriási összeg
Plugin oldal a repositoryban: "wordpress.org/plugins/wp-pagenavi/"

És cserélje ki őket a következőkkel:

Mindezek után az oldalain navigáció fog működni!

8. Mozgassa jobbra-balra az oldalsávot.

Ehhez csak adja hozzá a következő kódot a stílusfájlhoz - style.css:

Itt kell egy kis csípés ...
Vegyük például a standard téma wordpress - Húsz tizenkettő (itt letölthető), és a példa wordpress verziója a 4.1.

9.1. Mi telepíteni és aktiválni a plugin WP-CommentNavi keresztül wordpress vezérlőpulton: Admin - elem „Plugins” - az elem „Új” - a sorban „A keresés plugins”, írja WP-CommentNavi.

Távolítsa el a fenti kódsorokat, a "nav" címkékben, majd helyezze be a következő kódot:

Itt van a kód a változás után:

Ezután megyünk a helyszínre és megnézzük - mi történt:

Itt látjuk, hogy a kód a linkre válaszol:

Végül a következőket kapja:

11. Vigye át a főmenüt a fejléc kép alatt (a kép a fejlécben).

Vágja ki és továbbítsa a fejléc kép kimeneti kódjába.

A következő kód megfelel a fejléc képének kimenetének:

Végül így kell kinéznie:

12. Szerkessze a huszonkettedik témában a behúzásokat:

Kérdés: Hogyan kezelheted az oldalra mutató hirdetések bejelentéseit? A meta törlése után további hely marad ...

A behúzás szerkesztése - használhatja a fejlesztők eszközeit, amelyek az összes modern böngészőbe épülnek. Így például, Yandex böngésző és a Google Chrome-ot kiváltó ezeket az eszközöket kell kattintani az egér jobb gombjával a weblapon, és válassza ki a legördülő listából válassza ki a „View a kódot elem”:

Van egy ablak «Developer Tools» ( «Tools Fejlesztő"), itt válassza az eszközt »nagyító« (balra fent), akkor vezet a kívánt nekünk a tételt, és lássa a kódot - szerkesztheti azt, hogy mi a változás (a lenti képen, akkor kattints a nagyításhoz):

Ennek eredményeként látjuk, hogy a ".site-content article" osztály felelős a behúzásért.

A mi esetünkben a következő kód a behúzásra válaszol:

Érdeklődnek a margó alsó és a padding-bottom tulajdonságai - itt vannak két mértékegységben - "px" és "rem" -ban, hogyan különböznek egymástól?

A "Px" egy abszolút mértékegység, és az "em" relatív egység.
A "Rem" a bázishoz viszonyított méret (az .html<>) a betűméretet. Az ötletnek barátságosabbnak kell lennie a mobileszközökön és átméretezni.
A mérési egységek segítségével itt olvashatod a cikket:
«Web-standards.ru/articles/boring-bits-of-css/»

Alapértelmezés szerint, ha nem történik semmi, 1rem = 16px.

A behúzás kijavítása után tetszett ez a verzió:

PS: Töltse le a konvertált téma Huszadik tizenkét (1.3 verzió) - tudok az oldalamról - letöltés Twenty Twelve (fixed mnogoblog.ru).

Hasonló bejegyzések:

  • Húsz tizenkét standard Wordpress témát állítottunk fel, a sokoblogot
    Hogyan hozhat létre új wordpress témafájlt (ftp hozzáférés nélkül)
  • Húsz tizenkét standard Wordpress témát állítottunk fel, a sokoblogot
    A PHP használatával fájl létrehozásához, átnevezéséhez, törléséhez
  • Húsz tizenkét standard Wordpress témát állítottunk fel, a sokoblogot
    Húsz tizenöt: adj hozzá egy menüt a helyszín alagsorában
  • Húsz tizenkét standard Wordpress témát állítottunk fel, a sokoblogot
    Lebegő gomb az oldalon az oldalon
  • Húsz tizenkét standard Wordpress témát állítottunk fel, a sokoblogot
    Díszítsd be az oldalt - adj hozzá blokkokat képekkel ...
  • Húsz tizenkét standard Wordpress témát állítottunk fel, a sokoblogot
    Állítsd be a kalapot a Húsz Tíz, Huszonegyedik

Navigáció rekordok szerint

Jó napot! És ne mondd, hogy hogyan kell optimalizálni h1 tag feleslegesen számuk növekszik minden új elhelyezése a cikket, valamint az ssdelat lenne az első oldalon nem teljesen anoys cikket?

Köszönöm a hozzászólást, sok hasznos dolgot megtanultam.

És hogyan lehet a címlap nevét a rekordoldalon megjeleníteni, amikor a metaadatokat törölni szeretném az ajánlásban, nincsenek oszlopnevek a "rubric" oldalon, amely nem a bejegyzés oldalán található.

Helló Nagyon hasznos dolgok. De van egy kérdésem: hogyan kell eltávolítanunk a linket "olvass tovább" ebben a témában a címsorokban? Hogy csak a bejelentés címében szereplő hivatkozáson keresztül menjen a bejegyzéshez?

Szergej, hogy távolítsa el a "többet" linket, csak adja hozzá a következő kódot a stílusfájlban (style.css):

Vladimir, köszönöm a hasznos tanácsokat - hozzáadva a (8) bekezdést -, hogy hogyan lehet az oldalsávot balról jobbra mozgatni.
Két oldalsáv létrehozása mindkét oldalon - új cikk megírása ...

Hogyan csökkenthető a huszonkettedik sablon szélessége

Köszönjük a linket az alagsorból a WordPress.org-ba.

Köszönjük a hasznos információkat. És hogyan készítsük el a szöveget a jobb oldali miniatűr körül?

Összehasonlítva a többi kérdéssel, elég buta vagyok)
De hogyan javíthatja meg a felülvizsgált témát? A már létező téma miatt hiba keletkezik. megváltoztatta a nevét, még mindig hibát okoz.

Üdvözlünk! Kérlek, kérlek, és hogyan tudom áthelyezni az ablakot és a "keresés" gombot a websorból a jelenlegi menü "menü" sorába (ahogyan csinálod)?
Köszönöm előre.

Üdvözlünk!
Segítsen kérjük, törölje az oldal alján található "változtatás" linket a Huszadik tizenhárom témában, és emelje fel a magasabb tartalmat a kép ugyanazon témában lévő oldalán. Köszönöm előre.

Alexander válaszol a (10) bekezdésben feltett kérdésre.

Hello!
Kérje a menüt - fő, minden cikket, hogy egy kupak alatt (kép).
TwentyTwelve téma 1.6

Pavel, a kérdésére adott válasz a cikk 11. bekezdésében található, köszönet illeti a kérdést!

Xenia, köszönet érte a kérdésre, válaszolta a cikk új 12. Bekezdésében!

Helló Constantine!
Nagyon hasznos információ számomra. Sikeresen megállt.
Ne mondja meg, hogyan kell a menüt teljes oldalra (hosszra) tenni?
És meg tudja mondani, hogyan kell mozogni, a cím (a szöveg), a jobb oldalon. Hogyan tegyük jól és hol?
Köszönöm előre. Mikhail.

Kapcsolódó cikkek