JT

bbxdesign

Vestiges d'un CSS Guru

Mode normal → (affichage complet du blog)

Suivant

Précédent

wordpress

bd cinéma couleur css firefox google gratuit ie6 interface iphone javascript microsoft musique navigateur new york photo photoshop theme vidéo wordpress

WordPress en Tumblr : le flux RSS aussi

Billet

Il est facile dans un thème de WordPress de manipuler l’affichage des différents éléments d’un Post. Si je devais récapituler ce que chacun de mes formats de Post contient, ça donnerait :

contentexcerptfeatured imagecustom field
ArticleOuiFacultatifFacultatif-
LienOui--Oui
ImageOui-Oui-
CitationOuiOui-Oui
BrèveOui---

Avec cette répartition des infos, des Conditional Tags et des Templates de Post Format, je peux manipuler à ma guise l’affichage différencié.

Lire la suite →

Image wordpress-permalink-souci

J’ai trop joué avec les filtres WordPress j’ai l’impression.

Image syntax-highlighter-solaris-dark

J’ai remplacé le vieux syntax highlighter sur WordPress Le Tutoriel par celui-ci: highlight.js

Pourquoi ?

  1. Il n’utilise que 2 fichiers.
  2. Il détecte tout seul le language.
  3. Il propose l’exceptionnel thème Solarized.
Image archives-wordpress-hierarchie-par-date

Beaucoup plus pratique, non ?

White Beacon : un nouveau thème WordPress

Billet

Lundi soir, un désir, une vision.

J’aimais beaucoup mon thème précédent, bbxwall. Mais il commençait à peser. Visuellement et sur mon serveur. Il m’en fallait un plus léger, pour focaliser l’attention sur le contenu, et décharger mon serveur d’un souci perpétuel.

Lire la suite →

WordPress : le Tutoriel pour créer un site de A à Z

Billet

Après mon tutoriel CSS : l’Art et la Science, voici un tutoriel sur l’autre partie importante de mon expérience d’intégrateur : WordPress le Tutoriel.

Je considère mes connaissances comme étant open-source. Et, de peur de les voir perdues à jamais, je préfère les écrire et les faire partager gratuitement avec la communauté des intégrateurs que nous sommes.

Ce tutoriel WordPress vous aidera à créer vous-même votre propre thème WordPress, mais contient aussi un thème WordPress vide gratuit sur lequel vous pouvez vous baser.

[Portfolio] Australie Trip : un carnet de voyage 2.0

Billet

Mon amie Corine voulait partir en Australie pour 1 an. Désireuse de découvrir de nouveaux paysages et vivre de nouvelles expériences, tout en améliorant son niveau d’anglais, elle voulait raconter au fur et à mesure des kilomètres parcourus son voyage à travers le pays. Il lui fallait donc un blog : Australie Trip.

Si vous êtes friands de paysages arides, de reptiles sauvages ou encore de culture aborigène, abonnez-vous au flux RSS !

Introduction à WordPress 3 : custom post type et custom taxonomy

Billet

J’ai écrit un tutoriel complet pour réaliser un thème WordPress de A à Z.
Il est plus récent et parle aussi des Custom Post Type et Custom Taxonomy. Du coup, je vous invite à aller le lire.

WordPress vient d’annoncer une Release Candidate pour la version 3. J’ai pour ma part installé et mis en prod la version Beta 2 qui, ma foi, est très stable. Si vous comptez l’installer, allez-y! Les mises à jour se font comme les WP actuellement, c’est à dire automatiquement. Et le système de template pour les thèmes est identique donc vos thèmes marcheront sans souci! Le seul souci est qu’il n’y a pas de version française encore mais bon, c’est uniquement pour l’admin qui est vraiment très simple en anglais.

Nouveautés WordPress 3

Dans les nouveautés, il y a :

  • choisir son login et son mot de passe : au lieu d’avoir “admin” et un mot de passe généré automatiquement, on peut les choisir soi-même.
  • un nouveau thème par défaut, bourré de nouvelles fonctions et qu’on va customiser dans ce tutoriel
  • custom background : un outil dans l’admin pour pouvoir choisir un fond pour le site. Si vous développez des thèmes vous même, ça vous est inutile.
  • Multi-sites! En fait, WordPress et WordPress µ ont fusionné : il est donc possible avec 1 seule installation WP de mettre en place autant de blogs différents que l’on veut. Par exemple : css.bbxdesign.com pour un blog de CSS, inspiration.bbxdesign.com pour un blog d’inspiration etc.
  • Custom Post Types
  • Custom Taxonomies

Je vais développer ces 2 derniers points car ils sont les plus intéressants.
Lire la suite →

Refonte et thème tumblr pour Waker

Billet

Waker, c’est un site de bêtises trop fréquentes et trop futiles pour être postées ici.

Au départ, c’était un WordPress avec un thème pas trop travaillé, mais j’aimais bien la palette de couleurs. Et puis je me suis rendu compte que poster avec WordPress était trop contraignant, car trop long. Même avec le bookmarklet Press This, poster un simple lien ou une photo prenait trop de temps.

Résultat : je prends un tumblr tout simplement. Le bookmarklet est très efficace : il récupère facilement les photos ou la vidéo de la page où l’on est, et l’upload est direct. Au début, j’ai pris mon thème bbxtumblr, mais il manquait d’identité pour Waker.

Donc, j’en ai fait un autre.

Thème Tumblr Waker

Navigation au clavier

La grande particularité est d’avoir intégré grâce à une lib JavaScript, la navigation au clavier comme pour Google Reader ou FFFFOUND, c’est à dire la touche “J” pour suivant et “K” pour précédent, sachant qu’elle gère aussi la pagination dès que vous arrivez en haut ou en bas de la page.

Et si vous voulez savoir pourquoi ça s’appelle “Waker”, et bien voilà pourquoi.

bbxwall : mon 7ème thème WordPress

Billet


Avant d’arriver à mon 5e thème, bbxwall, et quelques semaines après avoir jeté aux oubliettes le thème bbxjulie (du nom d’un morceau de Brian Eno), je suis passé par pas mal de thèmes depuis 2 ans et demi.
Lire la suite →

12

Populaire Tutoriels Fun

Idées de cadeaux originaux