TaraZa est un thème WordPress tout nouveau, cuvée 2014. Un thème WordPress Simple et Sobre =====> DEMO <==== ==> DOWNLOAD : Téléchargez gratuitement le Thème WordPress TaraLi sur le site officiel de WordPress<== Page d’accueil de votre blog Wordpress paramétrable : Affichage d’un diaporama à deux images avec lien vers une autre page + commentaire Liste des derniers articles publiés. […]
Si votre thème WordPress comporte des élements positionnés en absolute, il y a de grandes chances pour que vous constatiez un décalage de 28px (hauteur de la barre d'administration) dans le positionnement de ces éléments lorsque vous êtes connecté à l'administration WordPress sur votre navigateur et que cette barre supérieure de gestion de l'administration apparaît. Si votre […]
C'est une erreur qui m'est apparu plusieurs fois après une installation d'extension ou changement de thème. Je n'ai jamais vraiment compris l'origine mais voici quelques manips qui pourront vous aider, et qui ont marché pour moi : Si le fichier incriminé est wp-config.php, ouvrez ce fichier avec un editeur de texte tel que Notpad ++ […]
Pour aider les administrateurs de sites WordPress à saisir articles et posts, on peut leur rajouter des commentaires dans les pages d'administrations des posts, post type ou page. Code à ajouter dans le fichier functions.php de votre thème Le code ci dessous rajouter une meta box dans le corps de la fenêtre de saisie des posts function […]
Il est malheureusement souvent nécessaire de mettre en place une feuille de style spéciale pour certains navigateurs qui ne supportent pas les propriétés CSS modernes. Prenons un exemple complètement au hasard, disons que IE répond mal à certaines propriétés CSS et que vous voulez affecter à vos éléments un style particulier lorsque votre site est visualisé sous ce […]
Traduire un thème ou un plugin WordPress, est laborieux mais somme toute assez facile. En utilisant le logiciel poedit, et en remplacant tous vos textes sous la forme : <?php __( 'texte', 'domain-theme' ); ?> vous afficherez votre texte traduit selon la langue choisie dans votre installation WordPress. Vous trouverez plus d'information sur le site […]
Afin d'optimiser son site WordPress, il est bon d'utiliser les déclarations conditionnelles de fichier javascript. Dans le fichier functions.php de notre thème WordPress, nous n'allons déclarer notre script à l'aide de la fonction WordPress wp_enqueue_script, que si nous sommes en train d'afficher une page reliée à un template précis. Ici par exemple, le script contact-form.js […]
Un favicon, c’est le petit sigle correspondant à un site Internet, et qui s’affiche sur l’onglet de votre navigateur. Un favicon est une image dont l’extension est .ico, elle peut être générée par des outils en ligne à partir d’une image jpg ou png. Pour l’afficher sur votre site personnel WordPress, le code suivant doit […]
TaraLi est un thème WordPress tout nouveau, cuvée 2014. Un thème WordPress Simple et Sobre =====> DEMO <==== ==> DOWNLOAD : Téléchargez gratuitement le Thème WordPress TaraLi sur le site officiel de WordPress<== Page d’accueil de votre blog Wordpress paramétrable : Affichage d’un diaporama avec lien + commentaire Affichage de blocs de liens vers un contenu de votre choix. Liste […]
WordPress permet d'afficher un résumé / extrait d'un article grâce à la fonction <?php the_excerpt(); ?> L'extrait affiché représente soit les premiers mots de l'article, soit si on l'a saisit, le champs extrait de l'article. Par défaut ce sont les 55 premiers mots de l'extrait de l'article WordPress qui sont affichés, il est possible de […]
Ca paraît fou, mais j'ai mis du temps à comprendre comment désactiver l'affichage des commentaires dans une page WordPress. J'ai pris l'habitude de régler rapidement le problème en supprimant purement et simplement la ligne d'affichage des commentaires dans le template PHP de la page. Solution radicale, mais pas très propre. Supprimer les commentaires des pages […]
La fonction javascript isNaN(number) est bien utile pour vérifier que vous avez affaire à un nombre. Elle vous renvoie FALSE si vous lui passez un nombre en paramètre et TRUE sinon. Exemple : isNaN(27) renvoit FALSEisNaN(’27’) renvoit TRUEisNaN(‘lsdjfjksh’) renvoit TRUEvar m=27;isNaN(m) renvoit FALSE
Une méthode simple pour récupérer l'adresse URL de la page courante en jQuery : $(location).attr('href'); En javascript, la fonction équivalente est : window.location.pathname;
Créer un ebook à partir d'un fichier pdf avec le logiciel calibre Télécharger le logiciel calibre Cliquez sur le menu "Ajoutez des livres" et sélectionnez votre fichier pdf. Sélectionnez sur le livre que vous venez d'ajouter et cliquez sur le menu "convertir les livres" Une fenêtre apparaît qui vous permet de paramétrer les principales données de […]
Si vous changez le nom de domaine d'un site WordPress, un simple export de la base de données ne vous permettra pas de récupérer la configuration des menus, des widgets et d'éventuelles autres extensions que vous avez intégré. Pourquoi je perds ces informations lors d'un export WordPress ? Ces données stockées en base de données […]
Configuration du serveur : Limiter la taille des fichiers chargés sur le serveur avec le fichier php.ini Le chargement des fichiers sur un serveur, et en particulier la taille des fichiers uploadés, est soumis à plusieurs limitations au niveau de la configuration dudit serveur. Ces paramètres limitatifs sont modifiables dans le fichier php.ini et peuvent […]
Code pour convertir des octets (Bytes en anglais), Ko (kilos-octet), Mo (Méga-octet), Go (Giga-octet) en utilisant Javascript/Ajax. Grossières estimations : Une image pèse entre quelques ko et quelques Mo. Un film pèse entre plusieurs centaines de Mo et quelques Go Formulaire de conversion d’octets A noter que j’ai utilisé le plugin JQuery joliSelect pour styliser l’élément […]
Pour déclarer un fichier javascript ou une image contenus dans un répertoire du thème enfant, il convient d’utiliser la fonction WordPress get_stylesheet_directory_uri(); … et non pas get_template_directory_uri() qui fait lui appel au répertoire du thème parent. Exemple : <script src= »<?php echo get_stylesheet_directory_uri(); ?>/js/mon_fichier.js »></script> De même, TEMPLATEPATH (déprecié ) donne le répertoire du thème parent, alors que STYLESHEETPATH renvoit […]
Trouver la date précédente et la date suivante d’une date au format SQL
Pour sauter des lignes dans le texte des fenêtres d’alerte javascript il faut rajouter les caractères : \n
Pour soumettre un formulaire sur un évenement javascript on utilise la fonction submit() javascript, appliquée sur notre formulaire.Cette technique permet de faire des vérifications sur la validité des champs avant de soumettre le formulaire. Déclaration du formulaire en HTML : Code Javascript : Fonction appelée sur l’évenement onclick de l’input de type button. Le formulaire est soumis sous condition.
Script de création de formulaire pour convertir Bitcoins en Euros ou Dollars Voici un script PHP / HTML / Javascript pour convertir un montant donné en Dollars ou en Euros en montant Bitcoins au taux de conversion en temps réel. Le calcul se fait en allant interroger l’URL officielle https://blockchain.info/ de calcul du taux de conversion bitcoin. […]
Pour vérifier que le format d’une adresse internet est correct en javascript, utilisons les expressions régulières. En paramètres, l’URL a tester, suivi d’un boolean qui détermine si ‘http://’ est facultative ou pas pour valider l’URL.
Méthodes pour déterminer si un élément est visible en JQuery : <script> if ($("#monelement").is(":visible")){alert ("#monelement est visible");} if ($("#monelement").is(":hidden")){alert ("#monelement est caché"); } </script> boucle sur tous les div visibles enfants de l'élement d'id 'monelement' : $("#monelement div:visible").each( function() { });
Si vous tombez sur cette erreur, c'est que la propriété jQuery.browser a été dépreciée dans la version Query 1.9. Pas glop … Cette propriété pourtant bien utile permettait de connaitre l'identité du navigateur ainsi que sa version. Aucun remplacement facile à mettre en place apparemment pour l'instant. Vous pouvez régler le problème en déclarant le plugin jQueryMigrate après […]
jQuery propose quelques méthodes faciles d’utilisation pour ajouter des éléments dynamiquement dans notre code HTML après que la page se soit chargée. Soit notre code HTML : insertAfter : Insérer du code après un autre élément Le paragraphe sera inséré après la balise de fermeture de l’élément ma_classe insertAfter() : Déplacer un élément dans le DOM La […]
Les éléments HTML peuvent être identifiés par un id unique. Un attribut de type identifiant doit commencer par une lettre ([A-Za-z]), suivie d’un nombre quelconque de lettres, chiffres ([0-9]), traits d’union (« -« ), soulignements (« _ »), deux-points (« : »), et points (« . ») Affecter l’identifiant entier de l’enregistrement de ma BDD à un élément HTML Or, il peut être utile […]
Les éléments HTML peuvent être identifiés par un id unique. <div id="mon_id"> </div> Un attribut de type identifiant doit commencer par une lettre ([A-Za-z]), suivie d'un nombre quelconque de lettres, chiffres ([0-9]), traits d'union ("-"), soulignements ("_"), deux-points (":"), et points (".") Affecter l'identifiant entier de l'enregistrement de ma BDD à un élément HTML Or, il […]
Afin de s’assurer que les champs obligatoires d’un formulaire sont bien renseignés, vous pouvez utiliser cette fonction javascript qui vérifie, avant de soumettre le formulaire, que le ou les champs obligatoires sont bien remplis. Code HTML : Création du formulaire Code PHP pour récupérer la valeur du champs après soumission du formulaire : Fonction javascript de […]
Même si les navigateurs présentent une commande pour imprimer la page, le fait d’ajouter une bouton Imprimer sur votre page, peut faciliter l’expérience utilisateur. Code HTML : <form> <input id= »impression » name= »impression » type= »button » onclick= »imprimer_page() » value= »Imprimer cette page » /> </form> Fonction d’impression de page en javascript avec window.print() Code Javascript <script type= »text/javascript »> function imprimer_page(){ window.print(); } </script> […]
Lorsque l'internaute tape une adresse erronée sur votre site Internet, votre serveur l'envoie sur une page d'erreur. Vous pouvez la personnonaliser en créant un fichier 404.html et en le déclarant dans votre fichier .htaccess après la commande ErrorDocument Déclaration de votre fichier 404.php dans le .htaccess ErrorDocument 404 http://memo-web.fr/404.php Votre fichier s'affichera avec votre design […]
On récupère le texte affiché dans un textarea en JQuery avec la fonction val() On peut aussi modifier le contenu grâce à la même fonction val(« mettre du text dans le textarea ») Code HTML : <form> <textarea id= »mon_textarea »> Mon texte ici </textarea> <input type= »button » value= »Afficher le texte » id= »afficher_texte »/> </form> Afficher le texte contenu dans un textarea en JQuery Insérer du […]
Pour afficher une carte google Map sur son site Internet et ajouter des lieux sur la carte (vous savez, ces petits pins plantés dans la carte), nous allons utiliser l’API google Map ainsi que la technologie AJAX. Nous supposeront que les coordonnées GPS des points à indiquer sur la carte sont stockés dans une table […]
Voici un petit tutoriel pour apprendre à afficher sur son site Internet une carte Google Map et y insérer un marqueur de lieu. Le lieu à insérer étant tapé dans un formulaire de recherche sur le site Internet (Voir exemple sur cette page), c’est l’API Google map qui cherche ses coordonnées latitude longitude pour ensuite afficher […]
La fonction suivante permet de sécuriser les données passées par des formulaires ou des URL avant de leur faire subir une requête en base de données.
Mysql permet d'optimiser ses recherches sur les dates des tables de la base de données grâce à des fonctions spécifiques de manipulation de dates : DAYOFWEEK(date) : Renvoie le jour de la semaine (0=dimanche) DAYOFMONTH(date) : Renvoie le jour du mois DAYOFYEAR(date) : Renvoie le jour de l'année MONTH(date) : Renvoie le mois DAYNAME(date) : […]
Il peut être utile de rafraîchir régulièrement et automatiquement une page comme l’affichage d’information en continu par exemple. Il est possible de le faire en HTML grâce à la balise META suivante (à placer à l’intérieur de la balise <HEAD> de votre page HTML). Le paramètre content contient l’intervalle de rafraîchissement exprimé en secondes http-equiv= »refresh » […]
En PHP le nom d’une variable peut être lui même variable. Exemple et utilisation : Affichera : 2013 !
Il est possible en PHP de placer du contenu dans une mémoire tampon au lieu de l’afficher à l’écran. Cela permet par exemple de traiter des informations complexes et de n’afficher le résultat que si les opérations se sont déroulées correctement.Pour cela, on se sert des fonctions : ob_start() : fonction d’initialisation de l’output bufferingob_get_contents() : récupération […]
PHP permet le stockage de variables, dites « de session » $_SESSION qui sont propagées lors de la navigation de l’internaute sur votre site Internet. Le modus operandis est très simple, il faut démarrer son script avec la fonction session_start () qui signale que vous souhaitez récupérer les variables de session sur votre page. La variable super-globale $_SESSION est un tableau qui contient toutes les variables […]
Il peut arriver que l'heure du serveur sur lequel est hébergé son site Internet soit différente de l'heure indiquée sur notre ordinateur. Arrachage de cheveux garanti si l'on ne s'en rend pas compte pour nos tests. Pour afficher l'heure du serveur WEB , utilise la fonction date() de PHP : <?php echo date('Y-m-d G:i:s'); ?> […]
Il peut être utile de rafraîchir régulièrement et automatiquement une page (affichage d'information en continu par exemple). Il est possible de le faire en HTML grâce à la balise META suivante (à placer à l'intérieur de la balise HEAD). Le paramètre content contient l'intervalle de rafraîchissement exprimé en secondes http-equiv="refresh" : Mise à jour automatique […]
PHP permet de ne pas définir à l’avance le nombre de d’arguments passés en paramètres d’une fonction.Ceci grâce aux fonctions func_num_args() qui retourne le nombre d’arguments passésfunc_get_args() qui permet d’accéder par index à chacun des arguments Fonction pouvant recevoir un nombre indéfini de paramètres donne : Paramètre n°0 : je Paramètre n°1 : pars Paramètre n°2 : en Paramètre n°3 : vacancesParamètre […]
La fonction suivante vous permettra d'utiliser la fonction explode de PHP avec plusieurs séparateurs différents. L'objet de cette fonction est de couper une chaîne en plusieurs segments divisés par un ou plusieurs séparateur passé en paramètres dans un tableau. Le résultat sera un tableau dont chaque enregistrement contiendra l'un des segments : function multipleExplode($separateurs = array(), […]
Pour empêcher le copier collage d'un texte dans un champs html input text, on va utiliser la fonction javascript preventDefault() sur l'événément keydown. PreventDefault empêchera l'action du keydown() de se déclencher . En l'occurence, on ajoute ici un "écouteur" d'événement addEventListener sur l'événement keydown de l'élément d'identifiant "no_paste". Si la touche ayant déclenché l'événement est le coller, on empêche le […]
Collez le code suivant dans le fichier functions.php du thème de votre blog WordPress afin de rajouter un widget qui vous permettra d'afficher une liste des catégories de votre blog, avec un lien vers les catégories, mais en supprimant les catégories que vous ne souhaitez pas voir apparaître. Ceci en ajoutant les catégories indésirables en paramètre […]
Pour connaître les coordonnées d'un endroit localisé sur google map, il faut cliquer droit sur le point désiré et choisir dans le menu "Plus d'infos sur cet endroit". Les coordonnées latitude longitude apparaissent dans la barre de recherche de google map.
Il est possible en PHP d’utiliser la fonction include() avec en paramètre, un fichier appelé par son URL. Exemple d’include avec URL absolue Cette possibilité semble être désactivée par défaut en PHP 5 (elle était couramment utilisée en PHP4). Cette méthode présente des risques de vulnérabilités et n’est pas recommandée, néanmoins si vous avez besoin, vous pouvez l’auroriser […]
Pour faire des effets de titres sympas, facilement et sans images, en n’utilisant que du CSS 3 et la propriété linear-gradient . Propriété CSS que l’on utilise ici pour rajouter un liseré de chaque côté du titre <h1> Code HTML : <h1> <span> Un joli titre en CSS 3</span></h1> Rajouter un liseré en CSS Code CSS : […]
Effet visuel pile de feuilles tout en CSS3 en utilisant subtilement la propriété box-shadow Code HTML : <div id="art201"> <div class="feuilles"> </div> </div> Code CSS : #art201{ background : #7c8d07; width:100%;height:80px; } .feuilles{ margin:auto; width:40px; height:55px; border:#ccc solid 1px; background-color:#fff; box-shadow: 4px 4px 0 #fff, 5px 5px 0 #ccc, 9px 9px 0 #fff, 10px 10px […]