Archives de catégorie : Widgets

Affichez vos tweets sur votre carnet grâce à Kebo Twitter Feed

Doté d’une interface d’utilisation simple et intuitive, le plugin Kebo Twitter Feed vous permettra en un rien de temps d’afficher vos tweets sur votre carnet Hypothèses.

Continuer la lecture de Affichez vos tweets sur votre carnet grâce à Kebo Twitter Feed

François Pacaud

Responsable du service blogging scientifique / Head of science blogging department (Cléo/OpenEdition)

More Posts

Follow Me:
TwitterFacebookLinkedInFlickr

Twenty Fifteen : vertical et efficace !

Ce billet regroupe les principales informations pratiques qui vous permettront de prendre en mains sans plus tarder le thème graphique Twenty Fifteen (2015), disponible dès à présent sur Hypothèses. Une fois le thème activé sur votre carnet via le menu « Apparence>Thèmes », vous trouverez la plupart des options de configuration le concernant dans le menu « Apparences>Personnaliser ».

Continuer la lecture de Twenty Fifteen : vertical et efficace !

Michel Tamarin

Chargé de projet web hypotheses.org

More Posts - Website

Follow Me:
TwitterLinkedInGoogle Plus

Hueman : la relève est arrivée !

Mise à jour 18/06/2016

Attention, la nouvelle version de Hueman installée sur Hypothèses apporte des modifications majeures aux informations contenues dans ce billet : toutes les options de configuration de ce thème graphique sont en effet désormais accessibles depuis le menu « Apparence > Personnaliser » de votre tableau de bord.
Le tutoriel ci-dessous est donc obsolète. Ceci étant, il peut vous aider à comprendre les différentes options de configuration de Hueman, toujours disponibles et évoquées plus bas.
Pour une documentation complète et à jour au sujet de Hueman, nous vous invitons à consulter le site internet officiel des développeurs de ce thème graphique. Attention toutefois : certaines options de configuration évoquées dans cette documentation concernent des éléments que nous avons volontairement choisis de ne pas déployer sur Hypothèses et que vous ne retrouverez donc pas sur votre carnet.

Continuer la lecture de Hueman : la relève est arrivée !

François Pacaud

Responsable du service blogging scientifique / Head of science blogging department (Cléo/OpenEdition)

More Posts

Follow Me:
TwitterFacebookLinkedInFlickr

Insérer une image dans une colonne de widgets

Avec le « Widget image » installé sur Hypothèses, vous n’avez pas besoin de connaître le html pour insérer une image dans une colonne de widgets de votre carnet.

Prenons un exemple simple : vous voulez afficher le logo d’une plateforme de blogs très intéressante nommée Hypothèses (ci-dessous) que vous avez préalablement enregistré sur votre disque dur.

Continuer la lecture de Insérer une image dans une colonne de widgets

Ajouter un calendrier dans son carnet

Depuis quelques temps certains carnetiers émettent le voeu de pouvoir afficher le calendrier des activités de leur laboratoire faisant justement remarquer que le widget « calendrier » dont est dôté WordPress ne permet d’afficher que la date de publication des billets.

Pour tenter d’y remédier nous vous proposons deux solutions :

la première est l‘incrustation d’un calendrier externe publié sur internet.
Dans le cas que nous présentons, nous utilisons « Google Calendar » et nous proposons de le publier comme Widget.
Pour ce faire, il faut avoir au préalable un compte de messagerie gmail, puis procéder comme suit :

1. créez votre agenda

  • entrez dans votre compte gmail
  • créez un agenda en cliquant sur « Agenda » dans le menu supérieur de la page

2. configurez votre calendrier

  • cliquez sur le bouton situé à droite du nom du calendrier dans la colonne « Mes agendas ». Un menu déroulant apparaît. Cliquez alors sur « Partager cet agenda ».

  • dans cet onglet, il suffit de cocher la case « Rendre cet agenda public ».

  • passez ensuite à l’onglet « détails de l’agenda »

  • vous pouvez modifier le nom de votre agenda, y ajouter une description, un lieu. Vous obtenez dans la rubrique « Insérez cet agenda » le code html qui vous permettra de l’incruster dans votre carnet.

3. Adaptez votre calendrier à la taille du Widget « Texte » de WordPress

  • cliquez sur le lien « Personnaliser la couleur, la taille et d’autres options ».
  • privilégiez le titre, les boutons de navigation comme éléments visibles.
  • modifiez la taille du calendrier suivant la taille du Widget « Texte » : la taille recommandée est de 158 pixels de largeur et de 170 pixels de hauteur
  • enfin, il vous est possible de choisir une couleur d’arrière-plan et d’ajouter des bordures.
  • au fur et à mesure de vos configurations, le code html se modifie automatiquement. Une fois vos réglages terminés, le code qui s’y trouve est donc prêt à être copié et collé. Vous pouvez néanmoins vous assurer de son actualisation en cliquant sur le bouton « mettre à jour le code html ».

4. Copiez le code html au Widget « Texte »

  • copiez le code html
  • rendez-vous dans la section Apparence —> Widgets
  • sélectionnez un Widget « Texte » en le faisant glisser dans votre colonne de Widgets (Sidebar)
  • collez le code html copié dans votre Widget que vous pouvez nommer en remplissant la case « titre ».
  • cliquez enfin sur « enregistrer »

votre calendrier apparaît alors dans votre sidebar.

Si vous voulez le publier dans une page ou bien dans un billet, il suffit de reprendre la même procédure et d’utiliser le mode « html » de votre éditeur où vous collerez directement le code html récupéré.
Dans ce cas-là les réglages de taille sont différents : nous vous conseillons une largeur maximale de 790 pixels (par défaut le code que Google génère est de 800 pixels, il faut donc faire une légère modification). Il est également tout à fait possible de jouer avec les différentes visualisations disponibles (liste, semaine, mois, année).
Vous trouverez comme exemple l’incrustation du calendrier du Cléo dans Léo en liste dans une page. http://leo.hypotheses.org/calendrier-du-cleo

La deuxième solution est à échelle de votre institution de rattachement et requiert la création d’une catégorie spécifique dans le calendrier d’OpenEdition Calenda qui permet la sélection et réception automatique d’activités publiées sur Calenda qui s’y réalisent. L’activation d’une telle catégorie exige de la part de l’institution une cotisation annuelle.
Une fois créée et activée, il suffit de visualiser le flux que cette catégorie génère en utilisant un Widget « Flux ».

Si toutefois, ces deux solutions ne répondaient pas entièrement à vos demandes, n’hésitez pas à spécifier vos nécessités dans la liste des carnetiers ou en commentaire de ce carnet.

Utiliser le widget LibraryThing

Article mis à jour le mercredi 8 avril 2015

LibraryThing met à disposition de ses utilisateurs un widget leur permettant d’afficher sur WordPress leurs dernières lectures de manière dynamique. Nous allons voir comment procéder, une fois votre compte LibraryThing créé, pour afficher vos lectures sur votre carnet Hypotheses.org.
Pour ceux qui ne connaissent pas LibraryThing, il s’agit d’un site offrant la possibilité d’enregistrer rapidement ses lectures, de les classer par collections ou par mots-clés, de les commenter et de partager ainsi des références enrichies avec les autres utilisateurs. La création d’un compte sur Librarything est gratuite et permet à l’utilisateur d’enregistrer jusqu’à 200 titres (au-delà, un abonnement payant, dont le montant est très raisonnable, est nécessaire).

Pourquoi intégrer un widget LybraryThing à votre carnet ? C’est un moyen simple et rapide de mettre en valeur les lectures pouvant entrer en résonance avec votre travail de carnetier. LibraryThing propose, en effet, d’afficher l’image de couverture de la plupart des références disponibles et donne ainsi un meilleur impact visuel à votre sélection.

Configurer le widget dans LibraryThing

  • Cliquer sur le bouton « Widgets » situé en haut à droite de votre compte LibraryThing.
  • LibraryThing permet de configurer le widget. Vous pouvez sélectionner aussi bien le type d’informations que vous souhaitez afficher (couvertures de livres, commentaires, descriptions…) que l’apparence que prendra le widget une fois intégré (dimensions, couleurs, polices de caractères) afin qu’il s’adapte au mieux à l’aspect visuel de votre carnet.
  • Le paramétrage du widget dépend également des choix que vous aurez faits au moment d’enregistrer vos références sur le site même de LibraryThing : vous pouvez, par exemple, associer plusieurs livres au marqueur (tag) « sociologie des sciences » pour pouvoir ensuite intégrer cette série de références au widget à l’aide de la zone « Tags ».

Les paramètres du widget LibraryThing

  • Une fois le widget configuré, copier le code qui est donné en bas de la page (boîte de dialogue « Embed this widget »).

Intégration de LibraryThing dans votre carnet Hypotheses

  • Dans l’interface d’édition de votre carnet, activer le widget « Texte » (menu Apparence/Widgets) en le faisant glisser dans une des zones actives situées dans le bandeau à droite de l’interface édition.
  • Coller le code copié depuis la page Widgets de LibraryThing.
  • Une fois la sauvegarde du code effectuée, vous pouvez visualiser le résultat sur la partie publique de votre carnet.

Attention !

Si vous obtenez le code via librarything.com, il n’y aura pas de problème.
SI vous l’obtenez via librarything.fr, le code d’intégration du widget est à modifier :
https://www.librarything.fr/widget_get.php?...
est à remplacer par
http://www.librarything.com/widget_get.php?...

Quelques exemples d’utilisations du widget

  • CeTHis,  carnet du Centre Tourangeau d’Histoire et d’études des Sources – EA 6298
  • Photographie japonaise moderne, carnet de recherche propose une présentation de références bibliographiques sur la photographie japonaise moderne

Les catalogues Librarything relevant de ces exemples

Michel Tamarin

Chargé de projet web hypotheses.org

More Posts - Website

Follow Me:
TwitterLinkedInGoogle Plus

Insérer des liens ou une adresse mail dans un widget texte

Il est possible d’intégrer un lien dans un paragraphe de texte lorsque l’on utilise un widget « Texte » dans une colonne latérale.

Il faut pour cela utiliser un peu de code « Html » comme ci-dessous :

Insertion de lien
Ex : Dans le texte « Le Cléo a mis en place Hypotheses.org, portail de carnets de recherche » on souhaite mettre le lien de la page « http://hypotheses.org » derrière le texte « Hypotheses.org, portail de carnets de recherche »
–> Il faut écrire « Le cléo a mis en place <a href= »http://hypotheses.org » > Portail de carnets de recherche Hypotheses.org </a>
soit un code de la forme <a href= »http://« > texte du lien </a>
  • Insertion de mail
    Dans le texte « Pour nous contacter, veuillez cliquer ici » on souhaite mettre le lien vers le mail « raphaelle.daude@revues.org » derrière le texte « ici »
    –> Il faut écrire «Pour nous contacter, veuillez cliquer <a href= »mailto:raphaelle.daude@revues.org« >ici</a> »
    soit un code de la forme <a href= »mailto:adresse e-mail »> texte du lien </a>