Modification de la taille du 1er widget dans le footer. Tarif abusé (Créer un compte)

  • Statut : non résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #550894
    aglae361
    Participant
    Initié WordPress
    44 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 4.2.2
    – Version de PHP/MySQL :
    – Thème utilisé : suave
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site : En construction donc fermé au public

    Problème(s) rencontré(s) :
    Bonjour
    Le thème que j’utilise permet de mettre des widgets dans le footer.
    Les widgets insérés sont de largeur égales
    Si 3 widgets alors chacun fait 25% de large

    J’ai besoin que le premier widget fasse 50%
    Le second 25%
    Le troisième 25%

    Je viens de poser la question à l’auteur du thème qui me répond

    To do something like that you would need to customize the theme via a child theme and modify footer.php along with the footer widget markup in functions.php

    It is beyond normal theme support as it requires changes to the theme.

    We can do this as a custom job for $100. Let me know if this is something you would like us to do for you.

    Il me semble que cela est abusé 100$ pour peu de travail à mon avis.
    J’ai déjà mon thème enfant

    Pouvez vous me donner une piste de recherche ou m’indiquer les mots clefs pour mener à bien cette demande.
    Je peux vous fournir en privé un accès au tableau de bord
    Ou les éléments de code que vous souhaitez

    Merci de votre aide
    Bonne journée

    #1009316
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bonjour;

    Donnes-nous au moins le nom exact du thème et l’éditeur.

    🙂

    #1009317
    aglae361
    Participant
    Initié WordPress
    44 contributions

    Le theme : Suave WooCommerce Theme
    Editeur : http://www.commercegurus.com/themes/

    Voilà 😉

    #1009318
    aglae361
    Participant
    Initié WordPress
    44 contributions

    Le contenu du footer original

    Celui qui m’interresse est : second footer



    <div class="subfooter">
    <div class="container">
    <div class="row">

    </div><!-- /.row -->
    </div><!-- /.container -->
    </div><!-- /.subfooter -->

    Le contenu total de footer.php


    <section class="below-body-widget-area">
    <div class="container">



    </div>
    </section>


    <footer class="footercontainer" role="contentinfo">


    <div class="lightwrapper">
    <div class="container">
    <div class="row">

    </div><!-- /.row -->
    </div><!-- /.container -->
    </div><!-- /.lightwrapper -->





    <div class="subfooter">
    <div class="container">
    <div class="row">

    </div><!-- /.row -->
    </div><!-- /.container -->
    </div><!-- /.subfooter -->



    <div class="footer">
    <div class="container">
    <div class="row">
    <div class="bottom-footer-left col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <?php
    if ( class_exists( 'CGToolKit' ) ) {
    if ( $cg_footer_cards_display == 'show' ) {
    echo '<div class="footer-credit-cards">‘;
    $cg_card_array = ( $cg_options[‘cg_show_credit_card_values’] );
    foreach ( $cg_card_array as $card => $status ) {
    display_card( $card, $status );
    }
    echo ‘</div>‘;
    }
    }
    ?>
    <?php
    if ( $cg_footer_message ) {
    echo '<div class="footer-copyright">‘;
    echo $cg_footer_message;
    echo ‘</div>‘;
    }
    ?>
    </div>

    </div><!-- /.row -->
    </div><!-- /.container -->
    </div><!-- /.footer -->

    <a href="#0" class="cd-top">Top</a>

    </footer>
    </div><!--/wrapper-->

    </div><!-- close #cg-page-wrap -->

    Le contenu de fonction.php du thème enfant

    Pouvez vous m’aider ? 🙂

    #1009319
    Benzouye
    Participant
    Maître WordPress
    577 contributions
    aglae361 wrote:
    Le thème que j’utilise permet de mettre des widgets dans le footer.
    Les widgets insérés sont de largeur égales
    Si 3 widgets alors chacun fait 25% de large

    J’ai besoin que le premier widget fasse 50%
    Le second 25%
    Le troisième 25%

    Lorsque tu parles de trois widgets, tu les positionnes les trois dans la même zone de widget ‘second-footer’.
    Si c’est le cas, ce n’est pas footer.php qu’il faut modifier, mais la classe de chaque widget.
    Le thème semble utiliser bootstrap (class container et row), chaque widget doit alors avoir une classe du genre class= »col-xx-3″ (où xx peut être lg, md, sm ou xs). Peux-tu vérifier cela dans le HTML affiché ?

    #1009320
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bonjour.

    Attention, je n’ai fait cette modif qu’avec l’outil inspecteur de Firefox sur la demo du thème

    J’ai mis la valeur col-lg-6 au premier widget

    <div class="row">

    ::before
    <div id="text-22" class="col-lg-6 col-md-3 col-sm-6 col-xs-12 col-nr-3 widget_text">

    Mais essaies dans ton thème enfant.

    🙂

    #1009321
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    @ Benzouye – Tu écris plus vite que moi 😉

    🙂

    #1009322
    aglae361
    Participant
    Initié WordPress
    44 contributions

    Oui c’est exactement ce que je veux faire mais et de la façon dont je veux le faire.
    J’étais en train de vous préparer un capture.

    Mais je comprend pas comment l’insérer dans mon thème enfant
    Car il faut que je modifie la classe du 1er widget.
    Et je ne sais pas ou je dois le faire
    dans footer.php ? (dans mon thème enfant bien sur)

    Phil tu est sur Lyon ?

    #1009315
    Benzouye
    Participant
    Maître WordPress
    577 contributions

    La modification n’est pas à faire dans le footer.php, mais dans le hook de ton thème qui vient modifier la classe des widgets …
    Je ne connais pas la structure de ton thème, mais tu dois pouvoir trouver cela quelque part …

    #1009314
    aglae361
    Participant
    Initié WordPress
    44 contributions

    ok
    Je fais une recher avec quel type de mot clefs ?
    function widget ?

    #1009323
    aglae361
    Participant
    Initié WordPress
    44 contributions

    Ho purée, je l’ai trouvé
    Il est dans functions.php du thème.

    register_sidebar( array(
    ‘name’ => __( ‘Second Footer’, ‘commercegurus’ ),
    ‘id’ => ‘second-footer’,
    [b]’before_widget’ => ‘<div id="%1$s" class="col-lg-3 col-md-3 col-sm-6 col-xs-12 col-nr-3 %2$s">‘,[/b]
    ‘after_widget’ => ‘</div>‘,
    ‘before_title’ => ‘<h4 class="widget-title">‘,
    ‘after_title’ => ‘</h4>‘,
    ) );

    Alors bien sur si je met

    col-lg-6

    ‘before_widget’ => ‘<div id="%1$s" class="col-lg-6 col-md-3 col-sm-6 col-xs-12 col-nr-3 %2$s">‘,

    Cela marche pas puisque les 3 passent à 50% donc
    Il me faut que le premier à 50% (col-lg-6) et les autres à 25% (col-lg-3)

    Votre avis ?
    je cherche de mon côté :) mais je suis plus graphiste que prog :(

    #1009324
    didier07
    Participant
    Maître WordPress
    1964 contributions

    Tu as raison pour le prix. Je te le fais motié moins :lol::lol::lol:

    Il faut que tu déclare 2 sidebar et que tu les mettes dant ton thème.
    Une avec

    ‘before_widget’ => ‘

    et un seul widget
    Une avec

    ‘before_widget’ => ‘

    et 2 widgets

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