{"id":1973,"date":"2022-12-20T18:31:05","date_gmt":"2022-12-20T17:31:05","guid":{"rendered":"https:\/\/www.webodesign.net\/?p=1973"},"modified":"2022-12-27T03:18:35","modified_gmt":"2022-12-27T02:18:35","slug":"modification-dune-extension-wordpress","status":"publish","type":"post","link":"https:\/\/www.webodesign.net\/?p=1973","title":{"rendered":"Modification d&rsquo;une extension WordPress"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-10c75456 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-columns is-layout-flex wp-container-8\">\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow\">\n<div class=\"wp-block-group has-border-color has-vivid-cyan-blue-border-color has-background is-layout-flow\" style=\"border-style:dotted;border-width:2px;border-radius:8px;background-color:#fffdf8;padding-right:7px;padding-bottom:15px;padding-left:7px\">\n<p>On d\u00e9tecte l&rsquo;endroit ou est cod\u00e9 l&rsquo;affichage de l&rsquo;image de l&rsquo;avatar montr\u00e9 ci-dessus. Son style poss\u00e8de le nom \u00ab\u00a0cleanlogin-preview\u00a0\u00bb. Hors dans le dossier ou sont install\u00e9s les codes PHP se trouve un fichier nomm\u00e9 \u00ab\u00a0login-preview.php\u00a0\u00bb. Il faut l&rsquo;\u00e9diter pour v\u00e9rifier que c&rsquo;est dans ce fichier que l&rsquo;affichage de l&rsquo;avatar est command\u00e9. <\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text\/x-php&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;styleActiveLine&quot;:false,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;languageLabel&quot;:&quot;file&quot;,&quot;fileName&quot;:&quot;index.php&quot;,&quot;language&quot;:&quot;PHP&quot;,&quot;modeName&quot;:&quot;php&quot;}\">&lt;?php\n        \/\/ remi@vmi820488:\/var\/www\/html\/wp-content\/plugins\/clean-login\/content$ cat login-preview.php\n        if ( ! defined( 'ABSPATH' ) ) exit;\n        $login_url = CleanLogin_Controller::get_login_url();\n                $current_user = wp_get_current_user();\n        $edit_url = CleanLogin_Controller::get_edit_url();\n\n        $show_user_information = get_option( 'cl_hideuser' );\n        $show_user_information = false;\n?&gt;\n\n&lt;div class=&quot;cleanlogin-container&quot; &gt;\n        &lt;div class=&quot;cleanlogin-preview&quot;&gt;\n                &lt;div class=&quot;cleanlogin-preview-top&quot;&gt;\n                        &lt;?php echo &quot;&lt;p style='text-align: right; margin:0px;'&gt;&lt;small&gt;[&quot;.$current_user-&gt;user_login.&quot;]&lt;\/small&gt;&lt;\/p&gt;&quot;;  ?&gt;\n                        &lt;a href=&quot;&lt;?php echo esc_url( add_query_arg( 'action', 'logout', $login_url) ); ?&gt;&quot; class=&quot;cleanlogin-preview-logout-link&quot;&gt;\n                                &lt;?php  echo __( 'Log out', 'clean-login' ); ?&gt;&lt;\/a&gt;\n                        &lt;?php if ( $edit_url != '' )\n                                echo &quot;&lt;a href='$edit_url' class='cleanlogin-preview-edit-link'&gt;&quot;. __( 'Edit my profile', 'clean-login' ) .&quot;&lt;\/a&gt;&quot;;\n                        ?&gt;\n                &lt;\/div&gt;\n\n                &lt;?php echo get_avatar( $current_user-&gt;ID, 128 ); ?&gt;\n\n                &lt;?php \/\/ Since 1.1 (show username or not) ?&gt;\n\n\n                &lt;!-- &lt;h1&gt; --&gt;\n                        &lt;?php\n                                if ( $show_user_information ) echo $current_user-&gt;user_login;\n                         ?&gt;\n                        &lt;small&gt;&lt;?php if ($show_user_information) echo $current_user-&gt;user_firstname . ' ' . $current_user-&gt;user_lastname; ?&gt;&lt;\/small&gt;\n                &lt;!-- &lt;\/h1&gt; --&gt;\n\n        &lt;\/div&gt;\n&lt;\/div&gt;<\/pre><\/div>\n\n\n\n<p>On remarque que l&rsquo;avatar est probablement affich\u00e9 ligne 23. Il faut mettre la commande php en commentaire.<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text\/x-php&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:false,&quot;styleActiveLine&quot;:false,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;showPanel&quot;:false,&quot;languageLabel&quot;:&quot;file&quot;,&quot;fileName&quot;:&quot;index.php&quot;,&quot;firstLineNumber&quot;:&quot;23&quot;,&quot;language&quot;:&quot;PHP&quot;,&quot;modeName&quot;:&quot;php&quot;}\">                &lt;?php \/\/echo get_avatar( $current_user-&gt;ID, 128 ); ?&gt;<\/pre><\/div>\n\n\n\n<p>Pour information, j&rsquo;ai ajout\u00e9 la ligne 9 pour emp\u00eacher l&rsquo;affichage du nom utilisateur en dessous puisque qu&rsquo;avec la disparition de l&rsquo;avatar, celui-ci devient mal plac\u00e9. <\/p>\n\n\n\n<p>J&rsquo;ai donc ajout\u00e9 \u00e9galement la ligne 15 pour affich\u00e9 le libell\u00e9 de l&rsquo;utilisateur en petit et entre crochets, align\u00e9 \u00e0 droite.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-3\" style=\"border-style:none;border-width:0px\">\n<div class=\"wp-block-column is-layout-flow\" style=\"border-style:none;border-width:0px;flex-basis:30%\">\n<p class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size\"><strong>Le r\u00e9sultat est le suivant :<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"197\" height=\"144\" src=\"https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-01.png\" alt=\"\" class=\"wp-image-2001\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow\" style=\"border-left-width:1px;padding-left:10px\">\n<p class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size\">Clean login poss\u00e8de les fonctionnalit\u00e9 suivantes :<\/p>\n\n\n\n<ul style=\"margin-top:0\">\n<li>Inscription<\/li>\n\n\n\n<li>Notification par e-mail<\/li>\n\n\n\n<li>Utiliser une adresse e-mail comme identifiant<\/li>\n\n\n\n<li>Acc\u00e8s au tableau de bord<\/li>\n\n\n\n<li>Protection contre les ind\u00e9sirables<\/li>\n\n\n\n<li>Protection contre les ind\u00e9sirables<\/li>\n\n\n\n<li>R\u00f4le utilisateur<\/li>\n\n\n\n<li>Masquer l\u2019identifiant<\/li>\n\n\n\n<li>Complexit\u00e9 du mot de passe<\/li>\n\n\n\n<li>Mot de passe unique<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column uag-hide-desktop uag-hide-tab uag-hide-mob is-layout-flow\" style=\"flex-basis:170px\">\n\n<div class=\"cleanlogin-container\">\t\t\n\n\t<form class=\"cleanlogin-form\" method=\"post\" action=\"https:\/\/www.webodesign.net\/?page_id=2385\" onsubmit=\"submit.disabled = true; return true;\">\n\t\t\t\n\t\t<fieldset>\n\n\t\t\t\t\t\t<div class=\"cleanlogin-field\">\n                <label for=\"log\">Identifiant<\/label>\n\t\t\t\t<input class=\"cleanlogin-field-username\" type=\"text\" name=\"log\" placeholder=\"Identifiant\" aria-label=\"Identifiant\">\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"cleanlogin-field\">\n                <label for=\"pwd\">Mot de passe<\/label>\n\t\t\t\t<input class=\"cleanlogin-field-password\" type=\"password\" id=\"pwd\" name=\"pwd\" placeholder=\"Mot de passe\" aria-label=\"Mot de passe\">\n                <i class=\"bi bi-eye-slash\" id=\"togglePassword\"><\/i>\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t<input type=\"hidden\" name=\"clean_login_wpnonce\" value=\"e994c14fba\">\n            \n\t\t\t\t\t<\/fieldset>\n\t\t\n\t\t<fieldset>\n\t\t\t<input class=\"cleanlogin-field\" type=\"submit\" value=\"Se connecter\" name=\"submit\">\n\t\t\t<input type=\"hidden\" name=\"action\" value=\"login\">\n\t\t\t\n\t\t\t<div class=\"cleanlogin-field cleanlogin-field-remember\">\n\t\t\t\t<input type=\"checkbox\" id=\"rememberme\" name=\"rememberme\" value=\"forever\">\n\t\t\t\t<label for=\"rememberme\">Se souvenir de moi\u00a0?<\/label>\n\t\t\t<\/div>\n\t\t<\/fieldset>\n\n\t\t\n\t\t<div class=\"cleanlogin-form-bottom\">\n\t\t\t\n            \n\t\t\t\t\t\t\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/form>\n\n<\/div>\n\n<script>\nconst togglePassword = document.querySelector('#togglePassword');\nconst password = document.querySelector('#pwd');\n\ntogglePassword.addEventListener('click', function (e) {\n    const type = password.getAttribute('type') === 'password' ? 'text' : 'password';\n    password.setAttribute('type', type);\n    this.classList.toggle('bi-eye');\n});\n<\/script>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Sur ce site, j&rsquo;utilise une extension Wordpress pour g\u00e9rer l&rsquo;authentification des utilisateurs. Cette extension, \u00ab\u00a0Clean Login\u00a0\u00bb est gratuite poss\u00e8de une nombre assez cons\u00e9quent de fonctionnalit\u00e9 et permet en autre de g\u00e9rer l&rsquo;inscription, la connexion &#8211; d\u00e9connexion des utilisateurs.<br \/>\nLe probl\u00e8me est que, une fois l&rsquo;utilisateur authentifi\u00e9, \u00ab\u00a0Clean Login\u00a0\u00bb affiche dans le panel de d\u00e9connexion une image d&rsquo;avatar en guise de photo utilisateur.<br \/>\nCette image occupe un espace cons\u00e9quent peu utile et je d\u00e9sire la supprimer. Il n&rsquo;existe pas, dans la configuration, l&rsquo;option que permettrait de le faire. La solution qui s&rsquo;impose est de localiser, identifier et modifier le code source de cette extension.<\/p>\n","protected":false},"author":3,"featured_media":1975,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","_uag_custom_page_level_css":""},"categories":[18,21],"tags":[],"qubely_featured_image_url":{"full":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"landscape":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"portraits":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-540x320.jpg",540,320,true],"thumbnail":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-150x150.jpg",150,150,true],"medium":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-300x156.jpg",300,156,true],"medium_large":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-768x400.jpg",768,400,true],"large":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"1536x1536":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"2048x2048":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"qubely_landscape":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"qubely_portrait":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-540x320.jpg",540,320,true],"qubely_thumbnail":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-140x100.jpg",140,100,true]},"qubely_author":{"display_name":"R\u00e9mi","author_link":"https:\/\/www.webodesign.net\/?author=3"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/www.webodesign.net\/?cat=18\" rel=\"category\">Formations<\/a> <a href=\"https:\/\/www.webodesign.net\/?cat=21\" rel=\"category\">Formations Linux<\/a>","qubely_excerpt":"Sur ce site, j'utilise une extension Wordpress pour g\u00e9rer l'authentification des utilisateurs. Cette extension, \"Clean Login\" est gratuite poss\u00e8de une nombre assez cons\u00e9quent de fonctionnalit\u00e9 et permet en autre de g\u00e9rer l'inscription, la connexion - d\u00e9connexion des utilisateurs. Le probl\u00e8me est que, une fois l'utilisateur authentifi\u00e9, \"Clean Login\" affiche dans le panel de d\u00e9connexion une\u2026","uagb_featured_image_src":{"full":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"thumbnail":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-150x150.jpg",150,150,true],"medium":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-300x156.jpg",300,156,true],"medium_large":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-768x400.jpg",768,400,true],"large":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"1536x1536":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"2048x2048":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"qubely_landscape":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00.jpg",940,490,false],"qubely_portrait":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-540x320.jpg",540,320,true],"qubely_thumbnail":["https:\/\/www.webodesign.net\/wp-content\/uploads\/2022\/12\/modif-extension-wordpress-00-140x100.jpg",140,100,true]},"uagb_author_info":{"display_name":"R\u00e9mi","author_link":"https:\/\/www.webodesign.net\/?author=3"},"uagb_comment_info":0,"uagb_excerpt":"Sur ce site, j'utilise une extension Wordpress pour g\u00e9rer l'authentification des utilisateurs. Cette extension, \"Clean Login\" est gratuite poss\u00e8de une nombre assez cons\u00e9quent de fonctionnalit\u00e9 et permet en autre de g\u00e9rer l'inscription, la connexion - d\u00e9connexion des utilisateurs. Le probl\u00e8me est que, une fois l'utilisateur authentifi\u00e9, \"Clean Login\" affiche dans le panel de d\u00e9connexion une\u2026","_links":{"self":[{"href":"https:\/\/www.webodesign.net\/index.php?rest_route=\/wp\/v2\/posts\/1973"}],"collection":[{"href":"https:\/\/www.webodesign.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webodesign.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webodesign.net\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1973"}],"version-history":[{"count":19,"href":"https:\/\/www.webodesign.net\/index.php?rest_route=\/wp\/v2\/posts\/1973\/revisions"}],"predecessor-version":[{"id":2193,"href":"https:\/\/www.webodesign.net\/index.php?rest_route=\/wp\/v2\/posts\/1973\/revisions\/2193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webodesign.net\/index.php?rest_route=\/wp\/v2\/media\/1975"}],"wp:attachment":[{"href":"https:\/\/www.webodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1973"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1973"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webodesign.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}