Domain-Tárhely.net - Minőségi tárhely és domain szolgáltatás megfizethető áron!
WordPress Design készítés

Saját WordPress sablon készítés 1/7

2010 8. 9.

in WordPress tippek

Vegyük sorra a lépéseket. Én 7 részre bontottam, ime:

  1. Layout, Elrendezés
  2. Fejléc
  3. Index
  4. Komment
  5. Lapszélek, Sidebar
  6. Lábléc
  7. Befejezés

Kezdjük az első résszel – Layout, Elrendezés

Az egyik legjobb dolog a WordPressben, hogy elkülönítheted a weboldalad megjelenését egymástól különálló szekciókra. Például: fejléc header.php, Index index.php, stb. Mielőtt  szétbontanánk designtervünket, előtte szükségünk lesz egy elrendezés tervezetre.

Wordpress elrendezés

Elkészítéséhez, kezd egy üres html fáljal, példának okáért, most egy két oszlopból álló weboldalt építünk.

Nyisd meg kedvenc kód szerkesztő programod, akár notepad-ot, (ajálom az EditPlus-t vagy a Notpad+-t)

Különálló fileokat fogunk létrehozni, elsőként az index.html-t

main

<div> tag CSS ben formálható, “designolható tetszés szerint.

Rendben, ezzel el is kezdhetjük részekre bontani a design tervünket.

  • header.php – a Fejlécet fogja tartalmazni
  • index.php – alap forrás fileunk
  • sidebar.php –  oldallapokat tartalmazza
  • footer.php – lábléc állomány

Másolás beilleszéts funkcióval kezjük el az index.html fileunkban elkészített sablonunkat részekre bontani.

header.php tartalma:

index.php

main

sidebar.php


footer.php

Következő, Második rész – Fejléc

Ha WordPress webportál indításán gondolkozol és biztos helyen akarod tudni, 100%-ban WordPress kompatiblilis tárhelyünkről ide kattintva olvashatsz: WordPress tárhely
Előző cikk:
Következő cikk:
Szólj hozzá!
Virtuális szerver, Linux VPS