Dotclear

Vous n'êtes pas identifié(e).

Annonce

#1 2010-09-24 08:10:03

Tomek
Moderator
Inscription : 2006-04-12
Site Web

Réalisé avec Dotclear

Donc j'inaugure le bal avec 2 sites, l'un tout récent, l'autre vieux d'un an environ, en attendant plein d'autres...

Troy Von Balthazar
Plugins : alias, blogrollpage, clean config, contact me, colorbox, dainstaller, event handler, google tools, homepagemode2, menu, mrvb custom widget, pictures show (pas encore utilisé), sitemaps, twitter widget, versions manager
Basé au départ sur un thème d'annso (Light red).

Luc Bernad
Les plugins : alias, blogrollpage, clean config, contact me, lightbox, dainstaller, google tools, menu, pictures show, sitemaps, popularity contest
Thème original travaillé avec l'artiste et ses images / dessins.
A noter l'ajout d'un fil d'ariane sur toutes les pages.

Hors ligne

#2 2010-09-24 19:30:13

Moe
Responsable du mini-bar
Lieu : France
Inscription : 2004-09-19
Site Web

Re : Réalisé avec Dotclear

Geekzone LIVE

Ce site recense les joueurs de Xbox 360 abonnés au service Xbox LIVE et membres du forum Geekzone.fr. L'idée c'était de savoir qui joue à quel jeu, rassembler les avatars de tous les joueurs sur une seule page et recenser les joueurs avec quelques infos (score, type d'abonnement, etc.).

* Dotclear 2.1.7 (oui, je sais)
* le plugin Contribute pour que les utilisateurs s'inscrivent
* un plugin mal bricolé pour afficher les avatars de tous les joueurs : http://gniark.net/cafzone/xboxlive/joueurs
* le plugin My URL Handlers pour personnaliser les URLs :
    * post devient joueur
    * index devient joueurs
    * contribute devient inscription
    * tag devient jeu
    * tags devient jeux
* le plugin MyMeta pour stocker les GamerScore, le pseudo sur Geekzone.fr, etc.
* le plugin infoBlog pour afficher le nombre de joueurs

Il y a du bricolage au niveau de l'affichage. par exemple le fichier post.html où le contenu du fichier n'est pas affiché :

<tpl:EntryMetaData>
    <tpl:MetaDataHeader>Jeux : <ul class="post-tags"></tpl:MetaDataHeader>
    <li><a href="{{tpl:MetaURL}}">{{tpl:MetaID}}</a></li>
    <tpl:MetaDataFooter></ul></tpl:MetaDataFooter>
    </tpl:EntryMetaData>
    
    {{tpl:include src="_mymeta.html"}}
    
    <!-- # --BEHAVIOR-- publicEntryBeforeContent -->
    {{tpl:SysBehavior behavior="publicEntryBeforeContent"}}
    
    <!-- # Entry with an excerpt -->
    <tpl:EntryIf extended="1">
      <div class="post-excerpt">{{tpl:EntryExcerpt}}</div>
    </tpl:EntryIf>
    
    <div class="post-content"><!-- #{{tpl:EntryContent}}-->
        {{tpl:include src="_content.html"}}
    </div>
    
    <!-- # --BEHAVIOR-- publicEntryAfterContent -->
    {{tpl:SysBehavior behavior="publicEntryAfterContent"}}

Ces 2 fichiers _mymeta.html et _content.html m'évitent de devoir modifier tous les fichiers pour modifier l'affichage.

Le fichier _mymeta.html :

<p>Avatar : <img src="http://avatar.xboxlive.com/avatar/{{tpl:EntryTitleRawURLEncode}}/avatarpic-l.png" style="vertical-align:top;" alt="Avatarpic l" /></p>

<tpl:MyMetaIf type="GamerScore" defined="true">
        <p>GamerScore : {{tpl:MyMetaValue type="GamerScore"}}</p>
</tpl:MyMetaIf>

Le titre d'un billet est le nom d'un joueur, il faut le transformer pour avoir un lien correct vers l'image de l'avatar, c'est à ça que sert la balise {{tpl:EntryTitleRawURLEncode}}.

Si le joueur a un GamerScore, il est affiché.

Le fichier _content.html ressemble beaucoup à l'autre !

<p><img src="http://avatar.xboxlive.com/avatar/{{tpl:EntryTitleRawURLEncode}}/avatar-body.png" alt="Avatar body" /></p>

<p><a href="http://profile.mygamercard.net/{{tpl:EntryTitleUrlPlus}}" hreflang="en"><img src="http://card.mygamercard.net/FR/nxe/{{tpl:EntryTitleRawURLEncode}}.png" alt="MyGamerCard.net" /></a></p>

<p>Liens :</p>
<ul>
<tpl:MyMetaIf type="PseudoGeekzoneFr" defined="true">
        <li>sur Geekzone.fr : <a href="{{tpl:MyMetaValue type="CompteGeekzoneFr"}}">{{tpl:MyMetaValue type="PseudoGeekzoneFr"}}</a></li>
</tpl:MyMetaIf>
<li><a href="http://live.xbox.com/fr-FR/profile/profile.aspx?pp=0&GamerTag={{tpl:EntryTitleUrlPlus}}">Xbox.com</a></li>
<li><a href="http://live.xbox.com/fr-FR/profile/FriendsMgmt.aspx?act=Add&gt={{tpl:EntryTitleUrlPlus}}">ajouter à ma liste d'amis</a></li>
</ul>

Une autre balise {{tpl:EntryTitleUrlPlus}} remplace les espaces par des "+" dans le titre du billet.


Les balises template sont définies dans le fichier _public.php de mon thème :

<?php

if (!defined('DC_RC_PATH')) {return;}

l10n::set(dirname(__FILE__).'/locales/'.$_lang.'/public');

$core->tpl->addValue('EntryTitleRawURLEncode',array('X360Tpl','EntryTitleRawURLEncode'));
$core->tpl->addValue('EntryTitleUrlPlus',array('X360Tpl','EntryTitleUrlPlus'));

/**
@ingroup X360
@brief Template
*/
class X360Tpl
{
    /**
    rawurlencode() on post title
    @return    <b>string</b> PHP block
    */
    public static function EntryTitleRawURLEncode($attr)
    {
        $f = $GLOBALS['core']->tpl->getFilters($attr);
        return '<?php echo '.sprintf($f,'rawurlencode($_ctx->posts->post_title)').'; ?>';
    }
    
    /**
    replace spaces by + in post title
    @return    <b>string</b> PHP block
    */
    public static function EntryTitleUrlPlus($attr)
    {
        $f = $GLOBALS['core']->tpl->getFilters($attr);
        return '<?php echo '.sprintf($f,'str_replace(\' \',\'+\',$_ctx->posts->post_title)').'; ?>';
    }
}
?>

Et enfin les traductions dans le fichier public.po :

msgid "entries"
msgstr "joueurs"
msgid "entry"
msgstr "joueur"

msgid "comments"
msgstr "commentaires"
msgid "comment"
msgstr "commentaire"

msgid "Tag"
msgstr "Jeu"
msgid "Tags"
msgstr "Jeux"
msgid "All tags"
msgstr "Tous les jeux"

msgid "Contribute"
msgstr "Inscription"

Tout ça est alimenté par un script PHP perso adapté du plugin Planet pour aller chercher les infos sur les joueurs et les ajouter à la base de données. Une tâche cron (merci OVH) lance le script plusieurs fois par jour.

Ce que j'ai trouvé cool c'est de pouvoir transformer les billets en joueurs et les tags en jeux, jusqu'aux URLs grâce au plugin myURLHandlers. Il est intéressant de noter que le billet n'a aucun contenu, tout est créé à partir du titre du billet ou à partir des données MyMeta. Avec le recul, il aurait peut-être été plus simple de surcharger {{tpl:EntryContent}} et d'utiliser les behaviors  pour ne pas avoir à insérer des {{tpl:include src="_content.html"}} à la main. Et peut-être que Muppet me rendrait aussi service.

Je remercie les développeurs qui ont rendu tout ça possible. :)

Hors ligne

#3 2010-09-25 10:37:33

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Réalisé avec Dotclear

Camping Clair de Lune

C'est mon premier site, commencé en 2001 et en constante évolution depuis. C'est aussi peut-être le plus ancien site commercial propulsé par Dotclear :  dès 2004, il comportait 8 blogs DC1 :D La refonte en 2009 a principalement consisté en une migration vers DC2 et un grand nettoyage...

Il tourne donc aujourd'hui sous Dotclear 2.2 en 4 langues au moyen d'un thème parent et de 4 thèmes enfants pour les 5 blogs qui le composent. La prochaine évolution portera sur l'intégration dans Dotclear de la réservation en ligne.

Hors ligne

#4 2010-10-02 21:43:15

goudie
Membre
Lieu : Montréal, QC
Inscription : 2006-02-19
Site Web

Re : Réalisé avec Dotclear

Android-Games.fr

Comme son nom l'indique, un site consacré aux jeux pour la plateforme Android. Ce sont des tests avec à chaque fois la même structure, il a donc fallu trouver des idées pour me simplifier la tâche :

- La première image est posée avant le contenu de l'article. C'était pas le meilleur moyen, mais je n'ai absolument pas le choix pour permettre la miniature dans le plugin qui affiche les billets connexes, puisqu'il ne prend pas en compte les images dans l'extrait. Je n'aurai même pas pu passer par un myMeta... si quelqu'un à une idée (ou une alternative pour les billets connexes avec image !)
- Les myMeta "gratuit" et "payant" définissent un jeu gratuit et/ou payant en renseignant l'URL de l'Android Market (ou rien). Elles définissent par la même, la présence des images QRcode qu'on retrouve en fin de billet (et plus aisément par un rollover sur la liste des articles, en exploitant un "title" installé par le plugin dont j'ai parlé plus haut !). Les images de QRcode proviennent d'un dossier avec toutes ces images, nommées de la même façon que le EntryShortURL
- Le myMeta "prix" pour afficher le prix entre parenthèses, quand il y a une version payante
- L'excellent Pictures Show pour afficher facilement le lot de screenshots qui va avec
- Le myMeta "video" pour afficher la vidéo Youtube quand il y en a une, grâce au tag de la vidéo (bien pratique !)
- Les catégories sont devenues les notes des jeux, j'ai utilisé EntryCategoryShortURL pour leur donner une image de 1 à 5 étoiles, ou une petite image "news" pour les rares articles d'actualité du site, qui d'ailleurs évitent toutes les modifications citées ci-dessus.
- Le plugin Agora pour faire un mini-forum mais pas vraiment mis en avant sur le site
- myURLHandlers pour modifier les URL (génial !). Les tags sont notamment devenus des "critères" pour filtrer les résultats, grâce à Multitag

Je crois que c'est à peu près tout :)

Je suis bien content que Dotclear m'ait permis de faire tout ce que je voulais, et je suis fier quand on me dit qu'on peut rien faire avec Dotclear, de présenter mon petit exemple perso à ceux qui ne jurent que par "l'autre" ;-D

Hors ligne

#5 2011-11-22 19:13:11

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Réalisé avec Dotclear

Je ressuscite ce fil

Voici 2 sites propulsés par Dotclear, tous deux issus d'une adaptation du thème Ductile Photo de Kozlika et Franck Paul

1) Sentier des Artistes, une galerie d'art en ligne
2) Abricot Cannelle, une maison d'hôtes de par chez moi, et son activité Massages Cannelle

Bonne visite ;)

Hors ligne

#6 2011-11-22 20:36:41

Jean-Michel
Modérateur à ailes d'ange
Lieu : Paris
Inscription : 2006-08-22
Site Web

Re : Réalisé avec Dotclear

Une de mes dernières réalisations : www.carolefredericks.fr qui marche avec comme le plugin Muppet pour les différents variations dans les templates et un _public.php spécifique réalisé grâce à amalgame.

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map