.
RSS
1Vasaris 2009

Facebook ir Twitter galingas reklamos šaltinis

Kategorija

WordPress

Turbūt jau spėjote pastebėti viršuje įrašo esančias facebook ir twitter ikonėles kurių pagalba pasakysite savo draugams ką šiuo metu skaitote (twitter’yje tai pat ir mane informuosit) ir padarysite reklamėlę man. Užsienio BLOG’uose senai tokie dalykai yra ir reklamavimo šaltinių būdų yra iki 6 (daugiau nematęs). Lietuvoje esu matęs tik 1 facebook nuoroda kuri sugeneruoja įrašo adresa ir leidžia dalintis ja su draugais.

Nuorodų dėka BLOG’o skaitytojų ratas didėja, nes reklama vienu metu gali iškart apsisukti aplink 200 žmonių (twitter), o tai jau yra nemaža reklama. Klausimas: kokia nauda iš to skaitytojui? Realios naudos skaitytojui kaip ir nėra, vienintelė nauda kurią gauna skaitytojas yra tai, kad jis vienu paspaudimu parašo tiksliai ką jis veikia. Aišku skaitytojo niekas neverčia spausti nuorodos, tačiau jeigu jam tai naudinga ir jis mano, kad kiti tai turėtu pamatyti, kodėl gi ne?

Jeigu jau perskaitėt aukščiau esantį tekstą manau reikėtu judėti link to, kad ir Jūs leistumėt savo skaitojams Jus pareklamuot (žemiau esančios nuorodos veikia tik WordPress sistemoje).

Visu pirma noriu pasakyti tiems kurie visiškai nieko nesupranta HTML kalboje – nesijaudinkite viskas labai paprasta ir lengva.

Visu antra norėčiau, kad apgalvotumėte geriausią poziciją ikonoms, kad jos neblaškytu ir kaip nors kitaip nebadytų akių Jūsų skaitytojams. Būtinai turi būti įterpta į įrašo sluoksnį.

Trečia. Rašome kodą Twitter ikonai:

<a href=”http://twitter.com/home?status=@Vardas skaitau tavo įrašą: <?php the_title(); ?> <?php the_permalink() ?> ” target=”_blank”><img src=”img.jpg” /></a>

@Vardas - tai nėra būtinas atributas, tačiau jeigu nori, kad būtum informuotas įrašyk savo Twitter slapyvardį pvz., mano slapyvardis yra “Naujokas” tai aš rašau @Naujokas

skaitau tavo įrašą: - tai laisvai redaguojamas tekstas pvz., užmečiau akį į tavo įrašą:

<?php the_title(); ?> – tai PHP kalbos kodas kuris automatiškai įdės Jūsų įrašo pavadinimą į žinutę. Patartina jį palikti ir neredaguoti.

<?php the_permalink() ?> – taipat PHP kalbos kodas kuris automatiškai įdės įrašo adresą. Visiškai nejudinkite jo. :)

img.jpg - šioje vietoje turėtu būti Jūsų twitter ikonos adresas. Jeigu ikonos tau nereikia, pašalink <img src=”img.jpg” /> ir įrašyk norimą tekstą pvz., Pasidalink įrašu Twitter’yje!

Kai pasidarei savo savo kodą, jį įterpk į savo šabloną.

Ketvirta. Rašome kodą facebook ikonai:

<a href=”http://www.facebook.com/share.php?u=<?php the_permalink() ?> ” target=”_blank”><img src=”img.jpg” /></a>

<?php the_permalink() ?> – PHP kalbos kodas kuris automatiškai įdės įrašo adresą. Visiškai nejudinkite jo. :)

img.jpg - šioje vietoje turėtu būti Jūsų twitter ikonos adresas. Jeigu ikonos tau nereikia, pašalink <img src=”img.jpg” /> ir įrašyk norimą tekstą pvz., Pranešk apie įraša facebook’e!

Na štai, šį kodą tai pat įterpkite į įrašo sluoksnį.

Penkta. Sveikinu leidžiate savo BLOG’o skaitytojams Jus pareklamuoti ir gaunate naudos. :)

Šešta. Laukiu komentarų. :)

P.S. Twitter ir facebook ikonėlės

facebook:

facebook2-48x48facebook-48x48facebook3-48x48

twitter:

twitter-48x48twittermonster-48x48twitter2-48x48twitt-sm

oKomentarų: 10
11Sausis 2009

Didžioji raidė pradžioje teksto [WordPress/Dizainas]

Kategorija

Dizainas     WordPress

Turbūt tikriausiai visi esate matę knygose, kai skyrius pradedamas didžiąją raide. Kad aiškiau būtų parodysiu kaip tai atrodo:

didzioji

Tą patį galima padaryti ir WordPress šablone (maniškiame tai yra). Pvz:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lorem augue, sodales eu, ornare vitae, imperdiet a, nulla. Donec sodales, lectus sit amet porta congue, massa enim imperdiet diam, sed tempor nisl diam nec est. Vestibulum luctus porta libero. Quisque aliquet lorem vitae arcu. Integer dui dolor, sodales in, sagittis.

Na, o dabar kaip tai padaryti:

HTML

Pirmosios “didžiosios” raidės kodas gan paprastas ir aiškus, jame naudojama “span” klasė kuri naudoja keletą eilučių iš CSS šablono. Ji atrodo štai taip:

<span class=“pirmadidzioji”>L</span>orem ipsum dolor sit amet, …

CSS

Float. LygiavimasLaikas nustatyti didžiosios raidės stilių ir dizainą. Visų pirma reikėtu nustatyti tai, kad jūsų raidė būtų vienoje pusėje ir, kad ją apgaubtu jūsų turinys. Viską sutvarkys lygiavimo funkcija “float”:

span.pirmadidzioji{ float: left; /* Jūsų tekstą lygiuos į kairę */ }

Teksto dydis. Dabar reikia nustatyti teksto dydį.

span.pirmadidzioji{ float: left; /* Jūsų tekstą lygiuos į kairę */
font-size: 35px; /* Teksto dydis */
line-height: 35px;
line-width: 35px;
}

Papildomos stiliaus funkcijos. Dabar reikėtu parinkti jūsų teksto stilių ir nustatyti jo spalvą.

span.pirmadidzioji{
float: left; /* Jūsų tekstą lygiuos į kairę */
font-size: 35px; /* Teksto dydis */
line-height: 35px;
line-width: 35px;
font-family: Arial, Verdana; /* Raidės stilius */
border: 1px solid #000000; /* Linija aplink raidę bus juodas ir 1px storio */
color: #000000; /* Teksto spalva bus JUODA */
font-weight: bold; /* Tekstas bus paryškintas */
}

Automatizacija

Kai jau įrašėt papildomą CSS “span” klasės šabloną laikas padaryti taip, kad Jums nereikėtu pastoviai uždėti “span” klasės rankiniu būdu.

Atsidarykite šablono functions.php failą ir įterpkite šį kodą:

function pirmoji_didzioji_raide($content){

    $searchfor = '/>(<a [^>]+>)?([^<s])/';

    $replacewith = '>$1<span class="pirmadidzioji">$2</span>';

    $content = preg_replace($searchfor, $replacewith, $content, 1);

    return $content;
}

add_filter('the_content', 'pirmoji_didzioji_raide');

Štai nuo šiol Jūsų pirmoji teksto raidė bus didžioji.

ĮSPĖJIMAS. Jeigu virš turinio visada talpinate paveikslėlį Jums pirmąją raidę teks padaryti “didžiąją” rankiniu būdu, nes sugadinsit paveikslėlio kodą + neterpkite aukščiau pavaizduoto kodo į functions.php. :)

oKomentarų: 4

Aktyviausi komentatoriai

  • Rimdaugas Rimdaugas