de Alexandru Popescu | Tips & Tricks |
Principalul dispozitiv folosit pentru a naviga este telefonul mobil, adică celularul. Una din caracteristicile acestuia reprezintă ușurința de a trece de la navigarea pe web, la efectuarea unui apel telefonic, nu-i așa? Dacă sunteți aveți o firmă, sau sunteți o persoană publică, datele de contact, printre care și numărul sau numerele de telefon, nu pot lipsi. Un număr de telefon scris simplu într-un text, printre alte date, este exact ceea ce este orice alt număr: o bucată de text. Pentru ca un vizitator, posibil client, să apeleze acel număr trebuie, fie să-l memoreze, fie să-l noteze, fie să-l selecteze și apoi să-l copieze la contacte. Complicat. Așadar, cum facem ca vizitatorul site-ului, posibilul client, să poată forma acel număr printr-un simplu clic?
Număr de telefon clicabil în WordPress
Metoda este simplă și constă din trei pași:
- scriem numărul de telefon în locul dorit
- selectăm numărul și facem clic pe butonul de link (mai jos cele două variante, pentru editorul cu blocuri și pentru cel clasic)
- în câmpul de link scriem tel:numărul de telefon, fără spații
- salvare
Cum arată câmpul într-un editor de blocuri:
Câmpul într-un editor clasic:
Rezultatul arată astfel:
Număr de telefon clicabil
Dacă aveți un alt tip de site, sau vreți să scrieți datele de contact direct în fișierele din temă, sau printr-o metodă în functions.php, atunci trebuie să scrieți acest simplu cod:
<a href="tel:073077553">Telefon de contact: 0730-177.553</a>
În acest fel, vizitatorii vă pot suna imediat, printr-un simplu clic.
Mult succes!
de Marius Bradu | Tips & Tricks |
Dacă doriți să ascundeți comentariile sau formularul de comentariu, fie pe un site nou, fie pe unul vechi, acest tutorial vă va prezenta setările necesare. Am împărțit materialul în două părți mari. În prima parte, și cea mai scurtă, dacă site-ul este nou și nu aveți încă articole. În a doua parte dacă site-ul este vechi și doriți să nu mai permiteți comentarii sau să ascundeți comentariile.
Setările sunt prezentate și pentru setările inverse. Pornind de la cazul în care vreți să faceți să apară formularul de comentarii pe un site vechi.
(mai mult…)
de TutorialeWP | Tips & Tricks |
Mai ales în cazul blogurilor cu mai mulți autori, sau la ziarele online, se practică afișarea autorului articolului curent, eventual și a altor date personalizate, cum ar fi adresele paginilor de socializare, de streaming, blogul personal și altele. Toate aceste date ce însoțesc autorul se introduc din editarea utilizatorilor.
În imaginea de mai jos este doar o parte din formularul de la editarea autorului:
Pentru afișarea acestor meta date se folosește metoda: get_the_author_meta() sau the_author_meta(). Detalii sunt oferite pe paginile lor.
1. Pe noi ne interesează cum am putea folosi aceaste metode în cadrul paginii, deci a buclei de interogare și nu în afara ei. Dacă se dorește aplicarea metodelor în afara buclei, trebuie specificat și id-ul paginii.
get_the_author_meta( 'nicename' );
get_the_author_meta( 'email' );
get_the_author_meta( 'url' );
get_the_author_meta( 'status' );
sau, specificând id-ul paginii:
$autor_id = get_the_author_meta( 'ID' );
get_the_author_meta( 'nicename', $autor_id );
get_the_author_meta( 'email', $autor_id );
get_the_author_meta( 'url', $autor_id );
get_the_author_meta( 'status', $autor_id );
2. În afara buclei, codul ar fi:
global $post;
$autor_id = $post->post_author;
get_the_author_meta( 'nicename', $autor_id );
get_the_author_meta( 'email', $autor_id );
get_the_author_meta( 'url', $autor_id );
get_the_author_meta( 'status', $autor_id );
Se obțin astfel informațiile despre autor.
Cum folosim aceste date?
Un cod complet de afișare a informațiilor de despre autor, mai jos:
<div class="author-content">
<h5><?php the_author_posts_link(); ?></h5>
<?php the_author_meta( 'description' ); ?>
<?php if ( get_the_author_meta( 'user_url' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="<?php the_author_meta( 'user_url'); ?>"><?php penci_fawesome_icon('fas fa-globe'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'facebook' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="http://facebook.com/<?php echo esc_attr( the_author_meta( 'facebook' ) ); ?>"><?php penci_fawesome_icon('fab fa-facebook-f'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'twitter' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="http://twitter.com/<?php echo esc_attr( the_author_meta( 'twitter' ) ); ?>"><?php penci_fawesome_icon('fab fa-twitter'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'instagram' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="http://instagram.com/<?php echo esc_attr( the_author_meta( 'instagram' ) ); ?>"><?php penci_fawesome_icon('fab fa-instagram'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'pinterest' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="http://pinterest.com/<?php echo esc_attr( the_author_meta( 'pinterest' ) ); ?>"><?php penci_fawesome_icon('fab fa-pinterest'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'tumblr' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="http://<?php echo esc_attr( the_author_meta( 'tumblr' ) ); ?>.tumblr.com/"><?php penci_fawesome_icon('fab fa-tumblr'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'linkedin' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="<?php echo esc_url( the_author_meta( 'linkedin' ) ); ?>"><?php penci_fawesome_icon('fab fa-linkedin-in'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'soundcloud' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="<?php echo esc_url( the_author_meta( 'soundcloud' ) ); ?>"><?php penci_fawesome_icon('fab fa-soundcloud'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'youtube' ) ) : ?>
<a rel="nofollow" target="_blank" class="author-social" href="<?php echo esc_url( the_author_meta( 'youtube' ) ); ?>"><?php penci_fawesome_icon('fab fa-youtube'); ?></a>
<?php endif; ?>
<?php if ( get_the_author_meta( 'email' ) && get_theme_mod( 'penci_post_author_email' ) ) : ?>
<a rel="nofollow" class="author-social" href="mailto:<?php echo esc_attr( the_author_meta( 'email' ) ); ?>"><?php penci_fawesome_icon('fas fa-envelope'); ?></a>
<?php endif; ?>
</div>
Câteva detalii suplimentare
În exemplul de mai sus câmpul description, adică descrierea autorului, se va afișa fără spații între linii. Va curge textul unul după altul. Pentru a păstra spațierea între linii se poate folosi metoda:
În loc de:
<?php the_author_meta( 'description' ); ?>
punem:
<?php echo nl2br(get_the_author_meta('description')); ?>
Un alt exemplu, cum facem adresa de email să fie clicabilă:
<p>Trimite un email:
<a href="mailto:<?php echo get_the_author_meta( 'user_email' ); ?>">
<?php the_author_meta( 'display_name' ); ?>
</a>
</p>
Dacă folosiți metodele de mai sus în afara bculei, de ex. în fișierul functions.php ca parte a unei metode mai generale, atunci nu uitați să adăugați poarametrul ID.
de TutorialeWP | Tips & Tricks |
În WordPress; o Acțiune (Action) este o funcție PHP care se execută în anumite puncte din întregul WordPress Core (nucleul WordPress – programul de bază).
Dezvoltatorii pot crea o acțiune personalizată folosind API-ul Action pentru a adăuga sau elimina cod dintr-o acțiune existentă, specificând orice Hook existent. Acest proces se numește „hooking” („agățare”).
De exemplu: un dezvoltator poate dori să adauge cod la subsolul (footer) unei Teme (Theme). Acest lucru ar putea fi realizat prin scrierea unei noi funcții, apoi prin Hooking la acțiunea wp_footer.
Acțiunile personalizate diferă de filtrele personalizate, deoarece acțiunile personalizate vă permit să adăugați sau să eliminați codul din acțiunile existente. Întrucât filtrele personalizate vă permit să înlocuiți date specifice (cum ar fi o variabilă) găsite în cadrul unei acțiuni existente.
Iată un exemplu real de adăugare a codului de urmărire Google Analytics în partea de jos a fiecărei pagini. Codul trebuie introdus în fișierul functions.php:
function google_analytics_code_footer() {
copiază codul google analytics aici
}
add_action( 'wp_footer', 'google_analytics_code' );
sau se poate pune în header:
function google_analytics_code_header() {
copiază codul google analytics aici
}
add_action('wp_head', 'google_analytics_code_header');
Explicație rapidă despre ce se întâmplă: mai întâi spunem că vrem să definim o nouă „funcție” numită „google_analytics_code” – codul pe care-l plasăm între parantezele de tip acoladă. După ce funcția este definită, acum o putem folosi cu „add_action”, pe care o folosim pentru a spune sistemului că vrem să adăugăm noua noastră funcție, „google_analytics_code”, la acțiunea „wp_footer”.
de Alexandru Popescu | Tips & Tricks |
O problemă des întâlnită de dezvoltatorii de teme WordPress o reprezintă setările implicite. Una, mai ales, e tare neplăcută. La adăugarea unei imagini între paragrafe, la editarea unui articol sau pagini, automat în jurul ei se pune un paragraf, fără clasă, fără id ca să te poți lega de ceva.
<p><img src="imagine.jpg" alt="" /></p>
Eliminarea acestui paragraf se poate face din functions.php folosind o metodă simplă și un filtru pe content:
function filter_paragraph_img($content){
return preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content);
}
add_filter('the_content', 'filter_paragraph_img');
Rezultă o imagine adăugată direct între paragrafele de text. Simplu și eficient.
Comentarii recente