Editeur jce "Harmonisation mise en forme article"

**toffffe** · 05/09/2014, 07h57

Re : Editeur jce "Harmonisation mise en forme article"

Salut
C'est bon c'est bien plugin qu'il faut qu'il soit inscrit
Pour l'éditeur, il ne faudrait normalement pas utiliser les styles dans JCE (changement de couleur, taille de police, ... c'est une mauvaise pratique)
Il faut utiliser les balises hn et les class que tu peux sélectionner dans ton template en fonction de ton template

**toffffe** · 05/09/2014, 08h01

Re : Editeur jce "Harmonisation mise en forme article"

C'est une très mauvaise pratique car les css du template sont présent pour avoir une homogénéité. Et puis imagine aujourd'hui tu mets des verts pour tes titres avec des tailles plus où moins différente. Et bien si demain tu veux changer le vert tu dois aller soit dans chaque article pour changer chaque couleur et chaque taille, ou encore si tu connais tu peux faire la manipulation dans la bdd. Alors que si tu utilises les css du template, tu n'auras que 2 lignes à modifier. Le tour sera joué en 30 secondes.

**alcor54** · 05/09/2014, 08h44

Re : Editeur jce "Harmonisation mise en forme article"

Bonjour et merci de m'avoir répondu.
J'ai bien compris que la solution employée n'était pas la plus confortable.
C'est pourquoi, je souhaitais paramétrer au mieux mes différents templates pour que se soit plus harmonieux et plus souple d'utilisation.
Mais je ne comprends pas comment il faut paramétrer et pratiquer.
Que je m'explique :
1. Je paramètre correctement mes templates en terme de police de caractères, font , taille, couleur....
2.Je rédige mes articles sans toucher aux diverses "font", les couleurs, les tailles mise à dispo de la barre d'outil.
3.Je privilégie l'utilisation des fenêtres de la barre d'outils "titres H1,H2...paragraphe" et les styles CSS. Où dois je tout simplement rédiger mon article en touchant la fenêtre "titres H1,H2...paragraphe"

Merci

**alcor54** · 05/09/2014, 08h49

Re : Editeur jce "Harmonisation mise en forme article"

Pour mieux comprendre mon problème actuel voici le lien de mon site http://www.cgt-tamm.fr/accueil.html
Tu pourras te rendre compte que l'harmonisation est loin d'être top.

J'ai une autre question, quelle police serait la plus adaptée ?
Car j'ai bien installé de nouvelles police dans template créator mais celles ci ne sont pas disponibles dans mon éditeur.

Autre remarque, j'ai bien compris ton raisonnement et il se tient.
Mais comme je l'ai stipulé en début de post, j'ai désactivé dans la config globale de JCE la réinitialisation des styles (sur position "Oui") afin de ne pas avoir l'image de fond qui me gênait. En faisant ça, j’occulte l'utilisation des styles de mes templates. Retour donc à la case départ.
Non !!!

**Rajoz** · 05/09/2014, 11h01

Re : Editeur jce "Harmonisation mise en forme article"

Bonjour alcor54,

Voici quelques exemples de présentation qui sont améliorables : attention ne pas prendre mes remarques pour une critique, j'essaye seulement d'être constructif.

D'abord l'article sur le coût d'adhésion.

Le séparateur est codé de la façon suivante (j'ai ajouté les retraits) :

Code HTML:

<p style="text-align: center;">
    <em>
        <span style="background-color: #ffffff; font-size: 14pt;">
            <span style="background-color: #ffffff;">
                ------------------------------------------------------------
            </span>
        </span>
    </em>
</p>

Ce séparateur pourrait être remplacé par un <hr> avec une classe de style définie pour tout le site (pour le pointillé, la longueur, le centrage, etc.), il y a un bouton dans l'éditeur qui permet d'insérer cette ligne. Par exemple (ici je ne peux pas mettre le style) :

On peut aussi se servir d'une image qui pourrait être réutilisée dans tout le site, par exemple (il en existe des tas) :

ou pour encore penser aux vacances

Le texte est codé (pour chaque ligne) :

Code HTML:

<p style="text-align: center;">
    <span style="font-size: 14pt;">
        <strong>
            <span style="background-color: #00ff00;">
                <em>
                    <span style="color: #000000;">
                        <span style="font-family: arial,helvetica,sans-serif;">
                            <em>
                                La ligne de texte...
                            </em>
                        </span>
                    </span>
                </em>
            </span>
        </strong>
    </span>
</p>

Si ce style de texte doit être utilisé plusieurs fois sur le site, pour obtenir un résultat homogène il vaut mieux créer une classe CSS en mettant le code de style dans un des fichiers .css du template (par exemple à la fin de template.css) :

Code:

.texte-important {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    background-color: #00ff00;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    font-style: italic;
}

Le code du texte devient plus simple et facile à reproduire à l'identique :

Code HTML:

<p class="texte-important">
    La ligne de texte...
</p>

De plus si on veut un jour ne plus avoir le fond en vert, au lieu d'avoir à modifier tous les articles un par un et pour toutes les lignes concernées, il suffit de modifier une seule fois le CSS (background-color: #00ff00; )

De la même façon le titre est souvent présenté de façon différente, quelques exemples des styles utilisés sur cinq pages :

Code HTML:

<h1 style="text-align: center;"><span style="text-decoration: underline; font-size: 18pt; color: #800080;"><span style="font-family: georgia,palatino;"><strong><em>Le mot du Délégué Syndical</em></strong></span></span></h1>

<h1 style="text-align: center;"><span style="font-size: 18pt;">LA CGT</span></h1>

<p style="text-align: center;"><span style="font-family: georgia,palatino; background-color: #00ff00;"><strong><em><span style="font-size: 18pt;">Assemblée Générale 2014<br /></span></em></strong></span></p>

<p style="text-align: center;"><span style="font-size: 18pt;"><em><strong>Droit à la formation</strong></em></span></p>

<p style="text-align: center;"><span style="text-decoration: underline;"><em><span style="font-family: arial black,avant garde; font-size: 18pt;"><strong>Planning Formation 2014</strong> </span></em></span></p>

Apparemment le titre de l'article de Joomla! est remplacé par un texte en début d'article dont le style de type "titre" est défini dans chaque article. Il serait peut-être plus facile de garder l'affichage du titre de l'article et de mettre à la fin de template.css le style que l'on veut donner à ce titre. Je ne connais pas le template utilisé mais avec Protostar si je veux, par exemple, que tous les titres d'articles soient en italique il suffit d'ajouter à la fin de template.css :

Code:

.page-header h2 {
    font-style: italic;
}

Amicalement,.. oups... Syndicalement,

Rajoz

**alcor54** · 05/09/2014, 12h18

Re : Editeur jce "Harmonisation mise en forme article"

Bonjour et merci pour tes réponses.
Saches tout d'accord que je suis quelqu'un de très ouvert et par conséquent que j'accepte volontiers toutes les critiques.
Tout cela dépend bien sur de la façon dont elles sont apportées.
Dès le moment qu'elles sont constructives.
Je suis de nature très pédagogue.
Je pars du principe qu'il y en a plus dans plusieurs têtes que dans une.
Et si on peut partager et échanger pour faire avancer les choses...pourquoi s'en priver.
J'aime bien ton humour ....tu me sembles être quelqu'un de très sympathique.

Je ferme la parenthèse.

J'ai bien compris tout ce que tu m'as expliqué.
J'ai déjà fait une retouche avec la ligne présent ds l'éditeur et une autre en utilisant l'image.
Ca c'est encore simple à faire .....
Maintenant concernant les styles :
Si entre temps, je modifie mon template, je vais être obligé d'aller recoller la ligne de code CSS dans le fichier.
Comme j'utilise Template creator pour réaliser mes templates, n''y a t-il pas moyen de mettre ces codes une bonne fois pour toute dedans ?
Où , mettre les bons paramètres style, taile , couleur..... dans les différents blocs.
A défaut d'aller retoucher les lignes dans le fichier .css de mon template .

Editeur jce "Harmonisation mise en forme article"

Editeur jce "Harmonisation mise en forme article"

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association