Une étape obligatoire pour mettre son plugin wordpress en ligne, est d’y inclure un fichier de description détaillé appelé readme.txt. Voici le modèle proposé par wordrepss.org sur lequel il faut se baser Il y a la dedans de nombreuses rubriques non obligatoires, mais c’est la base. On peut aussi faire appel à des générateurs : […]
Voici un petit menu simple et responsive , à adapter selon vos besoins. La technique ici est d’appliquer avec les medias queries, un ‘display :table cell ‘sur les éléments ‘li’, en mettant bien sûr l’élément parent ‘ul’ en ‘display : table’, et ces derniers se rangeront donc comme les cases d’un tableau!! Se reporter à la doc pour […]
Voici un deuxième petit exercice d’intégration, pour une page de type blog, à partir d’un PSD, Voici le rendu final: le PSD Comme on le voit la page est découpée en plusieurs lignes, on peut imaginer une grille derrière la page : ici je vais utiliser html5 Boiler, qui utilise 960 grid gs pour découper […]
Tiré des cours d’une formation web, on va voir aujourd’hui un exercice d’intégration tout ce qu’il y a de plus banal.La page n’est pas complexe du tout, je vais plutot que de faire un cours d’intégration, ce qui serait très mal venu, je vais plutot afficher le PSD, vous laissez vous entrainer, et vous donner […]
Voici un exercice purement html css, afin de se familiariser avec le positionnement css. On va crée une sorte de « pop up », centrée sur la page, avec un bouton de chaque coté. Notez la « position absolute » de l’élément « .pop up » l’ajustement avec le « margin top » et « margin left », la création d’une div interne pour centrer […]
Aujourd’hui on va construire une page html toute simple, sans se soucier du responsive. Le but ici est de se familiariser avec les menus fixes. Dans l’exemple suivant, on va placer le menu et le centrer en bas de page, comme dans l’image suivante : On donne à notre footer une position fixe, on crée une […]
Voici tirée d’un site une image par défaut pour vos bannières de plugin (l’image d’en-tète du plugin sur la page des plugins du site wordpress.org): Il faut enregistrer son image au format 772px x 250px. Donnez lui le nom « banner-772×250.png« , et placez le dans un dossier « assets« , à la racine de votre plugin comme sur […]
Après avoir publié un plugin wp, je viens ici en décrire les différentes étapes. Ce tuto est pour ceux qui ont leur plugins prêts à être publié. On vient de terminer son plugin et on souhaite le proposer à la communauté. Il existe plusieurs plateformes en réalité pour déposer un plugin ou le faire connaitre. La […]
Si on souhaite créer un plugin wordpress contenant l’uploader de media classique, on peut rapidement être confronté à des difficultés d’affichage. On va donc voir ici comment gérer ce cas particulier. voici un code js pour faire appel a l’uploader, un seul par page: Pour afficher plusieurs uploaders sur la même page : Le […]
WordPress nous donne une fonction bien pratique lorsqu’on utilise les métabox ou les custom field pour afficher des éléments en front. C’est utile surtout lorsqu’on utilise l’input textarea. On remarque qu’avec le simple: il n’y a plus de paragraphe dans le texte, autrement dit, wordpress n’entoure plus nos textes par la balise <p>. On perd […]