Crear un tema de administración en Magento 2

Hoy entenderemos cómo crear un tema administrativo en Magento 2 y cómo se verá. Requisitos previos Debe tener un tema personalizado. Un módulo personalizado para aplicar su tema de administración personalizado. Descripción general Para crear un tema de administración personalizado, haga lo siguiente: Cree un directorio de temas. Agregue una declaración theme.xml. Agregue registro.php. Cree un directorio de temas: – Debe crear un tema personalizado en la ubicación app/design/adminhtml/Webkul/AdminTheme. Agregue la declaración theme.xml que contiene el nombre del tema y el nombre del tema principal. Tema de administrador de Webkul< /title> <parent>Magento/backend</parent> </theme> 3. Agregue un archivo Registration.php para registrar su tema personalizado. <config .xsd"> <!-- Tema di amministrazione del tuo modulo. Inizio --> <type name="Magento\Theme\Model\View\Design"> <arguments> <argument name="themes" xsi:type="array"> <item name="adminhtml" xsi:type=" string">Webkul/AdminTema</item> </argument> </arguments> </type> <!-- Tema amministratore. Fine --> </config> Instale el módulo ejecutando el comando set:up para realizar cambios. Tema de administración en el logotipo del tema de Magento 2 En el tema de Magento/backend predeterminado lib/web/images/magento-logo.svg se utiliza como logotipo del tema. Para anularlo, en el directorio del tema, cree un subdirectorio web/images y agregue su archivo personalizado llamado magento-logo.svg. Realizar cambios de CSS Una vez que el módulo haya finalizado, puede realizar cambios en el CSS y entrarán en vigor al final. de administración. Debe agregar el CSS en app/design/adminhtml/Webkul/AdminTheme/webkul/css/source/_theme.less Anular módulos principales Ahora puede anular el archivo del módulo principal desde el lado del administrador. Aquí sobrescribimos el archivo .phtml de la sección Magento_Analytics y agregamos texto personalizado. copie el archivo .phtml de Vendor/Magento/Analytics/view/adminhtml/template/dashboard/section.html a app/design/adminhtml/Webkul/AdminTheme/Magento_Analytics/templates/dashboard/section.phtml Desinstalar No existe tal opción, Por lo tanto, debemos deshabilitar el módulo personalizado utilizado para aplicar el tema de administración; eliminará el tema de administración personalizado que funciona.</p> </div><!-- .entry /--> <div class="clear"></div> </div><!-- .post-inner --> <script type="application/ld+json" class="tie-schema-graph">{"@context":"http:\/\/schema.org","@type":"NewsArticle","dateCreated":"2024-04-25T11:39:30+00:00","datePublished":"2024-04-25T11:39:30+00:00","dateModified":"2024-04-25T11:39:30+00:00","headline":"Crear un tema de administraci\u00f3n en Magento 2","name":"Crear un tema de administraci\u00f3n en Magento 2","keywords":[],"url":"https:\/\/www.steamachine.net\/2024\/04\/25\/crear-un-tema-de-administracion-en-magento-2\/","description":"Hoy entenderemos c\u00f3mo crear un tema administrativo en Magento 2 y c\u00f3mo se ver\u00e1. Requisitos previos Debe tener un tema personalizado. Un m\u00f3dulo personalizado para aplicar su tema de administraci\u00f3n pers","copyrightYear":"2024","publisher":{"@id":"#Publisher","@type":"Organization","name":"Noticias Steam Machine","logo":{"@type":"ImageObject","url":"https:\/\/www.steamachine.net\/wp-content\/uploads\/2024\/04\/STEAMACHINE-logo.webp"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/www.steamachine.net\/2024\/04\/25\/crear-un-tema-de-administracion-en-magento-2\/"},"author":{"@type":"Person","name":"Francisco","url":"https:\/\/www.steamachine.net\/author\/francisco\/"},"articleSection":"Otras Noticias","articleBody":"\nHoy entenderemos c\u00f3mo crear un tema administrativo en Magento 2 y c\u00f3mo se ver\u00e1. Requisitos previos Debe tener un tema personalizado. Un m\u00f3dulo personalizado para aplicar su tema de administraci\u00f3n personalizado. Descripci\u00f3n general Para crear un tema de administraci\u00f3n personalizado, haga lo siguiente: Cree un directorio de temas. Agregue una declaraci\u00f3n theme.xml. Agregue registro.php. Cree un directorio de temas: - Debe crear un tema personalizado en la ubicaci\u00f3n app\/design\/adminhtml\/Webkul\/AdminTheme. Agregue la declaraci\u00f3n theme.xml que contiene el nombre del tema y el nombre del tema principal. Tema de administrador de Webkul< \/title> Magento\/backend 3. Agregue un archivo Registration.php para registrar su tema personalizado. ","image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/webkul.com\/blog\/ogimage\/?ogid=NDM2NDE0&w=1200&resize=1200,630&ssl=1","width":1200,"height":630}}</script> </article><!-- .post-listing --> <section id="author-box"> <div class="block-head"> <h3>About Francisco </h3><div class="stripe-line"></div> </div> <div class="post-listing"> <div class="author-bio"> <div class="author-avatar"> <img alt='' src='https://secure.gravatar.com/avatar/202ee524cc2b03e64beb004fca892316?s=90&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/202ee524cc2b03e64beb004fca892316?s=180&d=mm&r=g 2x' class='avatar avatar-90 photo' height='90' width='90' loading='lazy' decoding='async'/> </div><!-- #author-avatar --> <div class="author-description"> </div><!-- #author-description --> <div class="author-social flat-social"> </div> <div class="clear"></div> </div> </div> </section><!-- #author-box --> <div class="post-navigation"> <div class="post-previous"><a href="https://www.steamachine.net/2024/04/25/cooler-master-nuevo-masterbox-600/" rel="prev"><span>Previous</span> COOLER MASTER nuevo MasterBox 600</a></div> <div class="post-next"><a href="https://www.steamachine.net/2024/04/25/draft-simulado-de-la-nfl-2024-el-25-de-abril/" rel="next"><span>Next</span> Draft simulado de la NFL 2024 el 25 de abril</a></div> </div><!-- .post-navigation --> <section id="check-also-box" class="post-listing check-also-right"> <a href="#" id="check-also-close"><i class="fa fa-close"></i></a> <div class="block-head"> <h3>Check Also</h3> </div> <div class="check-also-post"> <div class="post-thumbnail"> <a href="https://www.steamachine.net/2024/05/04/chatbot-ai-de-prestashop-usando-llama3/"> <img post-id="25429" fifu-featured="1" width="310" height="165" src="https://i3.wp.com/webkul.com/blog/ogimage/?ogid=NDM4MjA3&w=310&resize=310,165&ssl=1" class="attachment-tie-medium size-tie-medium wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="fa overlay-icon"></span> </a> </div><!-- post-thumbnail /--> <h2 class="post-title"><a href="https://www.steamachine.net/2024/05/04/chatbot-ai-de-prestashop-usando-llama3/" rel="bookmark">Chatbot AI de PrestaShop usando Llama3</a></h2> <p>Existe un nuevo asistente virtual para tiendas online que utilizan Prestashop, construido con Llama 3 …</p> </div> </section> <div id="comments"> <div class="clear"></div> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Deja una respuesta <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2024/04/25/crear-un-tema-de-administracion-en-magento-2/#respond" style="display:none;">Cancelar la respuesta</a></small></h3><form action="https://www.steamachine.net/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> <span class="required-field-message">Los campos obligatorios están marcados con <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comentario <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Nombre <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Correo electrónico <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez que comente.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar el comentario" /> <input type='hidden' name='comment_post_ID' value='24544' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </div><!-- .content --> <aside id="sidebar"> <div class="theiaStickySidebar"> <div id="block-2" class="widget widget_block widget_search"><div class="widget-container"><form role="search" method="get" action="https://www.steamachine.net/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Buscar</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Buscar" class="wp-block-search__button wp-element-button" type="submit" >Buscar</button></div></form></div></div><!-- .widget /--><div id="block-3" class="widget widget_block"><div class="widget-container"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Posts</h2><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://www.steamachine.net/2024/05/05/se-filtro-la-pc-corsair-one-i500-con-cpu-core-i9-14900k-y-gpu-rtx-4080-super/">Se filtró la PC Corsair One i500 con CPU Core i9-14900K y GPU RTX 4080 SUPER</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.steamachine.net/2024/05/05/core-ultra-9-285k-arrow-lake-no-superara-los-55-ghz/">Core Ultra 9 285K (Arrow Lake) no superará los 5,5 GHz</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.steamachine.net/2024/05/05/la-gaming-week-de-amazon-ofrece-un-48-de-descuento-en-este-ssd-western-digital-de-2-tb-solo-por-tiempo-limitado/">La Gaming Week de Amazon ofrece un 48% de descuento en este SSD Western Digital de 2 TB solo por tiempo limitado</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.steamachine.net/2024/05/04/tristana-contraataca-a-lol/">Tristana contraataca a LoL</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://www.steamachine.net/2024/05/04/podcast-num-771-ganancias-de-intel-amd-respuesta-de-intel-a-la-estabilidad-de-core-i9-razer-firefly-v2-pro-wotc-dd-gaming-contrasenas-predeterminadas-de-iot-y-mas/">Pódcast núm. 771 – Ganancias de Intel/AMD, respuesta de Intel a la estabilidad de Core i9, Razer Firefly V2 Pro, WotC D&D Gaming, contraseñas predeterminadas de IoT y ¡MÁS!</a></li> </ul></div></div></div></div><!-- .widget /--><div id="block-4" class="widget widget_block"><div class="widget-container"><div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"><h2 class="wp-block-heading">Recent Comments</h2><ol class="wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-author" href="https://es.wordpress.org/">Un comentarista de WordPress</a> en <a class="wp-block-latest-comments__comment-link" href="https://www.steamachine.net/2023/10/27/hola-mundo/#comment-24">¡Hola, mundo!</a></footer></article></li></ol></div></div></div></div><!-- .widget /--><div id="block-7" class="widget widget_block"><div class="widget-container"><p style="display: none;"> </p></div></div><!-- .widget /--> </div><!-- .theiaStickySidebar /--> </aside><!-- #sidebar /--> <div class="clear"></div> </div><!-- .container /--> <div class="clear"></div> <div class="footer-bottom"> <div class="container"> <div class="alignright"> </div> <div class="alignleft"> </div> <div class="clear"></div> </div><!-- .Container --> </div><!-- .Footer bottom --> </div><!-- .inner-Wrapper --> </div><!-- #Wrapper --> </div><!-- .Wrapper-outer --> <div id="fb-root"></div> <div id="reading-position-indicator"></div><script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"mobile_menu_active":"true","mobile_menu_top":"","lightbox_all":"true","lightbox_gallery":"true","woocommerce_lightbox":"","lightbox_skin":"dark","lightbox_thumb":"vertical","lightbox_arrows":"","sticky_sidebar":"1","is_singular":"1","reading_indicator":"true","lang_no_results":"No Results","lang_results_found":"Results Found"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.steamachine.net/wp-content/themes/sahifa/js/tie-scripts.js" id="tie-scripts-js"></script> <script type="text/javascript" src="https://www.steamachine.net/wp-content/themes/sahifa/js/ilightbox.packed.js" id="tie-ilightbox-js"></script> <script type="text/javascript" src="https://www.steamachine.net/wp-includes/js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://www.steamachine.net/wp-content/themes/sahifa/js/search.js" id="tie-search-js"></script> </body> </html> <!-- Page cached by LiteSpeed Cache 6.2.0.1 on 2024-05-05 02:11:45 -->