[Résolu] Barre latérale à droite alors qu’elle est paramétrée à gauche… (Créer un compte)

  • WordPress :5.7
  • Statut : résolu
  • Ce sujet contient 4 réponses, 3 participants et a été mis à jour pour la dernière fois par Kimakito, le il y a 40 minutes.
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2380817
    Kimakito
    Participant
    Initié WordPress
    46 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Thème utilisé : OceanWP
    • Extensions en place : Elementor, CPT UI, ACF
    • Adresse du site : développement en local – pas d’url actuellement.

    Problème(s) rencontré(s) : Je viens vers vous parce que j’ai un gros problème et je n’arrive pas du tout à trouver une issue.
    J’ai développé mon site en paramétrant une barre latérale gauche avec le menu principal : exemple de page
    Cela fonctionne sur toutes les pages.

    Or, certaines pages redirigent sur des CPT nommés Projets (créés avec CPT UI et Elementor) et sur ces éléments en particuliers (à priori considérés par oceanWP comme articles) la barre latérale par défaut semble être à droite. Du coup j’ai un espace vide à droite… Et dans les paramètres d’Ocean WP aucun moyen de trouver où paramétrer par défaut la publication des articles.
    J’ai bien modifier dans Blog (entrées du blog / Article unique) la barre latérale à gauche mais pas de résultat sur mes CPT.
    exemple sur une page test

    Paramètres OceanWP 

    J’aimerai de l’aide pour comprendre ce comportement et savoir comment y remédier.

    Voici le code d’une page type :

    <div id="content-wrap" class="container clr">
    
    		
    		<div id="primary" class="content-area clr">
    
    			
    			<div id="content" class="site-content clr">
    
    				
    				
    <article id="post-377">
    
    	
    <div class="thumbnail">
    
    	<img width="1920" height="1234" src="http://lejusteplan.local/wp-content/uploads/2021/06/mountains-1587287_1920.jpg" class="attachment-full size-full wp-post-image" alt="Test Ancien 3" loading="lazy" itemprop="image" srcset="http://lejusteplan.local/wp-content/uploads/2021/06/mountains-1587287_1920.jpg 1920w, http://lejusteplan.local/wp-content/uploads/2021/06/mountains-1587287_1920-300x193.jpg 300w, http://lejusteplan.local/wp-content/uploads/2021/06/mountains-1587287_1920-1024x658.jpg 1024w, http://lejusteplan.local/wp-content/uploads/2021/06/mountains-1587287_1920-768x494.jpg 768w, http://lejusteplan.local/wp-content/uploads/2021/06/mountains-1587287_1920-1536x987.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px">
    </div><!-- .thumbnail -->
    
    
    <header class="entry-header clr">
    	<h2 class="single-post-title entry-title" itemprop="headline">Test Ancien 3</h2><!-- .single-post-title -->
    </header><!-- .entry-header -->
    
    
    
    <div class="entry-content clr" itemprop="text">
    			<div data-elementor-type="wp-post" data-elementor-id="377" class="elementor elementor-377" data-elementor-settings="[]">
    							<div class="elementor-section-wrap">
    							<section class="elementor-section elementor-top-section elementor-element elementor-element-46c0d2ac elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="46c0d2ac" data-element_type="section">
    						<div class="elementor-container elementor-column-gap-default">
    					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-780dfb66" data-id="780dfb66" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-7d30bbed elementor-widget elementor-widget-heading" data-id="7d30bbed" data-element_type="widget" data-widget_type="heading.default">
    				<div class="elementor-widget-container">
    			<h2 class="elementor-heading-title elementor-size-default">Ajoutez votre titre ici</h2>		</div>
    				</div>
    					</div>
    		</div>
    							</div>
    		</section>
    				<section class="elementor-section elementor-top-section elementor-element elementor-element-480df9e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="480df9e6" data-element_type="section">
    						<div class="elementor-container elementor-column-gap-default">
    					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6e8a18ee" data-id="6e8a18ee" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-b36474e elementor-widget elementor-widget-text-editor" data-id="b36474e" data-element_type="widget" data-widget_type="text-editor.default">
    				<div class="elementor-widget-container">
    								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>						</div>
    				</div>
    					</div>
    		</div>
    							</div>
    		</section>
    				<section class="elementor-section elementor-top-section elementor-element elementor-element-2f992351 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2f992351" data-element_type="section">
    						<div class="elementor-container elementor-column-gap-default">
    					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7e4563d8" data-id="7e4563d8" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-7458d51d elementor-widget elementor-widget-image" data-id="7458d51d" data-element_type="widget" data-widget_type="image.default">
    				<div class="elementor-widget-container">
    												<figure class="wp-caption">
    										<img width="1024" height="682" src="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg" class="attachment-large size-large" alt="" loading="lazy" srcset="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg 1024w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-300x200.jpg 300w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-768x512.jpg 768w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1536x1023.jpg 1536w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">											<figcaption class="widget-image-caption wp-caption-text">Lorem ipsum</figcaption>
    										</figure>
    									</div>
    				</div>
    					</div>
    		</div>
    				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-67380afb" data-id="67380afb" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-2fb17762 elementor-widget elementor-widget-image" data-id="2fb17762" data-element_type="widget" data-widget_type="image.default">
    				<div class="elementor-widget-container">
    												<figure class="wp-caption">
    										<img width="1024" height="682" src="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg" class="attachment-large size-large" alt="" loading="lazy" srcset="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg 1024w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-300x200.jpg 300w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-768x512.jpg 768w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1536x1023.jpg 1536w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">											<figcaption class="widget-image-caption wp-caption-text">Lorem ipsum</figcaption>
    										</figure>
    									</div>
    				</div>
    					</div>
    		</div>
    							</div>
    		</section>
    				<section class="elementor-section elementor-top-section elementor-element elementor-element-73189ffe elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="73189ffe" data-element_type="section">
    						<div class="elementor-container elementor-column-gap-default">
    					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-365d7eed" data-id="365d7eed" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-11c1a9d1 elementor-widget elementor-widget-image" data-id="11c1a9d1" data-element_type="widget" data-widget_type="image.default">
    				<div class="elementor-widget-container">
    												<figure class="wp-caption">
    										<img width="1024" height="682" src="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg" class="attachment-large size-large" alt="" loading="lazy" srcset="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg 1024w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-300x200.jpg 300w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-768x512.jpg 768w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1536x1023.jpg 1536w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">											<figcaption class="widget-image-caption wp-caption-text">Lorem Ipsum</figcaption>
    										</figure>
    									</div>
    				</div>
    					</div>
    		</div>
    				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3d8c00da" data-id="3d8c00da" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-408a0c22 elementor-widget elementor-widget-image" data-id="408a0c22" data-element_type="widget" data-widget_type="image.default">
    				<div class="elementor-widget-container">
    												<figure class="wp-caption">
    										<img width="1024" height="682" src="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg" class="attachment-large size-large" alt="" loading="lazy" srcset="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg 1024w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-300x200.jpg 300w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-768x512.jpg 768w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1536x1023.jpg 1536w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">											<figcaption class="widget-image-caption wp-caption-text">Lorem Ipsum</figcaption>
    										</figure>
    									</div>
    				</div>
    					</div>
    		</div>
    							</div>
    		</section>
    				<section class="elementor-section elementor-top-section elementor-element elementor-element-7e8afab6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7e8afab6" data-element_type="section">
    						<div class="elementor-container elementor-column-gap-default">
    					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-362154c2" data-id="362154c2" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-e173725 elementor-widget elementor-widget-image" data-id="e173725" data-element_type="widget" data-widget_type="image.default">
    				<div class="elementor-widget-container">
    												<figure class="wp-caption">
    										<img width="1024" height="682" src="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg" class="attachment-large size-large" alt="" loading="lazy" srcset="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg 1024w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-300x200.jpg 300w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-768x512.jpg 768w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1536x1023.jpg 1536w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">											<figcaption class="widget-image-caption wp-caption-text">Lorem Ipsum</figcaption>
    										</figure>
    									</div>
    				</div>
    					</div>
    		</div>
    				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1d1d08d0" data-id="1d1d08d0" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-63351023 elementor-widget elementor-widget-image" data-id="63351023" data-element_type="widget" data-widget_type="image.default">
    				<div class="elementor-widget-container">
    												<figure class="wp-caption">
    										<img width="1024" height="682" src="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg" class="attachment-large size-large" alt="" loading="lazy" srcset="http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1024x682.jpg 1024w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-300x200.jpg 300w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-768x512.jpg 768w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920-1536x1023.jpg 1536w, http://lejusteplan.local/wp-content/uploads/2021/06/house-540796_1920.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px">											<figcaption class="widget-image-caption wp-caption-text">Lorem Ipsum</figcaption>
    										</figure>
    									</div>
    				</div>
    					</div>
    		</div>
    							</div>
    		</section>
    				<section class="elementor-section elementor-top-section elementor-element elementor-element-53477521 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="53477521" data-element_type="section">
    						<div class="elementor-container elementor-column-gap-default">
    					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1162d97d" data-id="1162d97d" data-element_type="column">
    			<div class="elementor-widget-wrap elementor-element-populated">
    								<div class="elementor-element elementor-element-450967b7 elementor-align-center elementor-widget elementor-widget-button" data-id="450967b7" data-element_type="widget" data-widget_type="button.default">
    				<div class="elementor-widget-container">
    					<div class="elementor-button-wrapper">
    			<a href="http://lejusteplan.local/projets-dans-lancien/" class="elementor-button-link elementor-button elementor-size-xl" role="button">
    						<span class="elementor-button-content-wrapper">
    						<span class="elementor-button-text">Projets dans l'ancien</span>
    		</span>
    					</a>
    		</div>
    				</div>
    				</div>
    					</div>
    		</div>
    							</div>
    		</section>
    						</div>
    					</div>
    		
    </div><!-- .entry -->
    
    <div class="post-tags clr">
    	</div>
    
    </article>
    
    				
    			</div><!-- #content -->
    
    			
    		</div><!-- #primary -->
    
    		
    
    <aside id="right-sidebar" class="sidebar-container widget-area sidebar-primary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar" role="complementary" aria-label="Primary Sidebar">
    
    	
    	<div id="right-sidebar-inner" class="clr">
    
    		
    	</div><!-- #sidebar-inner -->
    
    	
    </aside><!-- #right-sidebar -->
    
    
    	</div>

    Le problème est bien
    <div>
    <div><aside id=”right-sidebar” class=”sidebar-container widget-area sidebar-primary” itemscope=”itemscope” itemtype=”https://schema.org/WPSideBar” role=”complementary” aria-label=”Primary Sidebar”&gt;

    Mais je ne trouve pas comment changer ça.

    Si vous avez la moindre idée, piste, solution, je vous en remercie d’avance.
    Bon après-midi

    • Ce sujet a été modifié le il y a 1 jour par PhiLyon.
    • Ce sujet a été modifié le il y a 1 jour par PhiLyon.
    #2380818
    PhiLyon
    Modérateur
    Maître WordPress
    27844 contributions

    Sujet déplacé dans le forum Elementor.

    🙂

    #2380821
    Kimakito
    Participant
    Initié WordPress
    46 contributions

    Pardon PhiLyon. Pour moi le problème vient du thème et de ses réglages, pas d’elementor.

    Du coup je ne sais pas si c’est plus pertinent.

    #2380857
    Rock4Temps
    Participant
    Chevalier WordPress
    326 contributions

    Bonjour,

    Pour avoir la métabox de  réglages OceanWP(voir photo ci-jointe)

    dans un CPT il faut ajouter du code PHP dans le fichier function.php

    d’un thème enfant ou via l’extension Code Snippets selon la documentation

    d’OceanWP: https://docs.oceanwp.org/article/368-add-the-oceanwp-settings-metabox-in-your-custom-post-type

    /**
     * Add the OceanWP Settings metabox in your CPT
     */
    function oceanwp_metabox( $types ) {
    
    	// Your custom post type
    	$types[] = 'your-post-type';
    
    	// Return
    	return $types;
    
    }
    add_filter( 'ocean_main_metaboxes_post_types', 'oceanwp_metabox', 20 );

    Dans ce code  il faudra remplacer ‘your-post-type’ par le nom de votre CPT

    Avec cette métabox de réglages vous allez pouvoir résoudre votre problème.

    je m’en suis servi sur mon site, le code fonctionne.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2380899
    Kimakito
    Participant
    Initié WordPress
    46 contributions

    @Rock4Temps, merci infiniment. C’est exactement la solution au problème. Je vous suis très reconnaissante, j’étais vraiment embêtée et je ne savais vraiment pas comment faire. Ca fait partie des choses qu’on apprend avec l’expérience, mais merci du partage et de me l’avoir expliqué.

    Un très très grand merci à vous. c’est vraiment génial, un gros souci en moins.

    Bonne journée.

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