Blog du modérateur : conseils, widgets et outils pour créer son blog emploi - sidebar

Quelques astuces DotClear 2 pour débutants

Modérateur — Mon, 17 Dec 2007 09:51:00 +0100

Si vous êtes débutant dans l'univers du blogging, cela peut parfois être frustrant de voir ce que d'autres membres de la plate-forme arrivent à faire... Pourtant, la plupart des manipulations sont très simples à réaliser. Je reçois quotidiennement des mails de personnes qui cherchent à en savoir plus à ce sujet, ce ne sont sans doute pas les seules ! Je vous propose donc de retrouver ici quelques astuces qui permettront aux moins aguerris d'entre vous de mettre en forme leur blog de manière efficace sous DotClear 2 en quelques minutes seulement.

Insérer un code dans un billet

Les générateurs et autres outils en ligne sont de plus en plus nombreux. Je vous en présente très régulièrement sur ce blog. Ils permettent, par exemple, de placer une vidéo, un slide photo, une animation, une photo retouchée... Les sites vous les fournissant indiquent généralement le fait qu'ils permettent d"insérer l'outil final sur un blog (lecteur exportable, embed, code à placer sur votre blog...). Pour les insérer dans un billet, vous devez l'entourer obligatoirement de ///html et de /// en effectuant un retour ligne entre chaque. Cela ressemblera donc à çà (sans les guillemets) :

"///html"
Votre code
"///"

Vous trouverez d'autres astuces dans la suite du billet.

Insérer un code dans votre barre de navigation

Le principe est ici le même que pour insérer un code dans un billet à une exception près. Chaque outil utilisable dans un billet l'est également dans votre sidebar (barre de navigation). Attention toutefois à la largeur des widgets et images intégrées. Si elles sont trop larges, elles feront sauter votre sidebar sur certains navigateurs (Internet Explorer notamment) et nuiront au design de votre blog. A la différence d'un code inséré dans un billet, vous n'avez pas besoin dans ce cas de placer /// et ///html.

Insérer une photo dans votre sidebar

Pour placer une photo ou une image dans votre sidebar, vous devez placer un code html simple. Il se présente sous cette forme :

Si vous avez importé une image dans votre gestionnaire de média, vous pouvez facilement récupérer son lien en cliquant sur son nom.

Insérer une photo comportant un lien dans votre sidebar

Le code HTML de vra être dans ce cas un peu plus complet :

Insérer des liens sur votre sidebar

Pour placer un lien, le plus simple reste de passer par la rubrique lien de votre administration. Elle se trouve sur votre tableau de bord. Cliquez sur "Ajouter un lien", puis renseignez l'URL et la description du lien. Recommencez l'opération pour chaque lien que vous souhaitez ajouter.

Insérer un lien vers votre mail dans votre sidebar

Vous pouvez placer un lien vers votre email dans la rubrique lien. Pour cela, l'URL du lien sera mailto:votre@dressemail.com.

Insérer une photo dans un billet

Pour avoir plus d'explications à ce sujet, je vous invite à consulter le billet Insérer une photo

Insérer un lien dans un billet

Sélectionnez le texte sur lequel vous souhaitez placer un lien. Cliquez ensuite sur puis entrez l'URL de votre choix.

Insérer une photo comportant un lien dans un billet

Pour cela, placez d'abord votre image. Ensuite, sélectionnez le code entier, puis exécutez l'opération vous permettant d'ajouter un lien.

Aménager sa sidebar

Vous pouvez facilement choisir les éléments qui composent votre barre de navigation, les personnaliser et changer leur ordre d'apparition. Le billet Premiers pas sur votre blog : paramétrages vous y aidera.

J'espère que ces quelques astuces vous seront utiles. Si vous souhaitez faire une action que je n'ai pas décrit ici, n'hésitez pas à me laisser un commentaire pour que je complète cette liste.

Visualisez le design de votre blog sous différents navigateurs

Modérateur — Sat, 03 Nov 2007 11:53:00 +0100

Améliorer le design de son blog est important. Cela permet de fidéliser les internautes et de proposer une navigation claire et optimisée. Toutefois, les résultats peuvent différer d'un navigateur à l'autre... Un exemple ? Si certains widgets ou éléments de votre sidebar sont trop larges sous Dotclear, le réajustement se fera automatiquement sous Firefox. Par contre, sous Internet Explorer, la sidebar sera décalée tout en bas de la page, sous vos billets. Il est difficile de tester soi-même tous les navigateurs et technologies existantes ! Mais pour permettre au plus grand nombre d'accéder à votre blog dans de bonnes conditions, le site Browsershots vous propose de visualiser le rendu sous les navigateurs les plus courants : Firefox, Opéra, Safari, IE... Mais aussi sous Linux, Windows et Mac!

Comme le montre cette copie écran, les paramètres que vous pouvez fixer sont nombreux :

Outre le système d'exploitation et le navigateur, vous pouvez également paramétrer la taille de l'écran, la profondeur de couleur, et l'activation (ou non) des javascipts, java et flash. Encore un projet Open Source de qualité, je ne peux que féliciter Johann C. Rocholl et les gens qui ont participé au projet ! Pour faire le test, rentrez l'URL de votre blog, les tests que vous voulez effectuer, puis attendez. Votre demande sera placée en file d'attente et sera traitée au plus vite.

Comment insérer un widget et bien utiliser sa sidebar ?

Modérateur — Mon, 17 Sep 2007 10:17:00 +0200

Je vous présente régulièrement de nouveaux widgets pour vous permettre de personnaliser votre blog et ainsi d'en optimiser l'utilisation. Si beaucoup d'entre vous ont compris le fonctionnement des widgets, je reçois encore de nombreux mails de personnes qui ont besoin d'informations à ce sujet. Voici donc une présentation de la prise en main de la barre de navigation et de l'implémentation de widgets. Ce billet sera suivi d'un billet récapitulatif des différents conseils techniques qui ont été donnés sur ce blog, et si besoin est de nouveaux conseils et éclairages. Si l'utilisation de certaines fonctionnalités de votre blog vous parait encore obscure, n'hésitez pas à me poser des questions en commentaire, je me ferais un plaisir d'y répondre dans un prochain billet.

La rubrique Widgets de présentation se trouve sur la gauche de votre page d'administration :

Cette rubrique va vous servir à construire votre barre de navigation (également appelée sidebar) et ainsi permettre à vos lecteurs de profiter pleinement de leur visite sur votre blog. C'est un élément très important, qui vous permet de confectionner un blog qui vous ressemble.

Vous pourrez trouver trois colonnes différentes dans la rubrique Widgets de présentation :

La première colonne présente les widgets disponibles. Un widget est un élément qui viendra s'incorporer dans la barre de navigation de votre blog. Il peut prendre de multiples formes : moteurs de recherche, liste des derniers commentaires, message de bienvenue... Les deuxième et troisièmes colonnes représentent les éléments qui figurent dans votre barre de navigation.

Vous pouvez choisir précisément les widgets qui vont constituer votre sidebar. Vous pouvez également choisir l'ordre dans lequel ils apparaissent. Pour cela, il vous suffit de faire glisser les rectangles correspondants au widgets de la première à la deuxième colonne. Vous pourrez ensuite réarranger leur ordre si vous le souhaitez.

Chaque widget est paramétrable. Vous pouvez, entre autres, choisir son titre, décider de le faire apparaître uniquement sur la page d'accueil et en arraanger le contenu. Pour cela, dépliez-le en cliquant sur la croix blanche sur fond bleu :

Pour insérer des widgets extérieurs à la plate-forme (ceuw que je présente sur mon blog, vous devez utiliser un widget texte. Vous pouvez laisser le champs titre vide. Le site proposant le widget qui vous intéresse vous fournira systématiquement un code. Pour faire apparaître votre widget, il vous suffira de copier ce code dans le champs texte.

N'oubliez pas de mettre à jour les bandeaux quand vous avez fini ! Si vous avez des questions, n'hésitez pas à me les poser en commentaire.