Este creat pe wordpress (Suprizeee ), o tema simpla, doar pentru a afisa fotografiile, un portofoliu simplu, vedem pe parcurs daca vrea si blog, dar cum timpul  lui este chiar mai aglomerat ca al meu, ma indoiesc ca o sa scrie, momentan sunt doar o mica parte din fotografii puse, si acestea doar de test, pe pagina de portofoliu si categoriile individuale, am pus sageti stanga/dreapta pentru o navigare cu usurinta si de pe smartphone-uri, pe iphone 4 se vede excelent.

Nu am facut varianta mobila deoarece nu isi are rostul, fiind un portofoliu merge si asa, probabil cand vor fi foarte multe imagini sa fie o problema, dar vor rezolva atunci.

Va rog vizitati sorinstana.ro si spuneti-va parerea.

Pentru a incarca font-ul Josefin Sans Std Light in site/blog-ul vostru, adaugati codul in head, in general este bine sa-l puneti chiar dupa tagul title, sa fie primul, chiar inainte de incarcarea css-ului vostru, pentru al putea folosi in layout.

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'>

Dupa care nu trebuie decat sa incarcati fontul in clasa sau id cu font-family si totul va perge perfect, fata de varianta sifr, google fonts API este mult mai rapid si mai usor de modificat/adaugat fonturi, nu va recomand totusi mai mult de 2 fonturi, in afara ca da oribil prea multe fonturi, riscati si pagina sa se incarce mai greu.

.clasa { font-family: 'Josefin Sans Std Light', arial, serif; }

Arial-ul dupa este pentru browserele sau device-urile care nu suporta google fonts, cum ar fi iphone, ipad, android, etc.

Mai jos aveti si un video de pe NetTuts, care explica clar cum se poate face si modifica.

<?php if ( is_user_logged_in() ) { ?>//verifica daca utilizatorul este inregistrat, daca este afiseaza codul de mai jos.
//Codul vostru sau modulul
<?php }  ?>//da nu este nu afiseaza nimic

Puteti face si link-uri directe pentru utilizatorii inregistrati, sau link pentru login daca nu sunt logati, ceva de genul:

<?php if ( is_user_logged_in() ) { ?>//verifica daca utilizatorul este inregistrat, daca este afiseaza ce este completat mai jos.
<a href="http://situltau.ro/wp-admin/post-new.php">Adauga un articol nou.</a>
<a href="http://situltau.ro/wp-admin/edit-comments.php">Moredeaza commentariile.</a>
<a href="http://situltau.ro/wp-admin/widgets.php">Adauga sau modifica un widget.</a>
//Si codul poate continua, ati prins idea.
<?php } else { ?>//Daca nu este inregistrat, afiseaza ce este mai jos.
<a href="http://situltau.ro/wp-login.php">Autentificare</a>
<?php }  ?>

O functie foarte folositoare pentru dezvoltare si managment al wordpress-ului, sper ca va ajuta cu ceva.

Dupa cum se poate observa, toate link-urile (aproape toate) sunt cu animatie la mouse-ul peste, se schimba culoarea gradat, meniu de navigare se lasa cativa pixeli in jos, in sidebar am facut cu taburi la categorii, arhiva si link-uri utile, link-urile se misca 20 de pixeli spre dreapta cand mergeti cu mouse-ul peste, la fel si in footer, unde am decis sa las structura de la vechea tema, doar am modificat aranjarea.

Tagurile nu le-am mai lasat jos, le gasiti in sidebar. Am pus si Top commentatori, asa ca cei mai vorbareti de aici vor avea link dofolow, toate link-urile din comentarii vor avea si ele dofolow.

Am sa incep in a posta din ce in ce mai multe articole, insa schimb un pic nisha, am sa postez foarte mult despre wordpress, coding, noutatii, si personale(dar mai rar), sper sa va placa noua tema, eu unul sunt foarte incantat, mai am de modificat la ea, dar o voi face pe parcurs.

Am pus foarte mult CSS3, de aceea nu se va devea calumea in multe browsere, la IE6 am renuntat, asa ca acolo este dezastru, dar daca il folositi va meritati soarta , in celelalte browsere ca IE7,8 am sa rezolv din probleme zilele ce urmeaza.

Pacat totusi că scrie așa rar (eu vorbesc ) ) .

Dacă folosiți wordpress 2.9, pentru a activa Post thumbnail, în tema voastră, căutați functions.php, adăugați codul următor înainte de tagul de închidere php “>” :

if ( function_exists( 'add_theme_support' ) )
add_theme_support( 'post-thumbnails' );

Pentru a obține prima imagine (cod necesar pentru a treia metodă) din articol și a o afișa este necesar următorul cod tot in funcțions.php din temă:

function prima_imagine() {
  global $post, $posts;
  $bloginfo = get_bloginfo('template_url');
  $prima_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
  $prima_img = $matches [1] [0];

  if(empty($prima_img)){ //Adaugă o imagine default pentru articole care nu au nici un fel de imagine.
    $prima_img = $bloginfo.'/images/default-image.jpg'; //calea către imagine, folderul images din tema
  }
  return $prima_img;
}

În cazul în care aveți un alt nume la custom field, redenumiți ‘thumb’ peste tot din codul urmatorul cu numele custom filed-ului care îl aveți. De ținut minte că TimThumb nu merge decât cu imagini găzduite la voi pe server, imagini locale, nu merge cu imagini găzduite pe alte situri sau hosturi de imagini.

Codul cu TimThumb:

<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?> <!--// Încărcăm custom field-ul, trebuie încarcat primul pentru verificarea ulterioară -->

<?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) { ?>
 <!--// Verifică dacă există funcția has_post_thumbnail, și dacă are atașat un thumbnail, valabil pentru WordPress 2.9 + -->

	<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
	<?php the_post_thumbnail('thumbnail'); ?><!--// Dacă are imagine, o afișează -->
	</a>

<?php } elseif ($thumb != '') { ?> <!--// Dacă nu are imagine, caută dacă este încărcat custom field-ul thumb -->

	<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
	<img src="<?php bloginfo('template_url'); ?>/timthumb.php?src=<?php echo($thumb); ?>&amp;h=150&amp;w=150&amp;zc=1&amp;q=80" alt="<?php the_title_attribute(); ?>" />
	</a><!--// Dacă există custom field thumb îl afișează -->

<?php } else { ?> <!--// și dacă nu este nici una de mai sus, caută prima imagine din articol, si o afișează -->

	<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
	<img src="<?php bloginfo('template_url'); ?>/timthumb.php?src=<?php echo prima_imagine() ?>&amp;h=150&amp;w=150&amp;zc=1&amp;q=80" alt="<?php the_title_attribute(); ?>" />
	</a><!--// afișează prima imagine din articol, dacă nu are una, afișează o imagine default. -->

<?php } ?>

Codul fără TimThumb:

<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?> <!--// Încărcăm custom field-ul, trebuie încarcat primul pentru verificarea ulterioară -->

<?php if ((function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) { ?>
 <!--// Verifică dacă există funcția has_post_thumbnail, și dacă are atașat un thumbnail, valabil pentru WordPress 2.9 + -->

	<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
	<?php the_post_thumbnail('thumbnail'); ?><!--// Dacă are imagine, o afișează -->
	</a>

<?php } elseif ($thumb != '') { ?> <!--// Dacă nu are imagine, caută dacă este încărcat custom field-ul thumb -->

	<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
	<img src="<?php echo($thumb); ?>" alt="<?php the_title_attribute(); ?>" />
	</a><!--// Dacă există custom field thumb îl afișează -->

<?php } else { ?> <!--// și dacă nu este nici una de mai sus, caută prima imagine din articol, si o afișează -->

	<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
	<img src="<?php echo prima_imagine() ?>" alt="<?php the_title_attribute(); ?>" />
	</a><!--// afișează prima imagine din articol, dacă nu are una, afișează o imagine default. -->

<?php } ?>

Codul este compatibil cu versiunile mai vechi de wordpress, pentru cei care folosesc custom fields, și iată cum puteți rămâne cu tema pe care o aveți acum pe versiuni de wordpress mai vechi, si in cazul unui update, puteți folosi noua metodă de thumbnails din wordpress 2.9 fară să fiți nevoiți a modifica vechiile articole.
Baftă …