corpoweeeb

Thème corporate, deux colonnes, slide, navigations multiples.

Author/Contributors?

• Author: brol
• Contributors:

Development

Bugs and features requests

• Open tickets : 0
• Create a new ticket

Repository

•  https://svn.dotclear.net/lab/themes/corpoweeeb
• browse sources

Recent Changes

[3380] by brol on 03/12/15 21:21:44

on supprime

[3379] by brol on 03/12/15 21:20:22

on supprime

[3036] by Moe on 05/15/11 00:12:24

CorpoWeeeb? 1.2.1: updated contribute.html

Documentation

Les plugins suivants sont requis :  menu, List Images from enries et templateWidget.

Il est impératif de renseigner la description des catégories sous peine d'afficher un rectangle bleu si la catégorie ne possède aucune sous-catégorie.
Non seulement c'est une bonne pratique et fera du bien à votre référencement, mais en plus ça m'arrange ;-)

Le thème propose :

Plusieurs types de navigation

• un menu reposant sur le plugin menu (menuH.css est calibré pour afficher le niveau 2 des sous-catégories sous forme horizontale ; menuV.css l'est pour plusieurs niveaux de sous-catégories sous forme verticale)
• un menu fixe situé en bas à droite de la page (inclus dans _footer.html)
• un dock au-dessus du footer listant sous forme d'images les 9 derniers billets (bug sous ie8, les titres des billets ne s'affichent pas au-dessus des images lors de leur survol)
• un menu dans le footer ne listant que les catégories de premier niveau et affichant au survol les 80 premiers caractères de leur description
• deux widgets dans la sidebar nécessitant le plugin templateWidget :
  

• catfav affiche les 4 derniers billets d'une catégorie préférée (première image du billet, titre du billet limité aux 30 premiers caractères, le nombre de commentaires si permis et le fil atom de la catégorie). Il faut bien entendu renseigner le nom urlisé de la catégorie et l'url du flux atom dans le fichier catfav.widget.html pour que ça fonctionne.
  
• selection affiche les 5 derniers billets sélectionnés (première image du billet, titre du billet limité aux 30 premiers caractères et le nombre de commentaires si permis). Fichier selection.widget.html
  • un slide de plusieurs images (4 par défaut mais vous pouvez en mettre plus ou moins en éditant le fichier _slide-1.html) en page d'accueil du blog (homepage.html). Ce slide se décline en deux affichages :
    
• images de 650px de large X 300px de haut fera appel au fichier slide650.css et se positionnera sous la barre de menu, la liste des billets sera en-dessous et la sidebar à leur droite
  
• images de 960px X 300px fera appel au fichier slide960.css et se positionnera sous la barre de menu, la liste des billets et la sidebar seront en-dessous. Pour obtenir cet affichage il sera nécessaire d'éditer les fichiers style.css (changer l'appel au slide650.css en slide960.css) et homepage.html afin de déplacer avant la balise <div id="main"> le code suivant :

  <div class="slide clearfix">
    {{tpl:include src="_slide-1.html"}}
  </div> <!-- End slide 1 -->

Vous ne pouvez pas panacher plusieurs types (650 et 960) de slides dans un même blog.
Vous ne pouvez pas mettre plus d'un slide par fichier dans le même contexte.
Par contre, vous pouvez effectuer une sélection sur les catégories afin d'afficher un slide 650 sur la catégorie dont l'url est Machin et un autre slide 650 dont l'url est Truc. Il vous faudra bien entendu dupliquer et renommer le fichier _slide-1.html.
Exemple avec le fichier category.html :

  <tpl:CategoryIf url="Machin">
  <div class="slide clearfix">
  {{tpl:include src="_slide-1.html"}}
  </div>
  </tpl:CategoryIf><!-- End slide machin -->

  <tpl:CategoryIf url="Truc">
  <div class="slide clearfix">
  {{tpl:include src="_slide-2.html"}}
  </div>
  </tpl:CategoryIf><!-- End slide truc-->

• la navigation dans le contexte billet seul se fait dans la catégorie et non sur la totalité du blog.

Trois types d'affichage des listes de billets

• affichage conventionnel : les billets se positionnent les uns au-dessous des autres,
• affichage single : les billets sont par couple de deux,
• affichage small : sous forme de liste très simplifiée (par exemple dans le fichier archive_month.html).

Deux pages home
A rédiger...

Cas particulier du widget texte
A rédiger...

Astuces

• Positionnement du moteur de recherche dans la barre de menu

Dans post.html, déplacer le <div id="recherche">...</div> après le <tpl:SysIf has_tag="MenuFreshy">{{tpl:MenuFreshy level="0"}}</tpl:SysIf>.
Dans style.css, modifier les styles de #recherche et #search comme indiqué dans le fichier.

• Réduire la navigation dans le contexte billet seul à une catégorie particulière

Installer le plugin myPostCategoryIf.
Dans post.html, remplacer le code <div id="navlinks">...</div> par celui-ci en le renseignant avec le nom urlisé de votre catégorie :

  <tpl:MyPostCategoryIf url="Votre-categorie">
    <div id="navlinks">
      <p><tpl:EntryPrevious restrict_to_category="1"><a href="{{tpl:EntryURL}}"
      title="{{tpl:EntryTitle encode_html="1"}}" class="prev">&#171; {{tpl:EntryTitle encode_html="1"
      cut_string="70"}}</a></tpl:EntryPrevious>
      <tpl:EntryNext restrict_to_category="1"> <span>-</span> <a href="{{tpl:EntryURL}}"
      title="{{tpl:EntryTitle encode_html="1"}}" class="next">{{tpl:EntryTitle encode_html="1"
      cut_string="70"}} &#187;</a></tpl:EntryNext>
      </p>
    </div>
  </tpl:MyPostCategoryIf>

• Afficher les billets de toutes les catégories selon l'affichage single et une catégorie particulière selon l'affichage conventionnel

Ajoutez après la balise <tpl:Entries>, la condition excluant la catégorie à afficher selon le mode conventionnel. Vous devez obtenir ceci :

<!-- # -- liste des billets single -->
<tpl:Entries>
  <tpl:CategoryIf url="!Url-de-ma-categorie-particuliere">
    <div class="post single">

Le ! devant l'URL permet d'inverser le sens du test.

Puis on ferme le bloc par ceci :

<tpl:EntryIf odd="0"> <div style="clear:left;"> </div> </tpl:EntryIf>
<!-- # -- End liste des billets single -->
</tpl:CategoryIf>

A la suite, on ajoute le code pour l'affichage des billets de la catégorie particulière selon le mode d'affichage conventionnel, en prenant soin de renseigner son url. Vous devez obtenir ceci :

      <!-- # -- liste des billets conventionnel -->
      <tpl:CategoryIf url="Url-de-ma-categorie-particuliere">
        <div class="post">
          <div class="post-meta clearfix">
          <h2 class="post-title left"><a href="{{tpl:EntryURL}}"
          title="{{tpl:EntryTitle encode_html="1"}}">{{tpl:EntryTitle encode_html="1"}}</a></h2>
          <p class="post-info right">
          <span class="infopost"><span>{{tpl:lang By}} {{tpl:EntryAuthorLink}}</span>
          {{tpl:EntryDate}}</span>
          </p>
          </div><!-- End post-meta -->

          <div class="post-box">
            <div class="post-content">
            <!-- # --BEHAVIOR-- publicEntryBeforeContent -->
            {{tpl:SysBehavior behavior="publicEntryBeforeContent"}}
            <div class="post-intro">

            <!-- # Entry with an excerpt -->
            <tpl:EntryIf extended="1">
            <div class="entryimages">
            {{tpl:EntryImages size="o" html_tag="div" link="none" legend="none" length="1"}}
            </div>
            <p>{{tpl:EntryExcerpt full="1" encode_html="1" remove_html="1" cut_string="350"}} [...]</p>
            </tpl:EntryIf>

            <!-- # Entry without excerpt -->
            <tpl:EntryIf extended="0">
            <div class="entryimages">
            {{tpl:EntryImages size="o" html_tag="div" link="none" legend="none" length="1"}}
            </div>
            <p>{{tpl:EntryContent full="1" encode_html="1" remove_html="1" cut_string="350"}} [...]</p>
            </tpl:EntryIf>
            
            </div><!-- End post-intro -->
            </div><!-- End post-content -->

            <!-- # --BEHAVIOR-- publicEntryAfterContent -->
            {{tpl:SysBehavior behavior="publicEntryAfterContent"}}

            <div class="post-footer clearfix">
              <div class="continue-reading">
              <a href="{{tpl:EntryURL}}"
              title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue reading}}</a>
              </div>
            </div><!-- End post-footer -->
          </div><!-- End post-box -->
        </div><!-- End post -->
      </tpl:CategoryIf>
      <!-- # -- End liste des billets conventionnel -->

Youpi.