IMG / PICTURES MAX-WIDTH & MAX-HEIGHT IN CSS

Zona listarii articolelor (content area) pentru majoritatea temelor de WordPress este data de div-urile “content” si/sau “contentleft” (ex: <div id=”contentleft”>) , asta in functie de structura temei. Aceste div-uri din CSS contin linii specifice care dicteaza practic structura de design a website-ului.

MANIPULAREA IMAGINILOR IN CSS – PARAMETRII “WIDTH SI HEIGHT”

SCENARIU: Daca am folosit pentru blog o tema care avea latimea pentru post area de 600px sa ziceam, iar imaginile insetare de noi in articole au fost de dimensiuni care au ajuns in latime pana la 550px, atunci va interveni o problema cand  o sa schimbam design-ul blogului cu o tema grafica care are latimea “content area” mai mica de 550px. In acest scenariu, imaginile din articole care sunt mai mari decat latimea contentului vor tinde sa se duca peste sidebar sau sa iasa in afara ariei de listare. Ar arata urat si ar putea sa afecteze buna functionare a website-ului.
Pentru acest scenariu sunt doua rezolvari. O rezolvare ar fi sa editam articolele si sa schimbam dimensiunile imaginilor. Ar dura mult si ar fi munca anevoioasa, insa ar avea si un mare avantaj fata de metoda a doua (o sa vedeti la final).
A 2a metoda ar fi sa conditionam din CSS latimea maxima la care sa ajunga imaginile care sunt cuprinse de actiunea div-ului “contentleft“. Pentru asta va trebui sa  adaugam in style.css urmatoarele linii.

img max

* max-height este optionala daca doriti sa ajustati doar latimea.

Comparativ cu prima metoda, aceasta este mai rapida, insa imaginile vor fi listate distorsionat. Practic o imagine cu latimea de max-width:600px si inaltimea de max-height:400px, va fi listata la dimesiunile 450px cu 400px. Este o metoda indicata numai pentru blog-urile care au foarte multe articole cu imagini si unde editarea lor ar dura mult timp. Un avantaj ar fi ca imaginile micsorate din CSS sa contina un link catre imaginea cu dimensiunile originale.

Posted in CSS | Tagged , , , , | Leave a comment

Customizare Tag Cloud Widget (font size)

Daca nu dorim sa folosim setarile default ale widget-ului Tag Cloud, atunci va trebui sa facem mici modificari intr-un fisier al WordPress.

In configuratie default, widget Tag Cloud listeaza 45 de etichete (tag-uri) cu marimi intre 8 si 22 px. Marimea foarte mare (de 22) si numarul de 45 de etichete pot afecta designul unui site. Sincer nu gasesc deloc estetice tag-uri scrise cu font de 22px.

wp_tag_cloud

Cum modificam marimea fontului si numarul de tag-uri afisate cu Widget Tag Cloud.

1. Deschidem pentru editare fisierul WordPress : wp-includes/category-template.php.

2. Modificam linia 531 din category-template.php :

function wp_tag_cloud( $args = '' ) {
	$defaults = array(
		'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
		'format' => 'flat', 'separator' => "\n", 'orderby' => 'name', 'order' => 'ASC',
		'exclude' => '', 'include' => '', 'link' => 'view', 'taxonomy' => 'post_tag', 'echo' => true
	);

3. Schimbam valorile functiei wp_tag_cloud“‘smallest’ => 8, ‘largest’ => 22,” si “‘number’ => 45,” si salvam fisierul.

wp_tag_cloud-font size

Pentru ca este un fisier core al WordPress, dupa fiecare upgrade / update de WP acesta va trebui reeditat.

Posted in WordPress | Tagged , , , , , , | Leave a comment

Insert Adsense in WP Category (loop last 3)

Programul Google Adsense nu permite plasarea decat de maxim 3 unitati de anunturi pe pagina.
Pentru cei care doresc sa plaseze 2-3 unitati de anunturi Adsense pe paginile de categorii care contin mai mult de patru articole, este o rezolvare cu ajutorul codului de mai jos:

<?php if ($wp_query->current_post < 3) { ?>
Google Adsense unit.
<?php } ?>

Codul poate fi inserat imediat dupa linia :

 <?php if (have_posts()) : while (have_posts()) : the_post(); ?> 

In acest caz, reclama o sa apara inainte de fiecare titlu al primelor trei articole de pe pagina.

Posted in WordPress | Tagged , , | Leave a comment

Happy New Year 2012!

Happy New Year 2012!

Sarbatori fericite!

Posted in Blog | Tagged , | Leave a comment

In constructie.

Momentan site-ul nostru este in constructie.

Contact: 0749.81.80.81 (Orange) ; 0734.15.00.00 (Vodafone)

Posted in Blog | 1 Comment