Personnalisation de Twenty Seventeen

  • WordPress :4.6.1
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 29)
  • Auteur
    Messages
  • #1608246

    Breat
    Participant
    Initié WordPress
    49 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de WordPress : 4.7
    • Thème utilisé : Twenty Seventeen
    • Extensions en place : nombreuses
    • Nom de l’hébergeur : o2switch
    • Adresse du site : http://breat.me

    Problème(s) rencontré(s) :

    Suite à mon changement de thème pour le petit nouveau d’automattic j’ai quelques petits soucis de personnalisation :

    1°) je n’arrive pas à ajouter la sidebar correctement sur une page. quand j’ajoute le code suivant dans le template elle se case en dessous du contenu.

    <?php get_sidebar(); ?>

    2°) je n’arrive pas à jouter le lien lire la suite sur les post type vidéo. ou alors j’ai la vidéo en double.

    3°) je n’arrive pas à ajouter sur la page d’accueil les boutons de partage jetpack bien que la case soit bien cochée dans les paramètres.

    Merci d’avance de votre aide.

    Cordialement,

    #1608355

    PhiLyon
    Modérateur
    Maître WordPress
    15716 contributions

    Bonjour.

    Rajoutes-ça dans le CSS personnalisé, j’ai mis des pourcentages, tu peux mettre une largeur en px si tu veux.

    Je n’ai pas vérifié ailleurs dans le thème, s’il n’y avait pas de répercutions.

    #primary {
      width:70%;
      float:left;
    }
    
    #secondary {
      width:25%;
      float:right;
    }

    🙂

    #1608374

    Flobogo
    Modérateur
    Maître WordPress
    13152 contributions

    Bonjour,

    Pour le problème 1, c’est sans doute juste une class manquante, qui existe dans les articles et pas dans les pages, mais qui doit être nécessaire au bon affichage de la sidebar. Regardez éventuellement les <div> qui enveloppent la sidebar dans les articles.

    #1608454

    Breat
    Participant
    Initié WordPress
    49 contributions

    @philyon merci ça fonctionne mais du coup le titre me gène car trop peu d’espace pour le contenu, si je réduit sa taille c’est pas terrible et si je le vire complètement le ça pourrait très bien aller mais je devrait modifier un css qui changera toutes mes pages/posts donc tant pi pour la sidebar.

    avez-vous une solution pour les autres problèmes ?

    #1608744

    jipaqirep
    Participant
    Padawan WordPress
    89 contributions

    <div id= »fwf_content »>Ma configuration WP actuelle :

    • – Version de WordPress : 4.7
    • – Version de PHP/MySQL : 5.6.25 / 5.5.52
    • – Thème utilisé : Twenty Seventeen
    • – Thème URI : https://wordpress.org/themes/twentyseventeen/
    • – Extensions en place : AddQuicktag (2.4.3), AMP (0.4.2), Captcha by BestWebSoft (4.2.4), Category Post list Widget (1.2), Contextual Related Posts (2.3.0), Font Awesome Icons (3.2.1), Forum_wordpress_fr (4.1), iframe (4.3), Jetpack by WordPress.com (4.4.1), List Pages Shortcode (1.7.4), Shareaholic | share buttons, analytics, related content (7.8.0.4), Subscribe to Comments Reloaded (160915), Super RSS Reader (2.5), W3 Total Cache (0.9.5.1), Wordfence Security (6.2.5), WP-ServerInfo (1.63), WP Hide Post (1.2.2), WP to diaspora* (1.7.1), Yoast SEO (3.9)
    • – Adresse du site : http://drivrsdu.fr
    • – Nom de l’hébergeur : OVH

    </div>
    Bonjour,

    Je suis un peu perplexe sur l’image d’en tête sur le wordpress 4.7 et son nouveau thème twenty seventeen.

    Wordpress me recommande une image de 2000×1200, ce qui me parait énorme ?…

    En tous cas, discipliné, c’est ce que j’ai fait (à 2 pixels près je crois). Bon… c’est un style, pourquoi pas ? je me demande ce qu’en pense google évidemment ?

    Visuellement sur PC ça passe pas trop mal, mais sur smartphone, l’image est complètement tronquée ? C’est moche je trouve. Là je ne comprends vraiment plus l’intérêt de la chose du but ? Pourquoi demander à mettre une énorme image pour la tronquer ensuite ?

    Merci de m’éclairer sur la philosophie Twenty Seventeen.

     

    #1608745

    jipaqirep
    Participant
    Padawan WordPress
    89 contributions

    Heu… désolé je me suis complètement trompé. Je vais essayer de publier ma question dans une nouvelle discussion, stay tuned. Toutes mes excuses encore.

    #1608786

    Breat
    Participant
    Initié WordPress
    49 contributions

    pas de soucis en tout cas personnellement j’ai viré l’image depuis les options du thème car je ne la trouvais pas utile

    #1609226

    Breat
    Participant
    Initié WordPress
    49 contributions

    petit up

    #1609227

    PhiLyon
    Modérateur
    Maître WordPress
    15716 contributions

    Bonjour.

    Un Up pourquoi du coup ?

    🙂

    #1609232

    Breat
    Participant
    Initié WordPress
    49 contributions

    pour les problèmes 2 et 3 de mon 1er post

    #1609236

    jeherve
    Participant
    Padawan WordPress
    76 contributions

     3°) je n’arrive pas à ajouter sur la page d’accueil les boutons de partage jetpack bien que la case soit bien cochée dans les paramètres.

    Je n’arrive pas à reproduire le problème de mon côté. Avez-vous fait des changements au loop de WordPress dans votre thème enfant, et retiré the_content() du loop affichant les articles sur la page d’accueil ? Si c’est le cas, les boutons de partage, qui sont ajoutés au contenu de l’article, ne pourront en effet pas être affichés. Il vous faudra les ajouter manuellement à votre loop personnalisé, sous les vidéos, comme ceci :

    // Afficher les boutons de partage
    if ( function_exists( 'sharing_display' ) ) {
        sharing_display( '', true );
    }
     
    // Afficher les Likes
    if ( class_exists( 'Jetpack_Likes' ) ) {
        $custom_likes = new Jetpack_Likes;
        echo $custom_likes->post_likes( '' );
    }

    #1609247

    Breat
    Participant
    Initié WordPress
    49 contributions

    non je n’y est pas touché, mais voici ce que j’ai dans le fichier wp-content/themes/twentyseventeen/template-parts/postcontent.php d’origine du thème sachant qu’il y a en tout 7 fichiers content….php :

    <?php
    /**
     * Template part for displaying posts
     *
     * @link https://codex.wordpress.org/Template_Hierarchy
     *
     * @package WordPress
     * @subpackage Twenty_Seventeen
     * @since 1.0
     * @version 1.0
     */
    
    ?>
    
    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    	<?php
    		if ( is_sticky() && is_home() ) :
    			echo twentyseventeen_get_svg( array( 'icon' => 'thumb-tack' ) );
    		endif;
    	?>
    	<header class="entry-header">
    		<?php
    			if ( 'post' === get_post_type() ) :
    				echo '<div class="entry-meta">';
    					if ( is_single() ) :
    						twentyseventeen_posted_on();
    					else :
    						echo twentyseventeen_time_link();
    						twentyseventeen_edit_link();
    					endif;
    				echo '</div><!-- .entry-meta -->';
    			endif;
    
    			if ( is_single() ) {
    				the_title( '<h1 class="entry-title">', '</h1>' );
    			} else {
    				the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
    			}
    		?>
    	</header><!-- .entry-header -->
    
    	<?php if ( '' !== get_the_post_thumbnail() && ! is_single() ) : ?>
    		<div class="post-thumbnail">
    			<a href="<?php the_permalink(); ?>">
    				<?php the_post_thumbnail( 'twentyseventeen-featured-image' ); ?>
    			</a>
    		</div><!-- .post-thumbnail -->
    	<?php endif; ?>
    
    	<div class="entry-content">
    		<?php
    			/* translators: %s: Name of current post */
    			the_content( sprintf(
    				__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentyseventeen' ),
    				get_the_title()
    			) );
    
    			wp_link_pages( array(
    				'before'      => '<div class="page-links">' . __( 'Pages:', 'twentyseventeen' ),
    				'after'       => '</div>',
    				'link_before' => '<span class="page-number">',
    				'link_after'  => '</span>',
    			) );
    		?>
    	</div><!-- .entry-content -->
    
    	<?php if ( is_single() ) : ?>
    		<?php twentyseventeen_entry_footer(); ?>
    	<?php endif; ?>
    
    </article><!-- #post-## -->

    #1609248

    jeherve
    Participant
    Padawan WordPress
    76 contributions

    Pourtant votre page d’accueil n’inclut que des vidéos, et rien d’autre. Utilisez-vous une extension pour ajouter ou gérer ces vidéos ?

    #1609265

    Breat
    Participant
    Initié WordPress
    49 contributions

    non je met un code iframe personalisé :

    <div class="embed-container"><iframe src="http://www.dailymotion.com/embed/video/?syndication=249204" allowfullscreen="1" frameborder="0" min-height="360" min-width="640"></iframe></div>
    <div class="embed-container"><iframe src="https://player.vimeo.com/video/" allowfullscreen="1" frameborder="0" min-height="360" min-width="640"></iframe></div>
    <div class="embed-container"><iframe src="https://www.youtube.com/embed/" allowfullscreen="1" frameborder="0" min-height="360" min-width="640"></iframe></div>

    avec comme css :

    .embed-container,.entry-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
    .embed-container embed,.embed-container iframe,.entry-video iframe,.entry-video iframe.lazyloaded,.embed-container object,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%;}

     

    • Cette réponse a été modifiée le il y a 9 mois et 1 semaine par  Breat.
    • Cette réponse a été modifiée le il y a 9 mois et 1 semaine par  Breat.
    #1609363

    jeherve
    Participant
    Padawan WordPress
    76 contributions

    Intéressant. Cela vient en fait du template utilisé pour les articles utilisant le format « Vidéo ». Dans ces cas, seule la vidéo est affichée sur toutes les pages, sauf la page de l’article où le contenu de l’article est aussi affiché.

    Pour ajouter les boutons de partage, il va vous falloir créer un fichier template-parts/post/content-video.php dans votre thème enfant, copier tout le contenu detemplate-parts/post/content-video.php dans Twenty Seventeen, et ajouter ensuite le code que j’ai mentionné hier à la ligne 71, juste avant <span class="pl-k">endif</span>;.

     

     

15 sujets de 1 à 15 (sur un total de 29)
  • Vous devez être connecté pour répondre à ce sujet.