Comment ajouter facilement un code QR unique à tous les articles de blog WordPress

Vous pouvez ajouter un code QR unique √† tous les articles de blog WordPress ? Les codes QR sont un excellent moyen de permettre aux utilisateurs mobiles d’utiliser des lecteurs de code QR pour visiter des URL et obtenir des exp√©riences personnalis√©es en un clic.

Ajouter un code QR

Utiliser

l’API Google Chart

pour g√©n√©rer des codes QR uniques pour chaque article de blog WordPress. Saisissez simplement le code suivant dans votre fichier single.php o√Ļ vous souhaitez que le code QR apparaisse.

<img src="http://chart.apis.google.com/chart?cht=qr&chs=150x150&chld=L|4&chl=<?php the_permalink(); ?>" width="150" height="150" alt="QR code" />

Paramètres du code QR

Voici la répartition des paramètres du code QR que vous pouvez modifier

‚Äď appelle l’API Google Chart

cht=qr

choisir d’afficher l’option de code QR

&chs=100x100

demande la taille carrée de 100 px

&chld=L|4

‚Äď appeler le niveau et la marge de correction d’erreur par d√©faut (en lignes). Si vous voulez plus de bordure blanche autour du code, augmentez le 4

&chl=<?php the_permalink(); ?>

appelez pour le permanent du poste unique. Utilisez l’url que vous voulez.

Cela ajoutera des codes QR de taille 100px x 100px √† votre site. Vous pouvez modifier la taille de 100 √† 200 pixels ou la taille de pixel de votre choix selon le mod√®le de votre blog. Mais rappelez-vous que les tr√®s petits codes QR sont difficiles √† lire par de nombreux lecteurs de codes QR.

Donc, pour la page principale, je peux utiliser ceci

http://chart.apis.google.com/chart?cht=qr&chs=200√ó200&chld=L|1&chl=http://www.quickonlinetips.com

Code QR pour QOT

Scannez-le avec votre scanner de code QR et voyez s’il fonctionn

Comment activer les templates de Widget WordPress en 3 étapes faciles


Les widgets WordPress
 sont un moyen incroyable de personnaliser votre blog en plus des plugins wordpress. Comment widgetiser votre th√®me wordpress ? J’utilise une version fortement modifi√©e du th√®me wordpress Blix, qui ne supporte pas les widgets‚Ķ

La premi√®re chose √† savoir est que les widgets font partie du noyau de WordPress depuis WordPress 2.2 et vous n’avez pas besoin d’installer de plugin Widgets pour ajouter des widgets sur votre blog.

√Čtape 1 : Cr√©er functions.php

Aucun fichier de ce type n’existait dans notre th√®me, nous cr√©ons donc simplement un nouveau functions.php et le transf√©rons par FTP dans le dossier du th√®me. Voici exactement ce que vous devez mettre dans le fichier

<?php
if ( function_exists('register_sidebar') )
register_sidebar();
?>

Cela ne fonctionnera que si vous utilisez le balisage par d√©faut de wordpress avec h2 comme titres de la barre lat√©rale et une liste non ordonn√©e comme celle-ci

<ul>
  <li>
<h2>Sidebar Title</h2>
  <ul>
    <li><a href="link1.html">Link 1</a></li>
    <li><a href="link2.html">Link 2</a></li>
  </ul>
  </li>
</ul>

Personnaliser functions.php
Mais nous n’utilisons pas le balisage par d√©faut de wordpress. Pour les avantages du r√©f√©rencement, nous utilisons h4 pour les titres de la barre lat√©rale et n’utilisons pas les listes non ordonn√©es ul et li de cette mani√®re. Ainsi, au lieu du code ci-dessus, nous modifions le fichier function.php de cette mani√®re pour l’adapter √† notre mod√®le wordpress personnalis√©.

<?php if ( function_exists('register_sidebar') ) 
register_sidebar(array( 
'before_widget' => '', 
'after_widget' => '', 
'before_title' => '<h4>', 
'after_title' => '</h4>', 
)); ?>

Les titres de code sont explicites. before_widget et after_widget – nous n’avons pas besoin de code sp√©cial, nous le laissons donc vide. before_title et after_title nous utilisons le h4. Cette modification remplace le balisage par d√©faut et prend d√©sormais en charge notre mod√®le personnalis√©. Vous pouvez le modifier selon le CSS de votre propre site Web.

√Čtape 2 : Ajouter des widgets √† la barre lat√©rale dynamique

Ce code functions.php vous aidera √† widgetiser votre th√®me wordpress et √† prendre en charge une seule barre lat√©rale dynamique. Maintenant, lorsque vous acc√©dez √† votre tableau de bord wordpress sous Pr√©sentation, vous verrez un nouvel √©l√©ment appel√© Widgets.

WidgetWordpress

Dans l’ arrangement de la barre lat√©rale , vous pouvez faire glisser et d√©poser des widgets sur votre barre lat√©rale √† partir de la liste des widgets pr√©install√©s tels que Tag Cloud, messages r√©cents, flux RSS, commentaires r√©cents, calendrier, archives, cat√©gories, recherche, liens facilement.

Types de widgets WordPress

N’oubliez pas d’enregistrer vos modifications et le widget sera mis √† jour. Vous pouvez faire glisser et d√©poser autant de widgets que vous le souhaitez. Cliquer sur le widget fera appara√ģtre un ensemble d’options que vous pouvez modifier pour personnaliser davantage le widget.

√Čtape 3 : Ajouter une barre lat√©rale dynamique au mod√®le

Vous devez maintenant placer un code php dans la barre lat√©rale pour activer une barre lat√©rale dynamique qui fonctionnera pour afficher les widgets enregistr√©s. Collez ce code n’importe o√Ļ lors de la modification de sidebar.php.

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar() ) : ?>
<?php endif; ?>

Enregistrez les modifications et la nouvelle barre lat√©rale affichera d√©sormais vos widgets ! C’est tout ce qu’il y a √† faire.

Voir la barre lat√©rale au travail sur notre tumblelog (c’est-√†-dire des messages r√©cents et un widget RSS !). Allez maintenant chercher de nouveaux widgets √† ajouter √† votre blog.

Comment créer plusieurs barres latérales dynamiques pour les widgets WordPress

√Čtape 1 – Cr√©er plusieurs barres lat√©rales dynamiques

Le code functions.php qui a aid√© √† widgetiser votre th√®me wordpress et √† prendre en charge une seule barre lat√©rale dynamique, doit maintenant √™tre modifi√© (√† l’aide de n’importe quel √©diteur de texte comme le Bloc-notes) pour

prendre en charge plusieurs barres latérales

. Vous vous souvenez que nous avions modifi√© le function.php par d√©faut de

<?php
if ( function_exists('register_sidebar') )
register_sidebar();
?>

au nouveau code ci-dessous pour

prendre en charge notre modèle personnalisé

avec des sous-titres h4 et des listes non ordonn√©es non par d√©faut dans la barre lat√©rale. N’OUBLIEZ PAS que vous devez modifier functions.php pour qu’il corresponde √† votre th√®me wordpress, sinon cela ne fonctionnera pas.

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
?>

Pour prendre en charge plusieurs barres lat√©rales, j’ai simplement besoin de sp√©cifiques que plusieurs barres lat√©rales doivent √™tre utilis√©es et

de les nommer comme je le souhaite

. Dans notre cas, j’utilise Sidebar1, Sidebar2 etc et autant que vous le souhaitez. Le code ressemble maintenant √† ceci –

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array('name'=>'sidebar1',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
register_sidebar(array('name'=>'sidebar2',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
?>

J’ai personnellement √©tendu cette capacit√© √† 6 barres lat√©rales dynamiques sur ce blog . Voici √† quoi cela ressemble en haut du panneau d’administration.


Vous pouvez d√©sormais faire glisser et d√©poser les widgets de votre choix dans diff√©rentes barres lat√©rales et personnaliser les options. N’oubliez pas d’enregistrer les modifications, sinon toute personnalisation sera perdue.

√Čtape 2 ‚Äď Ajouter des barres lat√©rales dynamiques au mod√®le WordPress

Vous devez maintenant placer le code dans le mod√®le de th√®me wordpress o√Ļ vous souhaitez que les widgets wordpress pertinents fonctionnent. Au lieu du code pr√©c√©dent, vous pouvez placer les diff√©rentes barres lat√©rales dynamiques dans diff√©rentes zones du mod√®le.

Le code Sidebar1 ressemble √† ceci

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>

Le code Sidebar2 va comme ceci

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar2') ) : ?>
<?php endif; ?>

Enregistrez le mod√®le et regardez vos widgets en direct. Vous pouvez ajouter de nombreuses barres lat√©rales dynamiques avec diverses combinaisons de widgets et avoir un concept de conception Web vraiment unique.