Sablonok (template-ek), a webszerkesztés alapjai, mobilbarát WordPress

Mostanában, hogy WordPress-szel kezdtem honlapokat gyártani, több ingyenes sablont is kipróbáltam, és használok is a mai napig. Emlékszem, hogy 20 éve is már külön “generáltuk” a fejlécet és a láblécet. Ma még részletesebb lett a kép, de a lényeg aligha változott.

Az általánosan használt “layout“, azaz elrendezés az alábbi ábrán látható. A fejléc általában valami háttérképet és címfeliratot tartalmaz. A láblécben a copyright infó kerül, illetve az impresszum vagy egyéb linkek. A menüsor önmagáért beszél, nem részletezem. Beszélhetünk még a jobb oldali oldalsávról (sidebar) – ez lehet két oldalas is, esetleg baloldali. Ebben az oldalsávban vannak a widgetek. Mindenféle egyéb tartalmi elem; keresés, népszerű oldalak, friss hírek, etc. Ide kerülhetnek be bizonyos bővítmények (plugin-ok) is, pl. a “my calendar” eseménynaptár widget is. Végül, de nem utolsó sorban a WordPress alapvetően blog-oldalakhoz lett kitalálva – noha tud akár webshop-ot is -, ezért a tartalom részbe a bejegyzések (a post-ok) kerülnek. 🙂

Hegypásztor oldalunknak megfelelő sablont kell válasszunk a sok-sok lehetőség közül. Az adminisztrátori (2-es) vagy a szerkesztői (3-as) oldalon találunk menüpontot az alapbeállítású sablon (Twenty Nineteen) lecserélésére.

Rákerestem az “Új hozzáadása”, “Sablonok keresése” alatt a “sidebar” kifejezésre, majd kiszúrtam egy “Coality” nevű sablont, ami akár jó is lehet.

Ennek a sablonnak van egy “Elixar” nevű szülő sablonja. Mindkettő ingyenes, GNU (General Public License v3) licensszel rendelkezik, tehát szabadon másolható és módosítható is. 🙂 Ráadásul jó desktop gépre, tablet-re és okostelefonra is!

Telepíteni nem triviális. Mindkettő “.zip” archívját le kell tölteni, és három dologra kell odafigyelni. A “wp-content/themes” könyvtár alá kell bemásolni őket.

  1. A szülő téma style.css-ében hogy van a téma név? “Theme Name: Elixar” – kis és nagybetű számít!
  2. A gyerek téma könyvtárneve szülő-gyerek formában kell legyen a “themes” könyvtárban!
  3. Mi van a gyerek téma style.css fejlécében (“Template: Elixar”)? Pont úgy kell elnevezni a szülő téma könyvtárát!

Beidézem a vonatkozó könyvtárlistát. 🙂

gvamosi@gergo1:/var/www/html/hegypasztor/wp-content/themes$ l
total 4644
-rw-r--r-- 1 gvamosi gvamosi 1085129 Oct 9 05:10 coality.1.0.5.zip
drwxr-xr-x 10 gvamosi gvamosi 4096 Sep 24 11:54 Elixar
-rw-r--r-- 1 gvamosi gvamosi 3641465 Oct 9 05:11 elixar.2.8.zip
drwxr-xr-x 7 gvamosi gvamosi 4096 Sep 16 13:02 Elixar-Coality
-rw-r--r-- 1 gvamosi gvamosi 28 Jun 5 2014 index.php
drwxr-xr-x 8 gvamosi gvamosi 4096 Sep 5 11:36 twentynineteen
drwxr-xr-x 5 gvamosi gvamosi 4096 Sep 5 11:36 twentyseventeen
drwxr-xr-x 7 gvamosi gvamosi 4096 Sep 5 11:36 twentysixteen

Innentől már csak be kell kapcsolnunk a Coality témát az adminfelületen. 🙂

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés /  Módosítás )

Google kép

Hozzászólhat a Google felhasználói fiók használatával. Kilépés /  Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés /  Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés /  Módosítás )

Kapcsolódás: %s