L'affichage de mon site est différente de la démo !

  • Avatar de Inconnu
    anouchka25 · Membre ·

    Bonjour
    J’utilise ce thème : https://selademo.wordpress.com/
    Mais je n’obtiens pas le rendu que je veux. Voici mon site : https://cristalpixblog.wordpress.com/
    Mon menu est en dessous de l’image d’entête. Les 3 blocs (‘Full-Width Page’, ‘Grid Page’, ‘Default Template’) de la demo ne s’affichent pas sur mon site comme sur la démo.
    Pouvez-vous m’aider à avoir le même rendu que la démo ? Merci

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Bonjour. Il faut mettre manuellement une image, du texte et un lien « Read more », le tout en code HTML et dans un widget de texte placé dans la zone « Frontpage Sidebar » de votre choix.

    – Pour le code HTML de l’image :
    <img src="XXX" />
    (En prenant soin de remplacer XXX par l’adresee de l’image à insérer)
    – Pour le lien « Read more » ou autre :
    <a href="ADRESSE_DE_L'ARTICLE">Continuer</a>
    (En prenant soin de remplacer ADRESSE_DE_L’ARTICLE par la véritable adresse de l’article ou de la page voulue.)

  • Avatar de Inconnu
    anouchka25 · Membre ·

    Merci de votre réponse. Pour le menu principal, pourquoi est-il en dessous de l’image d’entête ? Je trouve aussi l’image d’entête est petite par rapport à la démo?

  • Avatar de Inconnu
    airodyssey · Modérateur ·

    J’oubliais de mentionner que dans votre page statique « accueil », vous devez insérer une « image à la une » (ce que vous appelez par erreur « image d’en-tête » dans votre question) et choisir le modèle « Front page » (je ne sais pas comment s’appelle le modèle en français – peut-être « Page frontale » ou « Page d’accueil »).

    Si vous parlez anglais, je vous conseille fortement de lire les explications détaillées dans https://theme.wordpress.com/themes/sela/

  • Avatar de Inconnu
    anouchka25 · Membre ·

    Bonjour
    J’utilise ce thème : https://selademo.wordpress.com/
    Mais je n’obtiens pas le rendu que je veux. Voici mon site : https://cristalpixblog.wordpress.com/
    Les 3 blocs (‘Full-Width Page’, ‘Grid Page’, ‘Default Template’) de la demo ne s’affichent pas sur mon site comme sur la démo.
    Pouvez-vous m’aider à avoir le même rendu que la démo ? Merci
    J’ai crée un tableau avec 3 images mais toujours rien, voici mon code : 

    <table border="0" width="100%" cellspacing="10" cellpadding="15">
<tbody>
<tr>
<th>
<h3 style="text-align: center;">Bloc 3D</h3>
</th>
<th>
<h3 style="text-align: center;">Photo 2D</h3>
</th>
<th>
<h3 style="text-align: center;">Portes Clés</h3>
</th>
</tr>
<tr>
<td> 

<a href="https://cristalpixblog.wordpress.com/bloc3d/">
<img class=" aligncenter" src="https://cristalpixblog.files.wordpress.com/2016/05/bloc3d_1.png" alt=" " width="500" height="200" /></a></td>
<td> 

<a href="https://cristalpixblog.wordpress.com/photo2d/">
<img class=" alignnone" src="https://cristalpixblog.files.wordpress.com/2016/05/photos2d_1.png" alt=" " width="500" height="200" /></a></td>
<td> 

<a href="https://cristalpixblog.wordpress.com/portes-cles/">
<img class=" aligncenter" src="https://cristalpixblog.files.wordpress.com/2016/05/portecles_1.png" alt=" " width="500" height="200" /></a></td>
</tr>
</tbody>
</table>
  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Il ne faut pas faire de tableau. Pourriez-vous relire tranquillement toutes les explications fournies dans le présent sujet jusqu’ici SVP?

  • Avatar de Inconnu
    anouchka25 · Membre ·

    Ok j’ai bien relu tes précedents conseils mais ça ne me donne pas toujours l’affichage de la demo.
    Voici le code que j’ai remis pour afficher les 3 images à l’accueil. Je pense qu’il faut modifier le css mais je n’y ait pas accès ou bien je ne connais pas où trouver le fichier css.

    <a href="https://cristalpixblog.wordpress.com/bloc3d/"><img class=" aligncenter1" src="https://cristalpixblog.files.wordpress.com/2016/05/bloc3d_1.png" alt=" " width="90" height="90" /></a><p>This is a full-width page template. It’s great for embedding a map, a large video, or a contact form.<a href="https://cristalpixblog.wordpress.com/bloc3d/">Lire la suite</a></p>

<a href="https://cristalpixblog.wordpress.com/photo2d/"><img class=" aligncenter2" src="https://cristalpixblog.files.wordpress.com/2016/05/photos2d_1.png" alt=" " width="90" height="90" /></a><p>This page template displays all child pages in a grid format. This format is perfect for your case studies or services page.<a href="https://cristalpixblog.wordpress.com/photo2d/">Lire la suite</a></p>

<a href="https://cristalpixblog.wordpress.com/portes-cles/"><img class=" aligncenter3" src="https://cristalpixblog.files.wordpress.com/2016/05/portecles_1.png" alt=" " width="90" height="90" /></a><p>Regular page template, looks especially good with featured image.<a href="https://cristalpixblog.wordpress.com/photo2d/">Lire la suite</a> </p>
  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Non, il ne faut pas toucher au CSS pour obtenir l’effet de la démo, ni créer de tableau.

    J’ai l’impression que vous n’avez pas suivi toutes les indications, mais seulement certaines indications à la fois.

    Merci de confirmer par « oui » ou « non ».

    1) Avez-vous choisi le modèle « Front page » (ou page frontale, ou page d’accueil) pour la page « Accueil »? (Je l’ai demandé dans ma 2e réponse, plus haut.)

    2) Avez-vous mis une image à la une pour cette page?

    3) Avez-vous inséré un widget dans chacune des trois zones de widget « Frontpage sidebar ».

  • Avatar de Inconnu
    anouchka25 · Membre ·

    Ok j’ai compris mais tout n’est pas résolu. Déjà pour répondre à vos questions.
    1) Oui je viens de le faire.
    2) Oui
    3) J’ai juste insérer un widget texte dans « la première zone de la page d’accueil ». Dans le bloc texte du widget j’ai rajouté ce code et maintenant rien aucune image n’apparait dans la page d’accueil : 

    <a href="https://cristalpixblog.wordpress.com/bloc3d/"><img class=" aligncenter1" src="https://cristalpixblog.files.wordpress.com/2016/05/bloc3d_1.png" alt=" " width="300" height="200" /></a><p>This is a full-width page template. It’s great for embedding a map, a large video, or a contact form.<a href="https://cristalpixblog.wordpress.com/bloc3d/">Lire la suite</a></p>

<a href="https://cristalpixblog.wordpress.com/photo2d/"><img class=" aligncenter2" src="https://cristalpixblog.files.wordpress.com/2016/05/photos2d_1.png" alt=" " width="300" height="200" /></a><p>This page template displays all child pages in a grid format. This format is perfect for your case studies or services page.<a href="https://cristalpixblog.wordpress.com/photo2d/">Lire la suite</a></p>

<a href="https://cristalpixblog.wordpress.com/portes-cles/"><img class=" aligncenter3" src="https://cristalpixblog.files.wordpress.com/2016/05/portecles_1.png" alt=" " width="300" height="200" /></a><p>Regular page template, looks especially good with featured image.<a href="https://cristalpixblog.wordpress.com/photo2d/">Lire la suite</a> </p>
  • Avatar de Inconnu
    airodyssey · Modérateur ·

    Désolé si je n’ai pas été clair dans mon explication initiale, mais il devrait y avoir trois zones de widget pour page d’accueil (une pour chaque widget).

    Donc, vous devez insérer un widget texte dans la première zone de page d’accueil;
    un widget texte dans la deuxième zone de page d’accueil.
    et un widget texte dans la troisième zone de page d’accueil.

    Dans chaque widget, vous insérez uniquement le code HTML pour une image et un texte.

    Est-ce plus clair comme ça?

  • Avatar de Inconnu
    anouchka25 · Membre ·

    Franchement merci beaucoup beaucoup. Ca marche j’ai inséré une image dans chaque zone. Merci.

  • Le sujet ‘L'affichage de mon site est différente de la démo !’ est fermé aux nouvelles réponses.