Personalize sua mensagem de boas-vindas do painel do WordPress

Parece que muitos de vocês não querem mostrar o novo recurso chamado “Painel de Boas-vindas” desde o WordPress 3.3. Acho que aqueles que não querem mostrar esta mensagem tentam esconder esta caixa para seus clientes, por isso pensei que ao invés de ocultá-la você deveria personalizá-la e exibi-la com seu próprio conteúdo. Para exibir uma mensagem de boas-vindas personalizada, vamos criar um pequeno plugin. Dessa forma, mesmo ao atualizar para uma nova versão do WordPress, a mensagem mostrada será sua e não a padrão.

Vamos começar!

Vamos criar um plugin

Para criar um plugin, crie uma nova pasta em wp-content/plugins e chame-a de custom-dashboard-message. Dentro desta pasta crie um arquivo chamado custom-dashboard-message.php e abra-o no seu editor de código (aliás o Coda 2 é ótimo!). Basta colar este código no arquivo recém-criado:

<?php

/*

Plugin Name: Custom Dahsboard Message

Plugin URL: https://www.wpexplorer.com/

Description: A little plugin to modify default dashboard welcome message

Version: 0.1

Author: WExplorer

Author URI: https://www.wpexplorer.com/

*/

Este código simplesmente cria um plugin… sim, eu sei, o WordPress é muito fácil para você!

Não, precisamos criar uma função que removerá a mensagem padrão do painel para que possamos adicionar nosso próprio conteúdo personalizado do painel de boas-vindas. Ao usar remove_action no gancho welcome_panel, removemos a função padrão wp_welcome_panel que retorna o conteúdo do painel de boas-vindas.

/**

 * Remove the default welcome dashboard message

 *

 * @access      public

 * @since       1.0 

 * @return      void

*/

remove_action( ‘welcome_panel’, ‘wp_welcome_panel’ );

Nossa mensagem de boas-vindas personalizada

Se você for agora ao seu painel (não se esqueça de ativar o plugin!), você não verá mais nenhuma tela de boas-vindas – yay!. Então agora podemos criar nossa própria função personalizada e ligá-la ao hook welcome_panel para que ela exiba a nossa. Esta parte é simples, tudo que você precisa fazer é criar uma função personalizada e adicionar o conteúdo que deseja para o painel de boas-vindas. No meu exemplo eu comecei a partir do conteúdo padrão, da função padrão wp_welcome_panel(). É mais fácil só porque me permite usar conteúdo já formatado. Então eu apenas copiei e colei esta função (encontre-a em wp-admin/includes/dashboard.php) e a editei.

Aqui está a aparência da minha função (observe como a função é seguida por add_action e conectada ao welcome_panel).

/**

 * Custom welcome panel function

 *

 * @access      public

 * @since       1.0 

 * @return      void

 */

function wpex_wp_welcome_panel() { ?>

<div class=”custom-welcome-panel-content”>

<h3><?php _e( ‘Welcome to your custom dashboard Message!’ ); ?></h3>

<p class=”about-description”><?php _e( ‘Here you can place your custom text, give your customers instructions, place an ad or your contact information.’ ); ?></p>

<div class=”welcome-panel-column-container”>

<div class=”welcome-panel-column”>

<h4><?php _e( “Let’s Get Started” ); ?></h4>

<a class=”button button-primary button-hero load-customize hide-if-no-customize” href=”http://your-website.com”><?php _e( ‘Call me maybe !’ ); ?></a>

<p class=”hide-if-no-customize”><?php printf( __( ‘or, <a href=”%s”>edit your site settings</a>’ ), admin_url( ‘options-general.php’ ) ); ?></p>

</div><!– .welcome-panel-column –>

<div class=”welcome-panel-column”>

<h4><?php _e( ‘Next Steps’ ); ?></h4>

<ul>

<?php if ( ‘page’ == get_option( ‘show_on_front’ ) && ! get_option( ‘page_for_posts’ ) ) : ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-edit-page”>’ . __( ‘Edit your front page’ ) . ‘</a>’, get_edit_post_link( get_option( ‘page_on_front’ ) ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-add-page”>’ . __( ‘Add additional pages’ ) . ‘</a>’, admin_url( ‘post-new.php?post_type=page’ ) ); ?></li>

<?php elseif ( ‘page’ == get_option( ‘show_on_front’ ) ) : ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-edit-page”>’ . __( ‘Edit your front page’ ) . ‘</a>’, get_edit_post_link( get_option( ‘page_on_front’ ) ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-add-page”>’ . __( ‘Add additional pages’ ) . ‘</a>’, admin_url( ‘post-new.php?post_type=page’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-write-blog”>’ . __( ‘Add a blog post’ ) . ‘</a>’, admin_url( ‘post-new.php’ ) ); ?></li>

<?php else : ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-write-blog”>’ . __( ‘Write your first blog post’ ) . ‘</a>’, admin_url( ‘post-new.php’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-add-page”>’ . __( ‘Add an About page’ ) . ‘</a>’, admin_url( ‘post-new.php?post_type=page’ ) ); ?></li>

<?php endif; ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-view-site”>’ . __( ‘View your site’ ) . ‘</a>’, home_url( ‘/’ ) ); ?></li>

</ul>

</div><!– .welcome-panel-column –>

<div class=”welcome-panel-column welcome-panel-last”>

<h4><?php _e( ‘More Actions’ ); ?></h4>

<ul>

<li><?php printf( ‘<div class=”welcome-icon welcome-widgets-menus”>’ . __( ‘Manage <a href=”%1$s”>widgets</a> or <a href=”%2$s”>menus</a>’ ) . ‘</div>’, admin_url( ‘widgets.php’ ), admin_url( ‘nav-menus.php’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-comments”>’ . __( ‘Turn comments on or off’ ) . ‘</a>’, admin_url( ‘options-discussion.php’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-learn-more”>’ . __( ‘Learn more about getting started’ ) . ‘</a>’, __( ‘http://codex.wordpress.org/First_Steps_With_WordPress’ ) ); ?></li>

</ul>

</div><!– .welcome-panel-column welcome-panel-last –>

</div><!– .welcome-panel-column-container –>

<div><!– .custom-welcome-panel-content –>

<?php }

add_action( ‘welcome_panel’, ‘wpex_wp_welcome_panel’ );

Você pode simplesmente editar esta parte do código para criar seu conteúdo, adicionar links, imagens, formulários ou o que for…

O código final do plug-in

Aqui está o código completo do plugin, divirta-se!

<?php

/*

Plugin Name: Custom Dahsboard Message

Plugin URL: https://www.wpexplorer.com/

Description: A little plugin to modify default dashboard welcome message

Version: 0.1

Author: WExplorer

Author URI: https://www.wpexplorer.com/

*/

/**

 * Remove the default welcome dashboard message

 *

 */

remove_action( ‘welcome_panel’, ‘wp_welcome_panel’ );

/**

 * Custom welcome panel function

 *

 * @access      public

 * @since       1.0 

 * @return      void

 */

function wpex_wp_welcome_panel() { ?>

<div class=”custom-welcome-panel-content”>

<h3><?php _e( ‘Welcome to your custom dashboard Message!’ ); ?></h3>

<p class=”about-description”><?php _e( ‘Here you can place your custom text, give your customers instructions, place an ad or your contact information.’ ); ?></p>

<div class=”welcome-panel-column-container”>

<div class=”welcome-panel-column”>

<h4><?php _e( “Let’s Get Started” ); ?></h4>

<a class=”button button-primary button-hero load-customize hide-if-no-customize” href=”http://your-website.com”><?php _e( ‘Call me maybe !’ ); ?></a>

<p class=”hide-if-no-customize”><?php printf( __( ‘or, <a href=”%s”>edit your site settings</a>’ ), admin_url( ‘options-general.php’ ) ); ?></p>

</div><!– .welcome-panel-column –>

<div class=”welcome-panel-column”>

<h4><?php _e( ‘Next Steps’ ); ?></h4>

<ul>

<?php if ( ‘page’ == get_option( ‘show_on_front’ ) && ! get_option( ‘page_for_posts’ ) ) : ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-edit-page”>’ . __( ‘Edit your front page’ ) . ‘</a>’, get_edit_post_link( get_option( ‘page_on_front’ ) ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-add-page”>’ . __( ‘Add additional pages’ ) . ‘</a>’, admin_url( ‘post-new.php?post_type=page’ ) ); ?></li>

<?php elseif ( ‘page’ == get_option( ‘show_on_front’ ) ) : ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-edit-page”>’ . __( ‘Edit your front page’ ) . ‘</a>’, get_edit_post_link( get_option( ‘page_on_front’ ) ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-add-page”>’ . __( ‘Add additional pages’ ) . ‘</a>’, admin_url( ‘post-new.php?post_type=page’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-write-blog”>’ . __( ‘Add a blog post’ ) . ‘</a>’, admin_url( ‘post-new.php’ ) ); ?></li>

<?php else : ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-write-blog”>’ . __( ‘Write your first blog post’ ) . ‘</a>’, admin_url( ‘post-new.php’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-add-page”>’ . __( ‘Add an About page’ ) . ‘</a>’, admin_url( ‘post-new.php?post_type=page’ ) ); ?></li>

<?php endif; ?>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-view-site”>’ . __( ‘View your site’ ) . ‘</a>’, home_url( ‘/’ ) ); ?></li>

</ul>

</div><!– .welcome-panel-column –>

<div class=”welcome-panel-column welcome-panel-last”>

<h4><?php _e( ‘More Actions’ ); ?></h4>

<ul>

<li><?php printf( ‘<div class=”welcome-icon welcome-widgets-menus”>’ . __( ‘Manage <a href=”%1$s”>widgets</a> or <a href=”%2$s”>menus</a>’ ) . ‘</div>’, admin_url( ‘widgets.php’ ), admin_url( ‘nav-menus.php’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-comments”>’ . __( ‘Turn comments on or off’ ) . ‘</a>’, admin_url( ‘options-discussion.php’ ) ); ?></li>

<li><?php printf( ‘<a href=”%s” class=”welcome-icon welcome-learn-more”>’ . __( ‘Learn more about getting started’ ) . ‘</a>’, __( ‘http://codex.wordpress.org/First_Steps_With_WordPress’ ) ); ?></li>

</ul>

</div><!– .welcome-panel-column welcome-panel-last –>

</div><!– .welcome-panel-column-container –>

<div><!– .custom-welcome-panel-content –>

<?php }

add_action( ‘welcome_panel’, ‘wpex_wp_welcome_panel’ );