Pas encore inscrit ? Creez un Overblog!

Créer mon blog
John Doe
J

John Doe

Tags associés : twig

Ses blogs

Modifier son thème overblog

Blog d'aide à la modification des thèmes sur overblog
John Doe John Doe
Articles : 15
Depuis : 06/07/2012
Categorie : Technologie & Science

Articles à découvrir

Organisation d'un thème

Organisation d'un thème

Un thème regroupe tous les langages utilisables sur overblog. il permet d'afficher le blog, de le mettre en page. chaque language a "sa" place : le html définit l'architecture de la page. on trouve la partie "head" qui définit les éléments invisibles (favicon, titre de l'onglet...) dans cette partie head, on trouve des "meta" qui définissent
Méta langage : les variables personnalisées

Méta langage : les variables personnalisées

Il est possible de définir des variables dans le thème, qui seront saisies dans les options du thème. création d'une variable personnalisée les variables doivent être créés dans la partie "head" du thème. il faut pour chaque option ajouter une balise meta avec les bons attributs, pour définir son nom, son type (text / liste déroulante /

Données : articles

Les articles sont au coeur même des blogs. il est donc normal de pouvoir les lister de plusieurs façons, et de les manipuler en profondeur liste des articles sur chaque page, une variable posts permet de lister les articles à afficher. pour l'accueil, une page de tag, une page d'archive, on dispose de plusieurs articles. pour un article seul, un
Données : Tags

Données : tags

Lorsque l'on publie un article, il est possible de saisir des tags. cela permet de classer et de regrouper les articles d'un même sujet : vos visiteurs pourront rapidement trouver des articles qui les intéressent. informations générales les tags du blogs sont accessibles directement via le code (pour les tags d'un article, voir cet article) lis
Données : Blogs et auteur

Données : blogs et auteur

Pour faciliter la vie des blogueurs, un certain nombre d'éléments sont mis à disposition concernant le blog et le propriétaire du blog. voici des exemples mis en situation avec du code html, afin de montrer les usages basiques de ces données. pour le blog la liste qui suit permet de disposer des éléments relatifs au blog lui-même : titre, a
Modifier son thème

Modifier son thème

Dans l'administration, un clic sur le bouton du menu "theme" permet d'éditer le thème de votre blog. deux choix s'offrent à vous : modifier les options du thème. modifier le code (css / html). la première possibilité, plus "limitée", est beaucou plus simple. les réglages possibles dépendent du thème. selon les cas, vous pourrez changer la

Les différents langages

Pour résumer : le html permet de placer des briques, des murs, des fenêtres. le css permet de mettre de la peinture, changer une taille des éléments html. le javascript permet de rendre l'ensemble "interactif" : la porte peut s'ouvrir, etc. le méta-langage permet d'afficher les données du blog. html : hyper text markup langage c'est un format

Méta langage : les valeurs

Afficher une valeur pour afficher une valeur, on utiliser les doubles accolades {{ ... }} on peut par exemple afficher le titre du blog : <h1>{{ blog.title }}</h1> ou le titre d'un article (et son adresse) : <a href="{{ post.permalink }}">{{ post.title }}</a> utiliser un filtre sur une valeur il est possible de "filtrer" une valeur pour la modifier

Méta langage : boucle et condition

Affichage sous condition il est possible d'afficher un bloc ou non, selon les cas. pour cela, on utilise la fonction "if". <h1> {% if blog.title is not empty %} {{ blog.title }} {% else %} sans titre {% endif %} </h1> ce code fait la même chose que le filtre default : si le titre existe ("is not empty" => "n'est pas vide"), on l'affiche. sinon, on

Méta langage : types de page

Lorsque l'on blogue, on aime parfois afficher des choses différentes en fonction de la page. c'est possible sur overblog, voici comment. comment différencier les pages plusieurs variables existent, permettant de savoir si la page affichée est l'accueil (au sens large), une page, un article... {% is isindex %} <h1>bienvenue sur l'accueil de mon b