Nouveau thème inspiré du thème du Manager

[Jojaba]

Voilà, la boucle est bouclée ! Pour des raisons de cohérence
dirons-nous, je vous propose un nouveau thème. Je me suis fortement
inspiré du thème du Manager afin d'obtenir une cohérence maximale entre
le front- et le backend. Je pense que cela facilitera grandement
l'utilisation de Plume CMS notamment par les débutants. Sur le plan de
l'esthétique, ce thème n'arrive sûrement pas au niveau de ceux de Léo ou
Kiwi, mais il a le mérite d'être relativement abordable lors de la
modification ( feuille css sans hacks et commentée, gabarits avec styles
redondants et commentaires, ...). Je l'ai installé sur le site de test
pour que vous puissiez donner votre avis, dès que je suis un peu reposé,
je vous poserai quelques menues questions concernant la mise en place de
fonctions (je vous collerai le code ici), je ne suis pas sûr de moi...
http://plumecmstest.free.fr/

Sur ceux, dodo !
A+

[Loic d'Anterroches]

C'est vraiment chouette. Il demanderait un peu plus de soins dans
certains coins, mais sinon c'est vraiment une jolie base pour continuer.
Sur le principe je suis d'accord pour aller de l'avant avec ce thème.

a+
loïc

[Jojaba]

Il demanderait un peu plus de soins dans
certains coins, mais sinon c'est vraiment une jolie base pour continuer.
Sur le principe je suis d'accord pour aller de l'avant avec ce thème.

  

Euh... Difficile de passer la balayette dans les coins ! :-D
Quelques indications pour repérer les endroits où j'ai mon manqué de soin, s'il te plaît ?
Ce que je vois de mon côté. Les icônes de l'easy-access (au-dessus du champ de recherche) ne sont pas top, je vais les retravailler. J'ai l'intention d'ailleurs de proposer une icône supplémentaire pointant une page indiquant les méthodes d'accessibilités qu'il faut que j'implémente encore sous forme d'accesskey, un peu comme ce qe j'ai fait pou mon site perso : http://jojaba.free.fr/?/_accessibilite/ (ce serait d'ailleurs bien d'avoir ce type de page par défaut dans le thème, à l'instar du paln de site). Le style du menu ne casse pas des briques non plus, je le conçois. Peut-être ajouter des "coins" arrondis...
En attendant, je soumets ici les morceaux de code pour lesquels je ne suis pas sûr d'avoir utilisé la bonne méthode (même si apparemment, ça fonctionne ainsi).
Pour la page d'accueil (gabarit category_homepage) le listing des dernières ressources (triées par type sur deux colonnes) :
@@@@@@@@@@@@@@@@@@@@@@@@@@
<div class="column">
<h2><?php echo __('Recent articles'); ?></h2>
  <?php pxGetLastResources(3,'articles'); ?>
  <?php if (!$last->EOF()): ?>
  <?php while (!$last->EOF()): ?>
    <div class="resource">
            <p class="read"><a href="<?php pxLastResPath(); ?>" title="<?php pxLastResTitle('%s'); ?>"><?php echo __('Read'); ?></a></p>
      <h3 class="article"><?php pxLastResTitle('%s'); ?></h3>
            <div class="infos">
        <p><span class="datetime"><?php pxLastResDateModification(__('%Y-%m-%d at %H:%M')); ?></span> <?php echo __('by'); ?> <span class="author"><a href="<?php pxLastResAuthorEmail('mailto:%s'); ?>" title="<?php pxLastResAuthor(); ?><?php echo __(', publisher of'); ?> <?php pxLastResTitle('%s'); ?>"><?php pxLastResAuthor(); ?></a></span></p>
        <p><span class="comments"><?php echo __('Number of comments:') ?> <?php pxLastResCountComments() ?></span></p>
            </div>
            <div class="description">
            <?php pxLastResDescription(); ?>
            </div>
    </div><!-- end resource -->
  <?php
  $last->moveNext();
  endwhile; ?>
  <?php else: ?>
        <p><?php echo __('No resources'); ?></p>
  <?php endif; ?>
<hr class="invisible" />
</div>

<div class="column">
<h2><?php echo __('Recent news'); ?></h2>
  <?php pxGetLastResources(3,'news'); ?>
  <?php if (!$last->EOF() ): ?>
  <?php while (!$last->EOF()): ?>
       <div class="resource">
           <p class="read"><a href="<?php pxLastResPath(); ?>" title="<?php pxLastResTitle('%s'); ?>"><?php echo __('Read'); ?></a></p>
     <h3 class="news"><?php pxLastResTitle(); ?></h3>
           <div class="infos">
           <p><span class="datetime"><?php pxLastResDateModification(__('%Y-%m-%d at %H:%M')); ?></span> <?php echo __('by'); ?> <span class="author"><a href="<?php pxLastResAuthorEmail('mailto:%s'); ?>" title="<?php pxLastResAuthor(); ?><?php echo __(', publisher of'); ?> <?php pxLastResTitle('%s'); ?>"><?php pxLastResAuthor(); ?></a></span></p>
       <p><span class="comments"><?php echo __('Number of comments:') ?> <?php pxLastResCountComments() ?></span></p>
           </div>
          <div class="description">
          <?php pxLastResDescription(); ?>
          </div>
          <?php pxLastResAssociatedLink('<p class="associated-link"><a href="%1$s">%2$s</a></p>'); ?>
       </div>
  <?php
  $last->moveNext();
  endwhile ?>
  <?php else: ?>
  <p><?php echo __('No resources'); ?></p>
  <?php endif; ?>
  <hr class="invisible" />
</div>
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
Pour le listing des ressources dans le gabarit category_category (test pour modifier l'image du titre selon la ressource) :
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
<?php while (!$res->EOF()): ?>
<div class="resource">
      <p class="read"><a href="<?php pxResPath(); ?>" title="<?php pxResTitle('%s'); ?>"><?php echo __('Read'); ?></a></p>
      <?php if ($res->f('type_id') == PX_RESOURCE_MANAGER_NEWS): ?>
    <h3 class="news"><?php pxResTitle('%s'); ?></h3>
      <?php else: ?>
    <h3 class="article"><?php pxResTitle('%s'); ?></h3>
      <?php endif; ?>
      <div class="infos">
      <p><span class="datetime"><?php pxResDateModification(__('%Y-%m-%d at %H:%M')); ?></span> <?php echo __('by'); ?> <span class="author"><a href="<?php pxResAuthorEmail('mailto:%s'); ?>"><?php pxResAuthor(); ?></a></span>.</p>
      <p><span class="cat"><?php pxResCategories(__(' In %s'), ', ', __(' and ')); ?></span></p>
      <p><span class="comments"><?php echo __('Number of comments:') ?> <?php pxResCountComments() ?></span></p>
      </div>
      <div class="description">
      <?php pxResDescription(); ?>
      </div>
</div>
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
Je me suis contenté de copier une ligne de code que tu as proposé récemment à un des utilisateurs. Je ne sais pas s'il était opportun de placer ça dans un thème devant être très intuitif,...

Merci d'avance.

PS : je compte, après un petit nettoyage du code, mettre à dispo ce thème afin que tout le monde puisses mettre la main à la pâte... Ce serait chouette si tout le monde pouvait apporter sa brique au chantier !

[Loic d'Anterroches]

Dès que c'est publique, je mets les mains dedans pour aider.
J'aime bien la structure et je me dis que je ferais bien une version
"lite" ensuite pour http://xhtml.net/

:)
loïc

Jojaba wrote:
>> Il demanderait un peu plus de soins dans
>> certains coins, mais sinon c'est vraiment une jolie base pour continuer.
>> Sur le principe je suis d'accord pour aller de l'avant avec ce thème.
>>
>>
> Euh... Difficile de passer la balayette dans les coins ! :-D
> Quelques indications pour repérer les endroits où j'ai mon manqué de soin, s'il
> te plaît ?
> Ce que je vois de mon côté. Les icônes de l'easy-access (au-dessus du champ de
> recherche) ne sont pas top, je vais les retravailler. J'ai l'intention
> d'ailleurs de proposer une icône supplémentaire pointant une page indiquant les
> méthodes d'accessibilités qu'il faut que j'implémente encore sous forme
> d'accesskey, un peu comme ce qe j'ai fait pou mon site perso :
> http://jojaba.free.fr/?/_accessibilite/ (ce serait d'ailleurs bien d'avoir ce
> type de page par défaut dans le thème, à l'instar du paln de site). Le style du
> menu ne casse pas des briques non plus, je le conçois. Peut-être ajouter des
> "coins" arrondis...
> En attendant, je soumets ici les morceaux de code pour lesquels je ne suis pas
> sûr d'avoir utilisé la bonne méthode (même si apparemment, ça fonctionne ainsi).

> *Pour la page d'accueil (gabarit category_homepage) le listing des dernières
> ressources (triées par type sur deux colonnes) :*

> *Pour le listing des ressources dans le gabarit category_category (test pour
> modifier l'image du titre selon la ressource) :*

[Jojaba]

Loic d'Anterroches a écrit :

> Dès que c'est publique, je mets les mains dedans pour aider.
>

Voilà, j'ai bouclé le truc le mieux que je pouvais. Sans plus attendre,
le lien de téléchargement du thème :
http://plumecmstest.free.fr/testdownload/newdefault.zip
J'ai testé sur Firefox 2.0.0.12, sur Internet explorer 6 xp sp2 et sur
Opera 9.25. Je rappelle qu'aucun Hack n'a été nécessaire pour la feuille
de style (CSS). Le site s'affiche correctement à partir d'une résolution
d'écran de 800x600 px et s'adapte donc aux autres résolutions.
Si vous souhaitez revoir le thème, je l'ai actualisé sur le site de test :
http://plumecmstest.free.fr/
Vous constaterez quelques modifications graphiques (quelques arrondis
bonus pour ceux qui utilisent Firefox) et des fonctionnalités
supplémentaires (comme la possibilité d'aller directement aux
commentaires d'une ressource à partir de la liste des ressources d'une
catégorie ou de la page d'accueil).
Deux choses qui me turlupinent :
1) La favicon n'est pas prise en compte par IE 6, pourtant le code
devraitt être reconnu par IE (<link rel="shortcut icon"
type="image/x-icon" href="<?php pxInfo('filesurl');
?>theme/newdefault/img/favicon.ico" />). Peut-être est-ce dû au fait
qu'elle ne se trouve pas à la racine du site (il me semble avoir lu ça
quelque part) ?
2) J'ai voulu afficher le chemin absolu des ressources avec la fonction
<?php pxArtPath('fullurl'); ?> (pour un article). Or d'après ce que je
vois dans le fichier \manager\inc\lib.frontend.php, cette fonctionnalité
a disparu :
@@@@@@@@@@@@@@@@@@@@@@
/**
Display the path to the article.

@proto function pxArtPath
@param string type 'fullurl' give path with http:// ('relative')
@param boolean return Type of return : true, return result as a string,
false (default) print in stdout
*/
function pxArtPath($type='relative', $return=false)
{
$result = $GLOBALS['_PX_render']['art']->getPath($type);

if ($return) return $result;
echo $result;
}

@@@@@@@@@@@@@@@@@@@@@@@
Y-a-til une raison particulière à ça ?
J'ai tenté de contourner le problème en associant les deux fonctions
suivantes :
@@@@@@@@@@@@@@@@@@@@@@
<?php pxInfo('fullurl'); ?><?php pxArtPath(); ?>
@@@@@@@@@@@@@@@@@@@@@@
Mais il y a un "/" de trop, hélas !

[loïc m.]

Merci à toi.
Le thème fonctionne pour du 800x480 (format eee pc).
Donc très bon thème pour les petits écrans ;)

[Jojaba]

loïc m. a écrit :

> Merci à toi.
> Le thème fonctionne pour du 800x480 (format eee pc).
> Donc très bon thème pour les petits écrans ;)
>
>

Je pense qu'on peut même descendre à 640x480 , mais dans ce cas, il
faudra faire une croix sur les deux colonnes de la page d'accueil à
moins de réduire la taille de la police et sacrifier les icônes en ligne
(hauteur: 16px). Je vous joint une copie d'écran d'une page "catégorie"
en 640x480. On peut même gagner un peu de place en supprimant le margin
de 20px du body (40px en largeur ne sont pas négligeables sur les
petites résolution).

[Loic d'Anterroches]

J'aime beaucoup les 2 colonnes, cela me permettra de garde en vue
pendant longtemps les derniers articles de mon site et avoir les petites
news régulières dans l'autre colonne.

a+
loïc

[Jojaba]

Loic d'Anterroches a écrit :
>

> J'aime beaucoup les 2 colonnes, cela me permettra de garde en vue
> pendant longtemps les derniers articles de mon site et avoir les petites
> news régulières dans l'autre colonne.
>

Ne t'inquiète pas, je ne voulais pas supprimer les colonnes, je ne
donnais que des indications pour les personnes qui auraient besoin d'un
thème compatible avec de petites résolutions.

[Jojaba]

Nouvelle version du thème avec prise en charge de la mise en forme wiki
gallery que j'avais oublié dans la feuille de style. Je n'ai jamais
utilisé cette fonctionnalité pour la simple raison que je n'utilise que
très rarement le mode wiki. Je viens de lire les explications de Cilia (
http://pxsystem.sourceforge.net/fr/docs/appendices-a.html#xA1112 ) et je
trouve que pour une utilisation basique elle est vraiment très
sympathique cette fonctionnalité ! Il faudra que je rajoute dans l'aide
XHTML les différents styles que l'on peut utiliser pour mettre en forme
(placer à gauche, à droite, créer une galerie).
Voici donc la nouvelle version :
http://plumecmstest.free.fr/testdownload/newdefault-22-2-2008.zip

[Jojaba]

Nouvelle version du thème newdefault. IE posait problème pour
l'affichage convenable de la galerie. D'autre part, j'ai modifié le lien
pointant vers la ressource.
Voici la nouvelle archive :
http://plumecmstest.free.fr/testdownload/newdefault-23-2-2008.zip
Merci de me rapporter tout souci.

[Jojaba]

Jojaba a écrit :

> Nouvelle version du thème newdefault. IE posait problème pour
> l'affichage convenable de la galerie.
>

Si vous souhaitez voir ce que ça donne :
http://plumecmstest.free.fr/?/Test-de-mise-en-forme-WIKI ;-)