Adauga clase pentru browserul si sistemul de operare al utilizatorilor in WordPress

Cand lucrezi la dezvoltarea unei teme wordpress, de multe ori vei avea nevoie de informatii legate de sistemele de operare si browser-ele pe care le folosesc utilizatorii tai, pentru a lucra cu usurinta si pentru a putea efectua anumite modificari in tema la care lucrezi. Aspecte ale CSS si jQuerry pot fi mai usor modificate in momentul in care ai toate aceste cunostinte.

WordPress poate face asta pentru tine, adica poate colecta toate aceste date iar in acest articol, vom invata mai multe despre modul in care o face si despre cum poti implementa acest cod in body class-ul wordpress.

In mod default, wordpress va genera mereu diferite clase css pentru fiecare sectiune in parte a site-ului tau. Deasemenea, ele va pune la dispozitie anumite filtre astfel incat cei care se ocupa cu dezvoltarea sau modificarea temelor si plugin-urilor wordpress sa isi poata realiza propriile clase. Pentru a efectua modificarile despre care vorbeam mai sus, vom folosi filtrul numit body_class pentru a adauga informatii legate de sistemul de operare si browserul utilizatorilor ca informatii CSS class.

Pentru inceput, trebuie sa mergeti la fisierul functions.php al temei si sa adaugati codul de mai jos.

function mv_browser_body_class($classes) {
        global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
        if($is_lynx) $classes[] = 'lynx';
        elseif($is_gecko) $classes[] = 'gecko';
        elseif($is_opera) $classes[] = 'opera';
        elseif($is_NS4) $classes[] = 'ns4';
        elseif($is_safari) $classes[] = 'safari';
        elseif($is_chrome) $classes[] = 'chrome';
        elseif($is_IE) {
                $classes[] = 'ie';
                if(preg_match('/MSIE ([0-9]+)([a-zA-Z0-9.]+)/', $_SERVER['HTTP_USER_AGENT'], $browser_version))
                $classes[] = 'ie'.$browser_version[1];
        } else $classes[] = 'unknown';
        if($is_iphone) $classes[] = 'iphone';
        if ( stristr( $_SERVER['HTTP_USER_AGENT'],"mac") ) {
                 $classes[] = 'osx';
           } elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"linux") ) {
                 $classes[] = 'linux';
           } elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"windows") ) {
                 $classes[] = 'windows';
           }
        return $classes;
}
add_filter('body_class','mv_browser_body_class');

Prima parte din script va fi capabila sa detecteze browser-ul utilizatorilor si sa adauge informatiile obtinute in $classes. Ultima linie va folosi filtrul body_class al WordPress pentru a adauga clase.

Acum va trebui sa adaugi blody class in tag-ul HTML <body> al temei, in header.php. Trebuie sa inlocuiesti linia body in template cu acest cod:

<body <?php body_class(); ?>>

Daca vei lucra cu o tema de starter cum ar fi underscore sau vei folosi o tema codata bine in theme frameworks cum ar fi Genesis, atunci tema ta va avea deja functia body class in body tag. Odata ce codul va fi implementat, vei vedea toate informatiile legate de browser-e si sisteme de operare cu body tag in sursa HTML.

Speram ca v-am fost de ajutor!

SEO si Semantic HTML

De ce ar trebui sa folosesc Semantic HTML?

Pentru ca SEO si Semantic HTML-ul sunt prieteni foarte buni. Ar putea sa aiba deseori conflicte de interese insa per total, sunt prieteni. Scopul SEO este sa ajute motoarele de cautare sa inteleaga mai bine o pagina si sa o vada mai bine. De vreme ce un spider al unui motor de cautare are mai putine capacitati decat un screenreader, are nevoie de mai multa ghidare pentru a determina scopul, structura si subiectul unei pagini. Semantic HTML pune la dispozitie acea structura.

Semantic HTML incearca sa explice sensul prin cuvintele si tag-urile de pe o pagina. Incearca sa vezi acest lucru in felul urmator: continutul unei pagini sunt cuvintele pe care le vorbesti. Tag-urile pun la dispozitie structura, intonatia, pauzele si chiar aspectul articolului. Practic, tagurile sunt jumatate din mesaj.

Structura site-ului

Structura site-ului trebuie sa puna la dispozitie motoarelor de cautare un mod clar in care sa descopere ce pagina a site-ului tau vorbeste despre un anumit subiect. Acest lucru poate fi inbunatatit prin Semantic HTML.

Structura Paginii

O pagina consta dintr-un titlu, unul sau mai multe headings si continut. Acest continut poate fi paragrafe de text, liste, citate, imagini si tabele. Toate aceste tipuri de informatie au propriile tag-uri.

Headings, de la h1 la h6

Un document bun are headings si subheadings pentru ca aceste headings fac mai usoara determinarea subiectului unei pagini. Aceste headings pornesc de la h1 la h6.

Imaginile

Singura variabila semantica in cazul imaginilor este atributul alt si ar trebui folosit daca imaginea adauga inteles articolului.

Tabele

Iata cum poti sa-ti imbunatatesti valoarea semantica a tabelelor:

-foloseste th (table headings) pentru fiecare tabel

-daca poti, foloseste sectiunile thead, tbody si tfoot pentru a sectiona corect tabelul tau

-pune la dispozitie o descriere a tabelului

Prin folosirea semantic HTML poti crea pagini mult mai accesibile atat pentru persoane cu dizabilitati cat si pentru motoarele de cautare!

Cum sa eviti publicarea accidentala in WordPress

Ai publicat vreodata din greseala un articol pe blogul tau? Se poate intampla oricui. Chiar si cei mai experimentati bloggeri au apasat macar odata, din greseala, butonul publish. Recent, am gasit o modalitate de a evita publicarea automata a unui articol in wordpress si astazi voi impartasi cu voi aceasta metoda.

Publicarea accidentala a unui articol poate deveni o problema majora in momentul in care ai automatizat procesul de publicare a articolelor in social media sau cel de trimitere a noutatilor catre abonati. Pana cand realizezi ca ai facut o greseala, articolul este deja distribuit in retelele sociale si trimis la abonati si chair indexat de motoarele de socializare. Daca vrei sa eviti asta, urmeaza tutorialul.

Prima data va trebui sa instalati plugin-ul Publisher Confirmation. Plugin-ul functioneaza din prima si nu necesita nici o configurare separata.

Warning dialog box

Acum, de fiecare data cand apasati butonul Publish, plugin-ul va afisa o casuta de dialog ce intreaba „Are you SURE you want to publish this post?”. Apasa OK daca esti gata sa publici articolul sau Cancel daca ai dat click din greseala pe butonul Publish.

Plugin-ul Publish Confirmation nu a mai fost actualizat de peste doi ani. Asta nu e o problema in conditiile in care el functioneaza foarte bine cu ultima versiune de wordpress, WordPress 3.8.1 si probabil nu are nevoie de un update. Totusi, intelegem ca anumiti utilizatori ar putea fi enervati de folosirea unui vechi plugin. Ei bine, de vreme ce conceptul din spatele plugin-ului e destul de simpu, poti sa il implementezi singur, cu ajutorul codului de mai jos introdus in fisierul functions.php al temei:

// This is the confirmation message that will appear.
$c_message = 'Are you SURE you want to publish this post?';

function confirm_publish(){

global $c_message;
echo '<script type="text/javascript"><!--
var publish = document.getElementById("publish");
if (publish !== null) publish.onclick = function(){
	return confirm("'.$c_message.'");
};
// --></script>';
}
add_action('admin_footer', 'confirm_publish');

 

Cum sa modifici culorile panoului de admin in WordPress 3.8

Versiunea de WordPress 3.8 introduce o intreaga noua structura a panoului de administrator. Noul design este modern, interesant si mult mai practic. Cu toate acestea, in cazul mai multor utilizatori a intervenit un neajuns si anume culoare intunecata.

Ei bine, daca nici tu nu esti un fan a unei scheme de culoare intunecata, acum ai mai mult noroc. In mod default, noua versiune de wirdpress vine cu 8 scheme diferite de culoare. In acest articol invatam impreuna cum sa schimbam schema de culoare pentru panoul administratorului in WordPress 3.8.

Daca vreti sa schimbati schema de culoare, e mai mult decat simplu. Tot ce trebuie sa faceti este sa mergeti la Users >> Your Profile in panoul de admin WordPress. Acolo veti gasi un total de 8 scheme diferite de culoare.

Default admin color schemes in WordPress 3.8

Aveti in primul rand default-ul ce combina negru, gri si doua nuante de albastru. Urmeaza schema Light care are doua nuante de gri, portocaliu si albastru.

Mai departe gasiti Blue si da, este realizata numai din nuante de albastru, 4 la numar. Interesanta pare si schema Coffe cu 3 nuante de crem si un verde pal. Ectoplasm aduce doua nuante de mov alaturi de verde si portocaliu.

In schema midnight predomina contrastul cu negru, un gri inchis, albastru deschis si rosu aprins. Schema ocean are 4 nuante de albastru spre gri. Schema Sunrise este cea mai aprinsa cu 2 nuante de rosu aprins, portocaliu si verde.

Ei bine, acum ca de la o singura schema de culoare puteti alege sa folositi pe putin cate una pentru fiecare zi a saptamanii, de ce sa nu folosesti si mai multe?!

Pentru a adauga si mai multe scheme de culoare, va trebui sa instalati si sa activati plugin-ul Admin Color Schemes. Dupa activare plugin-ului, doar mergeti la Users >> Your Profile si veti putea vedea 8 scheme aditionale de culoare de unde puteti alege.

Adding more admin color scheme choices in WordPress 3.8

Cum sa afisezi articolele saptamanii trecute in WordPress

Multi utilizatori ai platformei WordPress incep sa-si modifice temele. Totusi, pentru utilizatorii noi, apar o multime de provocari. Una din ele este si cea prin care se pot afisa articolele saptamanii trecute in WordPress. Cineva doreste sa adauge pe pagina principala o sectiune care afiseaza articolele de saptamana trecuta. In acest articol vom invata cum putem fac acest lucru.

Inainte sa vedem cum sa afisam articolele saptamanii trecute, haideti sa vedem cum putem afisa posturile saptamanii in curs folosind WP_Query. Copy paste la urmatorul cod in fisierul functions.php al temei curente.

function wpb_this_week() { 
$week = date('W');
$year = date('Y');
$the_query = new WP_Query( 'year=' . $year . '&w=' . $week );
if ( $the_query->have_posts() ) : 
while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
    <h2><a href="<?php the_permalink(); ?>" title="Permanent link to <?php the_title(); ?> "><?php the_title(); ?></a></h2>
	<?php the_excerpt(); ?>
  <?php endwhile; ?>
  <?php wp_reset_postdata(); ?>
<?php else:  ?>
  <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif;
}

In codul exemplu de mai sus, gasim prima data saptamana curesnta si anul. Folosim mai apoi aceste valori in WP_Query pentru a afisa articolele din saptamana curenta. Acum tot ce trebuie sa facem este sa adaugam <?php wpb_this_week(); ?> in fisierul temei, unde vrem sa afisam aceste posturi.

Simplu nu-i asa? Acum, tot ce trebuie sa facem pentru a afisa articolele saptamanii trecute este sa adaugam -1 la valoarea saptamanii. Totusi, daca este prima saptamana din an, vei primi 0 pentru saptamana si anul curent in loc de anul viitor. Iata cum poti rezolva aceasta problema.

function wpb_last_week_posts() { 
$thisweek = date('W');
if ($thisweek != 1) :
$lastweek = $thisweek - 1;   
else : 
$lastweek = 52;
endif; 
$year = date('Y');
if ($lastweek != 52) :
$year = date('Y');
else: 
$year = date('Y') -1; 
endif;
$the_query = new WP_Query( 'year=' . $year . '&w=' . $lastweek );
if ( $the_query->have_posts() ) : 
while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
    <h2><a href="<?php the_permalink(); ?>" title="Permanent link to <?php the_title(); ?> "><?php the_title(); ?></a></h2>
	<?php the_excerpt(); ?>
  <?php endwhile; ?>
  <?php wp_reset_postdata(); ?>
<?php else:  ?>
  <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif;

}

In codul de mai sus am plasat doua verificari. Prima verificare seteaza valoarea saptamanii trecute la 52 (care este ultima saptamana din an) in timp ce valoarea saptamanii curente este 1. A doua verificare seteaza valoarea anuluil la anul trecut cand valoarea ultimei saptamani este 52.

Pentru a afisa articolele saptamanii trecute, tot ce trebuie sa faci este sa adaugi <?php wpb_last_week_posts(); ?> in fisierul temei tale, acolo unde vrei sa le afisezi.

Deasemenea, daca vrei sa ai un cod scurt pentru a putea adauga posturile saptamanii trecute intr-un widget sau intr-o pagina, pur si simplu adaugi urmatoarea linie la codul de mai sus:

add_shortcode('lastweek', 'wpb_last_week_posts');

Cum sa-ti promovezi blogul – Partea I

Astazi tot mai multi oameni aleg mediul online pentru diferite activitati: entertainment, gaming, socializare, promovare etc. O multime de bloggeri isi fac aparitia in mediul online romanesc si pentru multi dintre ei, o problema mare o reprezinta realizarea unei anumite autoritati pentru ceea ce fac.

Astazi vom incerca sa descoperim cateva metode de promovare, numai bune pentru toti acesti bloggeri care scriu nu pentru bani ci mai degraba pentru placerea de a-si exprima opiniile intr-un mediu cat mai liber unde nimeni nu-i trage la raspundere pentru fiecare cuvant pe care il spun.

Multi bloggeri, renunta adesea din lipsa de vizitatori fideli, persoane cu care sa interactioneze si alte motive de acest gen. Sa razbati printre cei peste 20.000 bloguri romanesti poate fi astfel o adevarata provocare.

Ei bine, daca inca nu ai renuntat si ai ajuns aici, ai face bine sa fii atent la randurile urmatoare. Metodele de promovare pentru blogul tau sunt mai mult decat ai putea crede.

Fiecare din noi e bun intr-un domeniu si atunci cand incepem sa si scriem pe acel domeniu ne consolidam si mai mult cunostintele. Astfel, o foarte buna metoda de promovare o reprezinta blogurile cu autoritate de pe domeniul tau.

Da, stiu, nu vrei sa platesti pentru un banner sau pentru o mentionare intr-un astfel de blog insa poti face altceva. Poti alege sa scrii un articol pe site-ul unui blogger cunoscut in domeniul tau.

Ai putea mirati cate persoane sunt dispuse sa-ti publice articolul tau pe site-ul/ blogul lor. Bineinteles, pentru ca acest lucru sa se intample e nevoie de munca si perseverenta. Nu poti publica orice articol comul ci trebuie sa gasesti o noutate pe care sa o dezbati cu atentie.

Daca realizezi un astfel de articol si gasesti un blogger dispus sa il publice, cititorii lui vor deveni eventual si cititorii tai si iti vei consolida imaginea unei persoane serioase pe un anumit domeniu.

Copyright Promovare SEO 2021
Tech Nerd theme designed by Siteturner