Como podemos personalizar o logotipo e algum texto na tela de boas-vindas?

4

Encontrei discussões e soluções sobre como ocultar ou remover a tela de boas-vindas recentemente apresentada .

Mas nós achamos a tela, como um todo, muito útil e uma excelente adição. Então, o que estamos procurando é bem diferente.

Queremos apenas alterar partes dele em uma rede multisite / subpastas .

Para ser exato. A imagem do logotipo wp (wp-badge.png) à esquerda, bem como o cabeçalho ao lado dela (.welcome-panel-content .about-description, .welcome-panel h3) e o texto abaixo dela incluído em (. about-text, .about-description, .about-wrap li.wp-person a.web).

Estoucientedequeamaiorparteécodificada.Aindaassim...Devehaverumcaminho.:)

PS:1)Nósjáusamosumpluginquepodeadicionarcssnastelasdeadministração.Masnãoachoqueissoresolverianada.2)Sehouverumcaminho,porfavor,sejaomaisespecífico/descritivopossível.Minhashabilidadesdecodificaçãosãoruins.:(

Atualizar

Depoisdeseguirasinstruçõesdobrasofilo,compileiocódigoparaumpluginmu.Coloqueinapastamu-plugins,testeiemnossomultisitedetesteefuncionacomoumencanto.:)

Eufizouploadparaminhacaixadedepósitoparaquequalquerpessoapossasebeneficiar.Sinta-seàvontadepara Clique com o botão direito aqui , faça o download e personalize-o de acordo com suas necessidades. Espero que ajude os outros também.

PS: @brasofilo Por favor, deixe-me saber se creditei corretamente.

    
por marikamitsos 03.07.2012 / 21:39

1 resposta

6

Sempre que nos encontramos na situação " deve haver uma maneira de superar esse código em disco ", jQuery vem para resgatar ...

O resultado

Ocódigo

OcódigoaseguirdevesercoladonofinaldoarquivoThemefunctions.phpativo.
Oupodeserusadoemum plug-in personalizado , o que tornará o código "independente de tema".

add_action('admin_head-index.php', 'wpse_57350_script_enqueuer');

function wpse_57350_script_enqueuer()
{
    // Check if Welcome Panel is being displayed
    $option = get_user_meta( get_current_user_id(), 'show_welcome_panel', true );
    if( !$option )
        return;
    ?>
    <style type="text/css">
        /*
         * Hide the Welcome Panel and the "dismiss" message at the bottom
         */ 
        #welcome-panel {opacity:0.01;} 
        p.welcome-panel-dismiss {display:none}
    </style>
    <script type="text/javascript">
    jQuery(document).ready( function($) 
    {
        /*
         * Left side image and text
         * - changing CSS properties and raw Html content of the Div
         */
        $('div.wp-badge').css('background-image','url(http://lifelabsnewyork.com/sitebuilder/images/brain-filled-173x192.jpg)');
        $('div.wp-badge').css('color','#000000');
        $('div.wp-badge').html('Custom Welcome');

        // Right side H3 (change raw Html content)
        $('div.welcome-panel-content h3').html('By StackExchange WordPress Answers');

        // Right side paragraph (idem)
        $('p.about-description').html('To be exact. The wp logo image (wp-badge.png) on the left, as well as the header next to it (.welcome-panel-content .about-description, .welcome-panel h3) and the text under it included in (.about-text, .about-description, .about-wrap li.wp-person a.web).');

        /*
         * Everything modified, fade in the whole Div
         * The fade in effect can be removed deleting this and the CSS opacity property
         */
        $('#welcome-panel').delay(300).fadeTo('slow',1);
    });     
    </script>
    <?php
}
  

Observe que estou sendo preguiçoso e imprimindo os estilos e scripts diretamente no cabeçalho do administrador.
  Por favor, consulte o seguinte Q & A sobre como fazê-lo de uma forma adequada / formal. Como faço para enfileirar estilos / scripts em determinadas páginas / wp-admin?
Onde é o lugar certo para registrar / enfileirar scripts e amp ; estilos

    
por brasofilo 04.07.2012 / 13:04