Vegyük sorra a lépéseket. Én 7 részre bontottam, ime:
- Layout, Elrendezés
- Fejléc
- Index
- Komment
- Lapszélek, Sidebar
- Lábléc
- 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.
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
header
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:
header
index.php
main
sidebar.php
footer.php
Következő, Második rész – Fejléc
Kapcsolodó cikkek
Oszd meg a cikket az ismerőseiddel!
Következő cikk: WordPress blog keresőoptimalizálása 2/7
