Biztonság.  Beállít.  Internet.  Felépülés.  Telepítés

A WordPress sablon szerkezete, beállítása és szerkesztése. WordPress téma testreszabása

Minden tervezési témához számos beállítás tartozik, amelyek a CMS vezérlőpultjáról módosíthatók. A paraméterek sokfélesége sablononként változhat, de szinte minden téma lehetővé teszi a logó, a háttér, a betűtípusok, az oldalsávok, a cím és a webhely leírásának testreszabását az adminisztrációs panelről.

Ennek ellenére előfordulhat, hogy a webhely tulajdonosa változtatni szeretne néhány apróságon, amelyet a vezérlőpult nem tesz lehetővé. Ebben az esetben bérelhet webmestert, de ha nincs pénze vagy ideje, könnyen kitalálhatja a sablont, és maga is elvégezheti a szükséges változtatásokat.

A motortéma sok fájlból áll. Tudva, hogy a webhely melyik részéért felelősek, könnyen szerkesztheti a CMS-sablon kialakítását az Ön igényei szerint.

A témafájlok HTML, PHP és CSS kódot tartalmaznak. A HTML/CSS-ről külön kézikönyv található az oldalon, de a design elkészítéséhez alapvetően nem szükséges PHP tudás.

Tehát minden WordPress-sablon a következő fájlokkal rendelkezik.

1. index.php. A fájl a webhely főoldalát képezi, és más témafájlokat hív meg.

2. header.php. Létrehozza a webhely tetejét, „fejlécét” - általában logót, címet, a webes erőforrás leírását, valamint egy vízszintes menüt tartalmaz. HTML-tároló is ebben a fájlban van.

3. lábléc.php. Tartalmazza a webhely alsó részének, „láblécének” a kódját.

4. stílus.css. Lépcsőzetes stíluslapfájl. Mivel általában elég nagy, stílus.css jól kommentálva. Sajnos leggyakrabban angolul, de az alapismeretek elegendőek lesznek ahhoz, hogy megértsük, hogy a kód melyik része melyik elem tervezéséért felelős. További információ a CSS-ről itt.

Ez egy kötelező alap egy WordPress sablonhoz, de általában sokkal több témafájl van, és itt vannak a leggyakoribbak.

1. single.php- külön poszt.

2. oldal.php- oldal.

3. sidebar.php- oldalsó panel/panelek.

4. archívum.php- cikkek archívuma.

5. search.php- keresési eredményoldal.

6. megjegyzések.php- hozzászólások kimenete.

7. 404.php- hibaoldal 404 kóddal (A fájl nem található).

8. function.php- témafüggvényeket tartalmazó fájl. Hozzáadhatja saját PHP szkriptjeit.

Természetesen a sablonok általában sokkal több fájlt tartalmaznak a fent leírtaknál, de általában nem igényelnek szerkesztést. Ezenkívül a nevükből és a benne lévő megjegyzésekből megtudhatja az egyes fájlok célját.

A sablonok szerkesztése gyakran szükséges néhány apró részlet javításához vagy hozzáadásához. Az alábbiakban bemutatunk néhány gyakori helyzetet.

Menü hozzáadása

A menü nem csak a téma által meghatározott helyekre helyezhető el (ez widgeteken keresztül történik), hanem az oldal bármely más részén vagy akár egy adott oldalon is.

Menü beszúrásához bárhová, adja hozzá a következő sort:

közvetlenül az oldal kódjába, ahová el szeretné helyezni. A sor akkor működik, ha csak egy egyéni menü van a webhelyen. Ha több is van, adjon hozzá egy ehhez hasonló sort a kódhoz:

"Menü_1")); ?>

hol ahelyett Menü_1 meg kell adnia a menü nevét.

Változtasd meg a 404-es oldalt

Ha a hivatkozás nem létező oldalra vagy fájlra vezet, a WordPress a 404-es kódú hibaoldalra viszi a felhasználót (A fájl nem található). A fájl felelős érte 404.php, az aktív téma mappájában tárolva. Gyakran angol szöveg jelenik meg a képernyőn, és egy orosz nyelvű webhely tulajdonosának vágya, hogy lefordítsa azt anyanyelvére, teljesen érthető.

Az oldal tartalmának módosításához nyissa meg a fájlt a szerkesztőben 404.php, keresse meg a böngészőben megjelenő szöveget tartalmazó sorokat, és változtassa meg azokat (a megjelenített szöveget legtöbbször idézőjelbe tesszük). Például az egyik szabványos témában (twentyfourteen) a következő kód érdekelni fogja:

Cserélje ki az idézőjeles szöveget (nem ott, ahol a huszonnégynégy van, hanem valami mást) a sajátjára, és kap egy módosított 404-es oldalt.

Regisztrálja a szerzői jogot

Az oldal alján szokás hivatalos információkat írni, különösen az erőforrás működési éveiről és a szerzői jogokról. Az esetek túlnyomó többségében az Ön „címkéje” a fájlban lábléc.php a témák szerzői hagyták meg, és a webmesterek természetesen ezt az információt szeretnék sajátjukkal helyettesíteni.

Mint tudjuk, az oldal „lábai” felelősek az aktív téma gyökerében tárolt fájlért. lábléc.php, és keresse meg benne a szerzői jogokért felelős kódot.

A lapos-fehér téma például a fájl következő soraiban rejti el a támogató információkat:

" title=""> ">

Szöveg oroszosítása

A WordPress sablonok gyakran nincsenek teljesen oroszosítva, vagy egyáltalán nem fordítják le. Ismerve a téma fájlszerkezetét és azt, hogy a felhasználónak megjelenített szöveg (ha nem változó) a kódban mindig idézőjelek közé kerül, könnyen megtalálható és önállóan lefordítható a kívánt töredék, és nem a szó manuális keresése szükséges - ehhez használhatja az automatikus keresést, amely minden kódszerkesztőben megtalálható.

Például a laposfehér sablonban azonnal el kell oroszosítani legalább két feliratot: „TOVÁBBI” és „Írj megjegyzést”, mivel ezek láthatók a főoldalon.

A fájl felelős a főoldalért index.php, amely a témakönyvtár gyökerében található, ezért szerkesztenie kell. De nincs szöveg a feliratokhoz, ezért meg kell értenie a kódot, hogy megtudja, hol vannak tárolva. Esetünkben a fájl felelős a főoldalon található bejegyzések alatti információkért template-parts/content.php, zsinórral összekötve

Ha belemész és a kódba

".__("Írjon megjegyzést", "lapos-fehér")."
"; ?>
" class="read_more">

szöveg Szólj hozzá kicserélve

Miután megvásárolt egy domaint és megrendelte a tárhelyet, ideje konfigurálni a WordPress-t. A blog jelenlegi formájában nem használható. Megfelelően be kell állítania a permalinkeket, ki kell választania és telepítenie kell egy témát (design), és csatlakoztatnia kell az összes szükséges bővítményt.

Mindezekre a beállításokra azért van szükség, hogy a blog szép megjelenésű legyen mind a leendő látogatók, mind a keresőrobotok számára. Ami pozitív hatással lesz a keresőmotorok további promóciójára.

Meg kell értened a konzol menüjét is. A konzolt „admin panelnek” is nevezik. Talán észrevette, hogy az adminisztrációs panelen meglehetősen sok további beállítás található.

A blog adminisztrációs területéhez a site.ru/wp-admin/ webhelyre kell lépnie. Cserélje le a site.ru-t a domain nevével.

A főoldal alapvető információkat tartalmaz a teljes blogról. Ezen az oldalon hozzáadhat cikket, alapvető témabeállításokat adhat meg, vagy megtekintheti a bejegyzéshez fűzött legfrissebb megjegyzéseket.

2. Frissítések

A frissítésekben láthatja a WordPress aktuális verzióját és azt, hogy szükséges-e új frissítés. Amint a fejlesztők kiadnak egy frissítést, megjelenik az adminisztrációs panelen.

Ne felejtsen el frissíteni, ha erre kérik. Ez megvédi Önt a behatolók hackelési kísérleteitől.

3. Feljegyzések. Minden bejegyzés

Ebben a menüben megtekintheti az idők során készült összes felvételt. Azt is láthatja, hogy az egyes cikkek hány megjegyzést kaptak, és milyen kategóriába tartoznak.

Vigye az egeret a cikkre, és megjelenik egy almenü, amellyel szerkesztheti, megnyithatja vagy törölheti a cikket.

Ha nem változtatott semmit a WordPress telepítése után, akkor már megvan az első tesztbejegyzése. Mutasson rá, és törölje. Ha véletlenül töröl egy bejegyzést, bármikor visszaállíthatja azt a Lomtárból. Ha a bejegyzésekre már nincs szükség, ne felejtse el kiüríteni a szemetet.

3.1. Új hozzáadása

Mielőtt elkezdené cikkek közzétételét a blogján, el kell végeznie néhány nagyon fontos beállítást. Írja be a 8.1. és 11.3. bekezdésben. Miután beállította a permalinkeket vagy ahogyan ezeket CNC-nek is nevezik, elkezdheti a cikkek közzétételét.

A cím felül van írva. Nem lehet túl hosszú és nem túl rövid. Az alábbi cím megadása után egy állandó hivatkozás jelenik meg. Ez így fog kinézni, ha egy speciális bővítményt telepít, amely a 8.1. bekezdésben található.

Az alábbiakban olyan eszközöket talál, amelyekkel szöveget formázhat, képeket adhat hozzá és aktív hivatkozásokat helyezhet el. Ha ismeri a Word programot, akkor ezzel nem lesz probléma.

Ha először találkozik ilyen szerkesztővel, nézzen meg oktatóvideókat a YouTube-on arról, hogyan adhat hozzá cikket egy WordPress bloghoz. A cikk hozzáadása és formázása után válasszon vagy hozzon létre egy kategóriát hozzá. Kategóriánként egy cikk, ezt ne feledd!

Tölts fel egy miniatűrt, ez egy kis kép a cikkedhez. Az ilyen képek támogatják a legtöbb témát. Ha minden készen van, kattintson a „Közzététel” gombra. Most nyissa meg blogja kezdőlapját, és nézze meg, hogyan néz ki a bejegyzése.

Munka képekkel

Fényképek hozzáadásakor próbálja mindig szerepeltetni az „Alt” attribútumot. Ha fotóit használja, ez lehetővé teszi, hogy forgalmat vonzzon a keresőmotorokból a „képek” részből.

Magán a képen 2-3 szó is elég. Ha nem tudod, mit írj, jobb, ha nem írsz semmit.

A fénykép a közepéhez vagy széléhez igazítható. Ha nagy képe van, és azt szeretné, hogy teljes méretben nyíljon meg, amikor rákattint, akkor válassza a „Médiafájl hivatkozása” lehetőséget. Ha egy másik webhelyre kell átirányítania, használjon egyéni URL-t.

A méret beállításnál beállíthatja a kívánt méretet. Ne feledje, hogy maga a blog szélessége ritkán haladja meg az 1000 képpontot. Javaslom a teljes beállítást.

Győződjön meg arról, hogy minden fotójának latin betűs neve van, mielőtt feltölti a blogjába, például moy-dom.jpg.

3.2. Kategóriák

Ez a menü kategóriák létrehozására szolgál. Például van egy blogja a kulináris receptekről. A címek a következők lehetnek:

  • Saláták
  • Snackek
  • Italok

Írja be a kategóriáját a címbe. A címkébe írja be ugyanazon kategória nevét, de csak latin betűkkel. Írhatod cirill betűvel is, de javaslom, hogy a példában leírtak szerint csináld.

A rubrikáknak lehetnek alkategóriái. Például a „saláták” a következő alcímeket tartalmazhatják: „Csirkesaláták”, „Egyszerű saláták”, „Téli salátareceptek” stb. Alkategóriák a „Szülő” menüben hozhatók létre.

Írj 2-3 mondatot a szakaszodról! Fogalmazd meg a lényeget. Ügyeljen arra, hogy egyedi legyen. Ez azt jelenti, hogy ezt a leírást magának kell kitalálnia, nem pedig másolnia. Ha minden mezőt kitöltött, kattintson az „Új kategória hozzáadása” gombra.

3.3. Címkék

A címkékre szükség van egy nagy webhely felhasználóbarátabbá tételéhez. Ha nem tervez nagy portált létrehozni sok kategóriával és alkategóriával, akkor jobb, ha nem használ címkéket.

4. Médiafájlok

Ebben a részben megtalálja az összes fotót, amely valaha is felkerült a blogra. Új fotót is hozzáadhat a könyvtárához. Gyakorlatilag nem lesz szükségünk erre a menüre, hiszen a 3.1-es részben fotót is csatolhat cikkéhez.

5. Oldalak

Ne keverje össze ezt a részt a bejegyzésekkel! Az ilyen oldalakra elsősorban tájékoztatás céljából van szükség. Például a blogomon külön oldalak vannak a szerzőről és a blogról. Létrehozhat egy oldalt szervezete névjegyeivel vagy bármilyen más információval.

Most van egy tesztoldala. Nézd meg, próbáld meg szerkeszteni, majd töröld.

Ebben a részben láthatja az összes létrehozott oldalt. Ha újat kell létrehoznia, egyszerűen lépjen az „Új hozzáadása” menübe, és használja a szerkesztőt, mint a 3.1 menüben.

6. Megjegyzések

Itt láthatja a felhasználók által írt összes megjegyzést. A megjegyzések letilthatók, jóváhagyhatók és szerkeszthetők.

7. Megjelenés. Témák

Alapértelmezés szerint a WordPress 3 témát biztosít. Kialakításuk olyan, és ritkán használja őket valaki. Ebben a menüben mindhárom témát láthatja. Az interneten számos webhely kínál ingyenes sablonok letöltését.

Azt javaslom, hogy telepítsen témákat a hivatalos WordPress áruházból. Egyrészt ingyenesek, másrészt nem tartalmaznak rosszindulatú kódot vagy vírusokat. Új sablon telepítéséhez kattintson az „Új téma hozzáadása” gombra.

Egy szakaszba kerül, ahol kiválaszthatja a kívánt témát. Vigye az egérmutatót bármelyik sablon fölé, és nézze meg, hogyan fog kinézni. A kívánt jellemzők szűrésével kiválaszthat egy témát. A kiválasztás után kattintson a telepítés gombra és aktiválja.

Ne féljen különböző témákat feltenni. Nagyon nehéz megtalálni azt, ami elsőre tetszik. Bármikor törölheti az összes felesleges témát.

Az ingyenes sablonoknak is vannak árnyoldalai. Rosszul vannak optimalizálva keresőmotorokhoz.

Vagy azonnal vásárolhat egy olcsó sablont a projektjéhez, amely kiküszöböli az összes technikai hibát. Telepítse a témát, egyszer testreszabja és használja.

Ha bármilyen kérdése van a téma beállításával kapcsolatban, az oroszul beszélő ügyfélszolgálat mindig ingyenesen segít. Azt javaslom, hogy válasszon ebből a három sablonból.

Ebben a részben bármikor megváltoztathatja jelszavát és e-mail címét.

10. Eszközök

Ezt a részt nyugodtan átugorhatod, itt még nincs semmi érdekes. Új bővítmények hozzáadásakor ezek egy része itt fog megjelenni.

11. Beállítások. Gyakoriak

Valamiért a legfontosabb menü a legvégén van. Mielőtt elkezdené cikkek közzétételét és új oldalak létrehozását, meg kell adnia a beállításokat.

Írja be webhelye nevét. A leírás legyen rövid és világos. Tartalmaznia kell a fülke teljes lényegét. A rövid leírást kihagyhatja. Ha van mit írnod, akkor töltsd ki. Írhatsz valami szlogent.

WordPress cím és webhely címe. Itt adhatja meg, hogyan jelenjen meg a blogja. Például www-vel vagy anélkül. https vagy http. Ez egy nagyon fontos paraméter, feltétlenül töltse ki.

Ha véleményem szerint domaint és tárhelyet regisztrált, akkor biztonságos https protokoll tanúsítvánnyal kell rendelkeznie. Tehát állítsa be a beállításokat a képen látható módon. Válassza ki a kívánt dátum- és időformátumot. Kihagyjuk az „írás” menüt.

11.1. Olvasás

11.2. Vita

Ebben a részben konfigurálhatja a feketelistát. Ha azt látja, hogy valaki spam megjegyzéseket hagy Önnek, feketelistára teheti őket. Elég hozzá egy IP-címet, amely a megjegyzésekben látható, vagy elkészítheti a saját stopszavak listáját.

Például, ha hozzáadja a következő szavakat: www, http://, letöltés, ingyenes, akkor az ilyen megjegyzések nem esnek át automatikus moderáláson. Nyugodtan kihagyhatja a médiabeállításokat.

11.3. Permalinks

A WordPress egyik legfontosabb beállítása itt található. Ez a permalink beállítás. Jelölje be az „Egyéni” négyzetet, és illessze be oda a következő sablont:

/%category%/%postname%.html

Yandex mérőszámok

Ahhoz, hogy megtudja, hányan látogatnak egy blogot, egy speciális számlálót kell telepítenie rá. Ez a számláló részletes információkat mutat a felhasználóról. Javaslom a Yandex Metrica telepítését.

Ha még nem kapott levelet a Yandextől, regisztrálja most, ez néhány percet vesz igénybe.

Ha bejutott, kattintson a „Számláló hozzáadása” gombra.

Ezután töltse ki: a számláló nevét és a weboldal címét, jelölje be az „Elfogadom a feltételt” jelölőnégyzetet, hozzon létre egy számlálót. Jelölje be a webes megjelenítő jelölőnégyzetét, és kattintson a Mentés gombra. Alább láthatja a telepítendő számlálókódot.

Másold ki, és menj a blogod adminisztrációs területére az alábbi képen látható módon.

Keresse meg a jobb oldali oszlopban, és kattintson a „Header (header.php)” elemre. Illessze be a másolt kódot a szabad helyre. Jobb ott csinálni, ahol véget ér.

Kattintson a Fájl frissítése gombra. A „Számlálók” gombra kattintva térjen vissza a számlálók listájához.

Néhány perc múlva a számláló frissül és zöldre vált. Ha ez nem történik meg, jelentkezzen ki fiókjából, majd jelentkezzen be újra.

Kész! Egy idő után a számláló rögzíti a blogod összes látogatóját. Kattintson a névre, és a főmenübe kerül.

Ha meg szeretné érteni ennek az eszköznek az összes képességét, nézze meg a kézikönyvet.

robots.txt

Ha nem tudja, mi az a robots.txt, és mire van szüksége, akkor elolvashatja a Yandex súgójában. Annak érdekében, hogy ne szenvedjen, és ne fordítsa le saját maga, egyszerűen letöltheti.

Ne felejtse el kijavítani a webhelyét a fájlban úgy, hogy a site.ru és a site.ru/sitemap.xml fájlokat lecseréli a sajátjára. Írja be a http vagy a https-t is. Most fel kell töltened a szerveredre a gyökérmappába, ahová a blogod telepítve van.

Ha a Beget hostingot használja, amit javaslok, akkor ezt a fájlt az alábbiak szerint töltheti le. Jelentkezzen be tárhelyére, és kattintson a „Fájlkezelő” elemre.

Keresse meg a webhelyet tartalmazó mappát, és 2-szer kattintással lépjen be. Ezt kellene látnod:

Lépjen ebbe a mappába kétszeri kattintással. Ön most webhelye gyökérmappájában van. Most kattintson a "Fájlok feltöltése" és a "Tallózás..." gombra.

Válassza ki a fájlt, és kattintson a "Feltöltés" gombra. A fájl feltöltve az oldalra.

Most ellenőrizheti. Írja be a következő lekérdezést a keresősávba: https://site.ru/robots.txt cserélje ki a site.ru-t a saját webhelyére. Vegye figyelembe a https vagy http jelentését is.

Domain regisztrálása. Hosting beállítása. Telepítsünk egy blogot!


Rendeljen tárhelyet és vásároljon domaint >>>

Következtetés

Most a blogod teljesen be van állítva, és használatra kész. Kezdje el feltölteni minőségi cikkekkel az emberek számára. Lassan kezdje el megérteni a SEO-t (keresőoptimalizálás).

Amint a blogod eléri az 500 látogatót naponta, vásárolj egyedi témát. Ha bármilyen kérdése van, feltétlenül tegye fel őket az alábbi megjegyzésekben.

Üdvözlettel: Sergey Smirnov.

Ha úgy dönt, hogy létrehoz egy weboldalt, esetleg már elkészítette azt, akkor mindenesetre a megjelenés testreszabásának feladatával kell szembenéznie.

Minden webes erőforrásnak két oldala van: az adminisztrációs vezérlőpult és az, amit minden látogató lát.

Tehát ahhoz, hogy mindenki, aki felkeresi a blogját/portálját, „szemnek kellemes legyen” és ennek köszönhetően az ember elidőzik az oldalakon, testre kell szabni a sablont, széppé, kényelmessé tenni...

Milyen lehetőségek vannak a probléma megoldására?

Ügyeljen arra, hogy webhelye megjelenésében egyedi legyen, hogy vonzónak és érdekesnek lehessen tekinteni, fontos, hogy bombamenő tartalmat hozzon létre, és dolgozzon a fejlécen, oldalsávon, láblécen, betűtípuson stb.

Igen, igen, a tartalom az alap. Ha az információ az eredeti forrásból származik, és a szolgáltatott anyag egyértelmű, akkor előfordulhat, hogy a terv egyszerűen nincs meg. Egy üres papírlap és egy cikk vagy videó elég lesz. A minőségi információkat mindig szívesen fogadjuk! De úgy gondolom, hogy létrehozott egy webhelyet, és ezt csinálja, amiből nagyon sok van a RuNeten. Ezért a téma testreszabása kötelező.

Ha nincs ideje és kellő készsége ehhez a munkához, rendelje meg az elrendezést és a tervezést innen. Korábbi számokban beszéltem az ilyen oldalakról és a távoli alkalmazottakról.

Ez az első lehetőség – rendeljen!

A második lehetőség az, hogy kipróbálja magát.

Pontosan elmondom, hogyan kell ezt csinálni a mai részben.

A harmadik lehetőség egy kész sablon vásárlása! De szerkeszthető és testreszabható is.

WordPress téma testreszabása

Nem hiszem, hogy azt mondtam, hogy testre szabom a sablont a WordPress motor segítségével, mert ez a legnépszerűbb.

A sablon testreszabása előtt a WordPress-en telepítenünk kell a témát. Letöltheti, vagy átveheti az adminisztrációs panelen található szabványok egyikét. És ahogy korábban mondtam, lehetőség van egyedi sablon vásárlására.

Bárhogy is legyen, most mindent megoldunk.

Hogyan telepítsünk WordPress sablont az internetről

Most elmondom, hogyan találhat sablont az interneten, és hogyan töltheti fel ide az adminisztrációs panelre további beállításokhoz. Ezután megmutatom, hogyan lehet aktiválni a már elérhető témákat.

Tehát nyisson meg egy keresőt, és írja be a „Wordpress sablonok” lekérdezést. Tetszik egy nagyon népszerű oldal:

http://wp-templates.ru

Nyissa meg, kattintson a bemutató gombra a kívánt téma alatt, és nézze meg, hogyan néz ki. Nyilvánvaló, hogy a szem ráesett vagy sem. Ha igen, akkor nyugodtan kattintson a „Letöltés” ​​gombra.

A zip-archívum letöltődik. Az Ön feladata, hogy elmenjen admin panel -> megjelenés -> témák -> új hozzáadása -> téma feltöltése -> húzza az archívumot a sablonnal a „Fájl kiválasztása” területre. Úgy, hogy az archívum megérintse a gombot. Rendben, letöltve, most kattintson a „Telepítés”, majd a „Nézet” gombra.
Remek, most a témabeállítások panelen vagyunk. Az alábbiakban erről fogunk beszélni. Addig is megmutatom, hogyan nyithat meg szabványos WordPress-sablonokat.

Még egyszer, menj ide admin panel -> megjelenés -> témák -> új hozzáadása -> most keressen meg bármilyen sablont, mutasson rá, és kattintson a nézetre.

Ennyi, nem lesz több felesleges akció. Amint látja, csak a „Megjelenés” füllel dolgoztunk.

WordPress sablon (téma) testreszabása saját magának

A beállítások panelre mentünk, a fő eszközök mindig azonosak lesznek azzal, amivel rendelkezel és amivel rendelkezel. Egy adott sablontól függően azonban a konfigurációs funkciók eltérőek lehetnek.

Fentebb már említettem a widgeteket. Szóval, hogyan kell telepíteni ezt vagy azt a widgetet az oldalsávba?

Minden, ami az oldalsávba helyezhető, widgeteken keresztül történik.

Például egy legutóbbi számban, amiről beszéltem. Ez nem a szabványos WordPress widgetek egyike, hanem egy harmadik féltől származó widget. A telepítéshez a „Szöveg” widgetet kell használnia, ugyanakkor szükségünk van egy beszúró szkriptre. A cikkben, a fenti linken, erről részletesen beszéltem.

Mit lehet elhelyezni az oldalsávon?

Van egy nagyon kicsi eszköztáram az oldalsávomban. A WordPress widgetek közül csak a „Keresés” van telepítve. És kézzel írtam az „Érdekes kérdéseket”.

Célszerű kategóriákat feltenni az oldalsávba, hogy kényelmesebbé tegye a navigációt a webhelyen.

Az elrendezés sorrendje pedig valami ilyesmi legyen: először feltétlenül „Keresés”, majd kategóriák, majd érdekes bejegyzések és így tovább.

Hogyan kell telepíteni a widgetet?

Vigye az egeret a Megjelenés fülre, és kattintson a Widgetek elemre.

A bal egérgombbal fogd meg és tartsd lenyomva a kívánt widgetet, én megragadtam az „Image” widgetet. Ezután vigye át a jobb oldali panelre, oldalsávra vagy láblécre, ahová telepíteni szeretné, és mozgassa oda a kurzort.

Itt az ideje, hogy kicsit megismerkedjünk felépítésével és témánk elemeinek szerkesztési elveivel. Itt nem elemezzük az ilyen beállításokat az adminisztrátor számára. panelek, mint például a háttér, a szöveg színe, a betűméret stb.

Azt hiszem, mióta elérted ezt a szakaszt, már van fogalmad a WordPressről, és ki fogod tudni találni azokat a gombokat, amelyekre minden oroszul van írva :) A WordPress sablon testreszabásának kicsit haladóbb szintjére megyünk .

Azt hiszem, mindenki érti, miért kell megváltoztatni a sablont. Rajtad kívül valószínűleg több ezer ember töltötte le ( különösen ingyenes témák), és nem akarjuk, hogy a webhelyünk úgy nézzen ki, mint valaki másé, igaz? 🙂

Ezenkívül előfordulhat, hogy a választott tervezési témában vannak olyan elemek, amelyek zavarják, és el kell távolítani, vagy cserélni szeretne valamit. Általánosságban elmondható, hogy ennek számos oka van, és nem hiszem, hogy van olyan ember, aki ne szeretne néhány változtatást végrehajtani a letöltött sablonon.

Hogyan lehet testreszabni egy WordPress sablont?

Emlékszünk rá, hogy a statikus oldalakon a megjelenés testreszabásához csak meg kell nyitnunk a kívánt oldalt, mondjuk az index.html-t és a hozzá kapcsolódó css fájlokat egy szövegszerkesztőben (vagy html szerkesztőben), és egyszerűen elvégezzük a szükséges változtatásokat az oldal kódja.

De weboldalunk CMS WordPress oldalain dinamikus, azaz a szerver generálja őket egy PHP program segítségével, közvetlenül a böngésző felhasználói kérésére. Más szóval, nem tudunk csak úgy átvenni és megváltoztatni egy kész oldalt, mert... nincs kész oldal :)

De egy ilyen dinamikus oldalnak megvan a maga szerkezete, amelynek ismeretében módosíthatja a beállításait. Nem vagyok PHP szakértő, és nem is szándékosan tanulmányoztam, de egy WordPress sablon testreszabásához általában nem kell mély tudás, elég lesz egy kicsit elmélyedni a témában, szóval ne ijedj meg )

Miből áll a WordPress téma?

Főleg php fájlokból, css fájlokból, képekből és a témában használt szkriptekből. Mindezek a fájlok a mappában találhatók \wp-content\themes\a_téma_neve\

A php fájlok listája, valamint a téma fő css stílusa is megtekinthető az adminisztrátorhoz lépve. panelt a Tervezés - Szerkesztő lapra, ott is szerkesztheti őket. Komoly változtatásokhoz azonban a használatát javaslom Jegyzettömb++ sokkal könnyebbé teszi a kóddal való munkát. Mentéskor ne felejtse el a fájl kódolását utf_8-ra állítani

Példaként a témám felépítését fogom megnézni; az Ön adatai eltérhetnek, de azt hiszem, megérti az általános elvet.

Ezen a képernyőképen a témát 4 feltételes komponensre osztottam fel, melyek generálásáért a saját php fájlok a felelősek. Nagyon hasonlít a statikus oldalak blokkmodelljéhez, ugye. Van azonban néhány árnyalat.

Webhely fejléce.

A fájl felelős a szabványos témák fejlécéért header.php A fejléc általában olyan elemeket tartalmaz, mint a menü, a webhely címe, logók, szalaghirdetések, és tartalmazhat navigációt, keresést, diavetítést stb. Minden a konkrét sablontól függ. Doctypes, metas és egyéb címkeértékek is oda vannak írva. html oldalak.

Központi téma

  • 404.php amely a 404-es hibaoldal megjelenítéséért felelős.
  • archívum.php amely az archívumokkal, például kategóriákkal, címkékkel, naptárral stb. rendelkező oldalakért felelős.
  • index.php- A webhely kezdőlapja
  • oldal.php felelős az „Oldalak” oldal megjelenítéséért, elnézést a szójátékért) akkor látod, ha felül kattintasz a „Szerzőről”, „Webhelytérkép” „Vendég” stb.
  • single.php felelős egy adott bejegyzés megjelenítéséért, például ahhoz, amit éppen olvas :)
  • megjegyzések.php nem nehéz kitalálni, hogy felelős a megjegyzésblokkért
  • legutóbbi megjegyzések.php legutóbbi hozzászólások
  • stb.

Oldalsáv

Felelős blogunk oldalsó rovatának kimenetéért sidebar.php . Egyes témákban több is lehet, de nekem van egy. Az oldalsáv az oldal fontos része, általában widgeteket, bannereket, navigációt és egyéb hasznos információkat tartalmaz, amelyeknek mindig láthatónak kell lenniük a látogató számára, függetlenül attól, hogy melyik oldalon nyitja meg az oldalt. A témámban az oldalsávban is van keresés. search.phpÉs searchform.php felelősek a keresésért és minden, ami azzal kapcsolatos.

Webhely lábléce

lábléc.php felelős az oldal alsó részének - a lábléc - megjelenítéséért. Általában vannak szerzői jogok, információk az alkotókról és tervezőkről, pultok stb. időnként olyan oldalfunkciókat helyeznek el ott, amelyek nem az oldal felső részeibe kerültek, hogy ne vonják el a látogató figyelmét.

Külön áll függvények.php felsorolja a webhely különféle funkcióit, beleértve azokat is, amelyek csak a rendszergazda számára érhetők el.

Ahogy észrevette, oldalunk minden oldalának van lábléce, fejléce és oldalsávja, bárhová is megy. És csak a fő tartalom tartalma változik folyamatosan, ez a dinamikus oldalak lényege.

Remélem, most általánosságban vagy megértse a sablon szerkezetét, és ha szeretne valamit eltávolítani, vagy éppen ellenkezőleg, hozzáadni valamit, tudni fogja, hol keresse a megfelelő elemet)

A poszt elég hosszúra sikerült, szóval... CSS stílusok témák és képek I. Itt látni fogjuk, hogy a Firebug hogyan teszi könnyebbé az oldalkóddal való munkát.

A téma meglehetősen nehéz egy kezdő számára, ezért ha kérdése van, vagy valami nem világos, akkor ne habozzon kérdéseket feltenni a megjegyzésekben.

Ma a témák WordPress-re való telepítésének módjairól szeretnék beszélni. Hiszen egy blog létrehozása és alapbeállítása után mindenképpen olyan erőforrást kell készítenünk, ami nem hasonlít a többihez, vagy valamiféle csavarral, de hogyan kell ezt megtenni? Természetesen a téma beállítása. De lehetőleg legyen egyedi, bár használhatunk szabványos WordPress sablonokat vagy témákat is, amelyek az interneten megtalálhatóak, szabadon elérhetőek, illetve vásárolhatunk blogsablont is. De a legjobb megoldás egy egyedi sablon, amivel senki más nem rendelkezik, mert oldalunk témája az arca, amelyre a látogató emlékszik és felismerheti többek között a blogunkat. És ha szabványos vagy gyakran használják sok erőforráson, akkor az erőforrása elveszik a blogok vagy webhelyek sokaságában. Ezért vessünk egy pillantást A témák telepítésének módjai a wp-n.

1. módszer: Telepítsen egy WordPress-témát a WordPress-keresés segítségével.

Először is, a WordPress adminisztrátorában el kell mennie a témák telepítéséhez. Ehhez a menü bal oldalán található egy „megjelenés”, ebben a részben pedig egy „témák” alszakasz. Ma szükségünk van rá, hogy telepítsük a sablont a WordPress-re. Az alszakaszba lépés után két lapot láthat - szükségünk van a másodikra, az úgynevezett „témák telepítésére”.

A kereső segítségével a sablon kiválasztása meglehetősen egyszerű, csak adja meg a szükséges feltételeket, és kattintson a „témák keresése” gombra. Ezzel semmi gond nem lehet. A kattintás után olyan oldalak jelennek meg, amelyeknek meg kell felelniük a kritériumoknak. Mindegyikhez lesz leírás, igaz nem oroszul, de most már a webböngészők is tudnak fordítani, szóval nem lehet probléma sem. Mindegyik sablonnak két lehetősége is lesz, a telepítés és a megtekintés. Vagyis mielőtt végül úgy döntene, hogy telepít egy témát a WordPress-re, lehetősége lesz „megtekinteni” és részletesebben tanulmányozni. És ezt követően döntsön - telepíti-e vagy sem.

A telepítéshez kattintson a „Telepítés” gombra, és erősítse meg a telepítést. Ezt követően megjelenik egy üzenet a sikeres telepítésről, és csak aktiválni kell a WordPress témát.

Ezenkívül a WordPress keresés használatával sablont telepíthet úgy, hogy beír egy kulcsszót, szerzőt vagy címkét a keresési űrlapba. De ez a funkció nem működik túl jól. Használható a pontos név vagy legalább néhány kulcsszó ismeretében a névből.

Ilyen egyszerű, megteheted telepítse a WordPress témát keresés segítségével.

2. módszer: Telepítsen egy WordPress-témát a WordPress adminisztrációs panelről történő letöltésével.

A következő telepítési lehetőség nem bonyolultabb, mint az első. Meg kell találnia a témát az interneten, és le kell töltenie a számítógépére. Kérjük, vegye figyelembe, hogy zip formátumban kell archiválni. Ezután a „témák telepítése” lapon kattintson a „letöltés” ​​gombra.

A telepítéshez ki kell választania a fájlt a megfelelő gomb segítségével. És kattintson a "telepítés" gombra. Ezt követően egy sikerüzenetet fog látni. sablon telepítése a wordpresshez. És már csak aktiválni kell. Ez az, a WordPress témánk telepítve van.

Ezenkívül ezen a lapon („témák telepítése”) láthatja a WordPress által kínált kedvenc, friss és nemrégiben frissített sablonjait.

3. módszer: Telepítsen egy WordPress-témát úgy, hogy témafájlokat tölt fel a tárhelyre.

Először is meg kell találnia egy témát az interneten, és le kell töltenie. Ezt követően, ha archiválva van, akkor ki kell csomagolni. Ezután két lehetőség van: telepítés helyi szerverre és telepítés a tárhelyen található WordPress motorra.

1) WordPress téma telepítése helyi szerverre: A szerverre történő telepítéshez át kell másolnia a téma mappát a témák mappába. A következő útvonalon találhatja meg: C/Webszerverek/home/localhost/www/mappa a telepített wp motorral/wp-content/themes. Másolja a sablon mappát a mappába témákatés indítsa újra a helyi szervert. Ezután lépjen a WordPress adminisztrációs panelre, és a „témakezelés” lapon megtaláljuk a sablonunkat. És kattintson az "aktiválás" gombra. A WordPress sablon telepítve van a helyi szerverre.

2) WordPress téma telepítése a tárhelyre. Ez a használt tárhelytől és az Ön preferenciáitól függ. Az általam használt tárhelyen fel lehet tölteni egy archívumot a kívánt mappába és ott kicsomagolni. Ezután lépjen a „témakezelés” elemre, és aktiválja azt. Minden nagyon egyszerű. De egy gyakoribb módszer egy FTP-kliens, például a FileZilla használata. Ez egy ingyenes FTP kliens az FTP szerverekről való feltöltéshez vagy letöltéshez.

Tehát egy téma tárhelyre való feltöltéséhez le kell futtatnia a programot, és be kell írnia az FTP-vel való munkához szükséges adatokat a gazdagép, felhasználónév, jelszó és port mezőkbe. Az összes kötelező mező kitöltése után kattintson a „gyors kapcsolat” gombra. A jobb oldali ablakban a „távoli webhely” név alatt keresse meg a mappát témákat. A következő útvonalon kell elhelyezkednie: Az Ön domain.ru/public_html/wp-content/themes.

Nyissa meg a mappát, és másolja ide a mappát a témával. Ezt egyszerűen húzással csinálom. Vagyis egyszerűen áthúzom a sablon mappát az FTP kliens jobb oldali ablakában található témák mappába.

A másolás után lépjen a „témakezelés” fülre, és aktiválja a témát.

Íme néhány egyszerű módszer a téma WordPress-re való telepítésére. Remélem minden világos és hasznos volt. Sok sikert a törekvéseidhez.

Igen, és ne felejtsd el folyamatosan fejleszteni magad. A fejlődés felgyorsítása érdekében ajánlok egy videó tanfolyamot: Az online üzlet összes technikai pontja videó formátumban, a videotanfolyamok híres szerzőjétől - Jevgenyij Popovtól.