nov 11 2009

Videók

Szalánczi Zsolt @ 14:05

Wordpess Install 4:18 from András Urbanczyk on Vimeo.

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

avagy kíváncsi vagy hogyan dobhatod fel 5 perc alatt a legunalmasabb sablont is.

Mire lesz szükségünk?

  1. NextGEN galériára
  2. Diavetítésnél a Image Rotatorra
  3. Fejlécképekre

Hogyan csináld?

  • Hozz létre egy új galériát és töltsd fel a képeket
  • Illeszd be egy bejegyzésbe és mentsd el
  • Nézd meg az oldalad és jobb gomb forrás megtekintése

És keresd meg a következő kódot:

<div class="swfobject" id="so1_1" style="width:874px; height:225px;">

<p><a href="http://www.macromedia.com/go/getflashplayer">Flash lejátszó</a>
 és <a href="http://www.mozilla.com/firefox/">JavaSzkript támogatású</a>
böngészőre van szükség.</p>

</div></div>

<script defer="defer">

var so1_1 = {

        params : {

               wmode : "opaque",

               allowfullscreen : "true"},

        flashvars : {

               file : "http://www.weblapmara.com/wp-content/plugins/
nextgen-gallery/xml/imagerotator.php?gid=1",

               linkfromdisplay : "true",

               shownavigation : "false",

               showicons : "false",

               overstretch : "true",

               rotatetime : "3",

               backcolor : "0x000000",

               frontcolor : "0xFFFFFF",

               lightcolor : "0xCC0000",

               width : "874",

               height : "225"},

        attr : {

               styleclass : "slideshow",

               name : "so1"},

        start : function() {

               swfobject.embedSWF("http://www.weblapmara.com/wp-content/
uploads/imagerotator.swf", "so1_1", "874", "225", "7.0.0", false, this.flashvars,
this.params , this.attr );

        }

}

so1_1.start();

</script>

</div>
A kódot másold a header.php ban a image/header.jpg helyére.

Élvezd!!!

Hogyan használd?

A bővítmény nem csak sexy hanem egyszerűen használható.

Nézzük hogyan konfiguráld:

  • Telepítés után a Beállítások-> Sexybookmarks menüben találod meg.
  • Az első lépés legörgetsz az aljára és beállítod hol jelenjen meg. E nélkül hibaüzenetet kapsz  és elveszted az összes beállításodat.  Fontos!!!
  • A ikonokat a fogd és vidd módszerrel tudod rendezni,  háromnál nevezetesen a Twitter, Yahoo  és Tweetly
    • Tweetternél ha megadjuk a felhasználónevünket akkor közvetlenül a személyes oldalunkra kerülünk kattintás után.
    • Yahoo, Buzz- nál  kategóriát és formátumot  Tudunk választani
    • Tweetly esetében is kategóriákat és itt pluszban címkéket is meg lehet adni
    • itt tudod eldönteni hogy új ablakban nyíljanak a linkek és hogy nofollow linkek legyenek -e
  • végezetül a megjelenés tudjuk módosítani.

Elég a sok elméletből ami hátra van

Használd, szeresd és elvezd!

Leave a Reply