WordPress Blog

WordPress sablon oldalsáv nélkül.

2

avagy hogyan készítheted el a saját wordpress sablonod teljes oldal szélességű változatát?

1 lépés:

Hozz létre egy új fájlt a sablonodban pl: nosidebar.php és illeszd be a következő kódot. Mentsd el.

<?php
/*
Template Name: nosidebar
*/
?>

2. lépés:

A megjelenítés/ szerkesztő menüben keresd ki a sablonod és a page.php tartalmát másold a nosidebar.php ba.

Mentsd el. Utána görgess az aljára és töröld ki azt a sort amiben a sidebar.php van. Mentsd el ezt is.

Ekkor a sablonban nincsen oldalsáv.

3. lépés:

Keresd meg a fájl felső részében <div class=”content”> vagy ehez hasonló tartalmat és lenti kódrészletet másold be.

; style=”width:100%”;

A végeredmény így nézzen ki.

<div class=”content”; style=”width:100%”;>

4. lépés

Az oldalak szerkesztőjében a alapértelmezett sablon helyett válaszd a most elkészült teljes szélességű sablont

Kész vagyunk

Facebook hozzászólás:

  1. Methos
    Methos06-07-2010

    Kedves András!

    Az oldal célja nemes, de azért még van mit fejlődni a telepítés és plugin összekattintgatásokon felül, mert ettől az ember még nem lesz se WP szakértő, se fejlesztő. :)

    Hozzászólásom apropója egyébként egy hiba:

    A pontosvesszők helyéből következtetve nem vagy jártas HTML-ben, ugyanis ez így konkrétan hibás. Attribútumok közé nem teszünk pontosvesszőt. Egyedül a style attribútumon belül a különböző tulajdonságok elválasztására használjuk ( … style=”width:100%;height:100%” … ).

    A fenti kód igazából így helyes:

    Csak azért szántam időt erre a kommentre, hogy az egyszerű látogatóknak ne a hibás kódok rögzüljenek, mert bár legyen akármennyire is nemes a tanítási szándék, ha hibás…

    • Methos
      Methos06-07-2010

      A DIV tag-et kidobta a WP, tehát a fentiek helyesen:

      >div class=”content” style=”width:100%”<

Hagyjon üzenetet