Blog > Schimbă mărimea fontului

Schimbă mărimea fontului

Autor : Alexandru Negrea | 04 Nov 2008 | 14 comentarii.
Pentru noutati ma gasesti pe Twitter| Facebook| Tumblr
Propuneri prin pagina de contact sau la adresa de email alexandru.negrea (la) gmail (punct) com

Când vine vorba de fonturi şi mărimea acestora, pe internet gusturile variază şi nu de puţine ori am primit mailuri in care mi se spunea că fontul de pe blogul meu e prea mic (imposibil de citit), ori prea mare (strică designul). Acum ceva timp am trecut la un Verdana de 12px, cu line-height de 17px, şi oamenii care au observat asta, s-au declarat mulţumiţi. Totuşi, de astăzi poţi observa in dreapta titlului unui articol, in single post, două imagini ce semnifică mărirea, respectiv micşorarea fontului. Cu un simplu click, fontul devine mai mic sau mai mare, in funcţie de gusturile fiecăruia. În felul ăsta toata lumea va fi multumită, pentru că e important ca cititorul să poată parcurge un articol in condiţii optime.

Mulţi dintre voi cunosc procedeul prin care se pot adăuga astfel de butoane pe blog, dar pentru cei mai puţin experimentaţi am şi un mic tutorial :

aici

header.php

<script type="text/javascript" src="http://adresablogului.ro/text.js"></script>

Înlocuieşte “adresablogului.ro” cu adresa blogului tău.

3. Deschide fişierul single.php al temei tale şi adaugă acolo unde doreşti să apară linkurile de mărire/micşorare font, următorul cod :

<a href="javascript:changeFontSize(1)">Măreşte fontul</a>
<a href="javascript:changeFontSize(-1)">Micşorează fontul</a>

Acum poţi schimba mărimea fontului folosind aceste linkuri.

4. Dacă eşti mai pretenţios din fire şi vrei ceva mai estetic, am facut şi un set de imagini ce pot fi folosite in loc de acel text (download de aici) :

Tot ce trebuie să faci e să pui imaginile pe serverul tău, şi să aduci o mică modificare codului de mai sus :

<a href="javascript:changeFontSize(1)"><img src="http://adresa_imaginii_de_mărire.gif" /></a>
<a href="javascript:changeFontSize(-1)"><img src="http://adresa_imaginii_de_micşorare.gif" /></a>

Enjoy!

Etichete: Blogosphere News / Wordpress

Te-ar putea interesa si alte articole

« Concert Maximilian în Gossip

Blogurile de monden din România »

Comentarii (14)

Delia says:

November 4, 2008 at 2:04 pm

bravo. Foarte buna ideea si tutorialul. Helpfull to know chiar daca nu voi aplica imediat

Napster says:

November 4, 2008 at 2:27 pm

Great tip!

Adi Popescu says:

November 4, 2008 at 2:38 pm

Am vrut să fac asta mai de mult dar nu știam cum, merci … sper să-mi iasă ;)

GeorgeJipa says:

November 4, 2008 at 2:49 pm

Chiar util! Sa stii ca se poate adapta foarte usor sub forma unui plugin wordpress, astfel userii nestiutori doar l-ar activa si ar adauga un simplu template_tag in pagina.

Teniescu says:

November 4, 2008 at 3:16 pm

foarte bun. poate o sa bag si eu pe blog. :)

Buddha says:

November 4, 2008 at 3:53 pm

@GeorgeJipa: Dacă te pricepi hai să-l facem. Eventual si cu o pagină de opţiuni in admin. Niste seturi de imagini, ceva (ma ocu eu de asta) :)

Bogdan Epureanu says:

November 4, 2008 at 5:11 pm

Mumtumesc de tip – deja este implementat si pe blogul meu (blog.bogdanepureanu.ro); dar da ar fi foarte fain daca s-ar putea crea ca un plugin pentru ca asa cum este acum atunci cand schimbi tema se pierde totul.

Monica says:

November 4, 2008 at 7:40 pm

Scriptul mi se pare cam în plus.
Mai bine înveţi oamenii să folosească Ctrl cu +(plus) pentru mărire şi Ctrl cu -(minus) pentru micşorare. Se poate folosi pe orice site şi oricând ai probleme cu fontul prea mic sau prea mare.

Buddha says:

November 4, 2008 at 8:21 pm

@Monica: Ştiu, dar am observat că zoomul ăsta de care spui tu nu prea e folosit de nimeni…