Come creare un sito WordPress White Label

Pubblicato: 2015-09-26

WordPress è un'ottima scelta per qualsiasi azienda. Può essere personalizzato in base alle esigenze aziendali e offre anche un ottimo set di plugin e temi da utilizzare.

Ma cosa succede quando il tuo cliente scopre che il tema non è completamente tuo. Manda loro un cattivo segnale. La dashboard è una delle parti che deve essere chiaramente personalizzata per adattarla alle esigenze aziendali.

Se sai di cosa sto parlando, dovresti anche conoscere il termine "White Labeling". White Labeling è il metodo meno utilizzato nei siti Web WordPress. Significa aggiungere modifiche al back-end e riflettere la filosofia aziendale ai clienti e agli abbonati.

Ci sono molti vantaggi dell'etichettatura bianca del tuo sito web. Alcuni di essi sono elencati di seguito.

  • I clienti sono l'aspetto più importante di qualsiasi attività commerciale. Se li servi bene, ne trarrai beneficio a lungo termine.
  • Inoltre, l'etichettatura bianca significa che probabilmente stai sfruttando al massimo le risorse che ti vengono fornite. Aumenta anche la professionalità.
  • Puoi utilizzare la dashboard per offrire ulteriore supporto e collegamenti a video e articoli
  • Inoltre, puoi personalizzare la dashboard in base alle esigenze degli utenti.

Ci sono due modi per affrontare l'attività. Il primo modo è aggiungere manualmente gli elementi white label modificando il codice e l'altro approccio è farlo con l'aiuto del plugin. Se hai dimestichezza con il codice, puoi eseguire la personalizzazione manualmente, ma se non hai idea di cosa significhi il codice, i plugin sono il modo migliore per affrontare il problema in questione.

Iniziamo.

Sommario

Come creare un sito WordPress White Label

Aggiunta del logo alla pagina di accesso

Il primo passo è rimuovere il logo di WordPress. Il logo di WordPress è ottimo per gli utenti normali ma non riflette bene la filosofia del sito web. Per effettuare la personalizzazione, dobbiamo andare al file functions.php e quindi modificarlo di conseguenza.

Scegli un file immagine delle dimensioni del logo. Salva il file come PNG e quindi procedi alla modifica del file functions.php con il codice seguente.



<div class="line alt1">function custom_login() 
{ echo ''; } 
add_action('login_head', 'custom_login'); 
function custom_wp_login_url() 
{ echo bloginfo('url'); } 
function custom_wp_login_title() 
{ echo 'Custom Message ' . get_option('blogname'); } 
add_filter('login_headerurl', 'custom_wp_login_url'); 
add_filter('login_headertitle', 'custom_wp_login_title'); 

Tutto sembra a posto, ma c'è una cosa di cui devi prenderti cura. Inserisci il CSS nel file custom_admin.css (crealo se non è disponibile) e aggiungi la seguente riga di codice per collegare il nuovo logo.


#login h1 a {background: url(images/custom_logo.jpg) no-repeat; width: 300px; height: 80px;}

L'unica cosa che devi cambiare è il nome custom_logo.png. La pagina di accesso è ora personalizzata.

Per ulteriori suggerimenti e trucchi per la personalizzazione della pagina di accesso, dai un'occhiata a Come creare una pagina di accesso WordPress completamente personalizzata scritta solo pochi giorni fa.

Lavorare con il pannello di amministrazione di WordPress

Il pannello di amministrazione di WordPress è la casa della personalizzazione. È qui che atterreranno i tuoi clienti/clienti e questo è il posto migliore per inviare un'impressione positiva.

Quindi, cosa puoi fare con il pannello di amministrazione? Puoi cambiare il logo di WordPress in alto a sinistra e anche cambiare il piè di pagina di WordPress con il marchio dell'organizzazione/azienda.

Cambiamo prima il logo di WordPress in logo aziendale.

<pre class="php">/**REPLACE WP LOGO**/
function custom_admin_css_logo() {
echo '';
}

add_action('admin_head','custom_admin_css_logo');

Ora l'aggiunta del codice a custom_admin.css farà il trucco.

<pre class="css">#header-logo {background-image: url(images/logo2.jpg);}</pre>

Cambia il file logo2.jpg nel nome del file del logo che desideri utilizzare.

Ora cambiamo il piè di pagina di amministrazione di WordPress.

Cambiare piè di pagina è facile. Tutto quello che devi fare è aggiungere il seguente codice al file functions.php.


function add_footer_admin() {

?&gt; Built by &lt;a href="#" XYZ Media&lt;/a&gt;

}

add_filter('admin_footer_text', 'add_footer_admin');

Modifica del messaggio di benvenuto di WordPress.

Quando accedi al pannello di amministrazione, in alto a destra viene visualizzato un messaggio di benvenuto. Puoi modificare il messaggio di benvenuto per adattarlo a un pubblico più ampio. Questo ti aiuterà a indirizzare il pubblico in un modo molto migliore. Aggiungi il seguente codice a functions.php per far riflettere le modifiche.

<pre id="fvch-code-2"><span class="php">add_filter<span class="php-brackets">(</span><span class="php-string">'gettext'</span>, <span class="php-string">'change_welcome_mssg'</span>, <span class="php-number">1</span><span class="php-number">0</span>, <span class="php-number">3</span><span class="php-brackets">)</span>;

<span class="php-function">function</span> change_howdy<span class="php-brackets">(</span><span class="php-var">$newmsg</span>, <span class="php-var">$text</span>, <span class="php-var">$domainname</span><span class="php-brackets">)</span> <span class="php-brackets">{</span>

    <span class="php-keyword">if</span> <span class="php-brackets">(</span><span class="php-operator">!</span>is_admin<span class="php-brackets">(</span><span class="php-brackets">)</span> <span class="php-operator">|</span><span class="php-operator">|</span> <span class="php-string">'default'</span> <span class="php-operator">!</span><span class="php-operator">=</span> <span class="php-var">$domainname</span><span class="php-brackets">)</span>
        <span class="php-keyword">return</span> <span class="php-var">$newmsg</span>;

    <span class="php-keyword">if</span> <span class="php-brackets">(</span><span class="php-keyword">false</span> <span class="php-operator">!</span><span class="php-operator">=</span><span class="php-operator">=</span> <span class="php-function">strpos</span><span class="php-brackets">(</span><span class="php-var">$translated</span>, <span class="php-string">'Howdy'</span><span class="php-brackets">)</span><span class="php-brackets">)</span>
        <span class="php-keyword">return</span> <span class="php-function">str_replace</span><span class="php-brackets">(</span><span class="php-string">'Howdy'</span>, <span class="php-string">'Welcome'</span>, <span class="php-var">$newmsg</span><span class="php-brackets">)</span>;

    <span class="php-keyword">return</span> <span class="php-var">$newmsg</span>;
<span class="php-brackets">}</span></span></pre>

Modifica della combinazione di colori dell'amministratore

Admin Color Scheme è un ottimo modo per programmare il cervello subconscio del pubblico. Ci sono colori associati ai marchi e potresti anche voler usare una psicologia del colore di base a tuo vantaggio.

Tutto quello che devi fare è aggiungere il seguente codice al file functions.php e quindi cambiare il colore nel file admin.css che si trova all'interno dei file principali del tema.


function admin_css_modification() {

wp_enqueue_style('admin_css_modification', get_template_directory_uri() . '/css/admin.css');

}

add_action('admin_print_styles', 'admin_css_modification')

Tutto il codice manuale può essere utilizzato da qualsiasi utente di WordPress, ma suggerirò solo agli sviluppatori esperti di gestire la personalizzazione manuale.

Non sai come codificare? Non preoccuparti, abbiamo alcuni plugin gratuiti per fare White Labeling di WordPress. Dai un'occhiata.

Plugin gratuiti per l'etichettatura bianca di WordPress

  1. White Label CMS: un ottimo plugin gratuito per iniziare con tutto ciò che abbiamo fatto fino ad ora. Ti offre la possibilità di modificare i loghi e altri aspetti importanti dei dashboard.
  2. YouTube White Label Shortcode: un elegante plugin per WordPress che ti consente di aggiungere video di Youtube alla dashboard di WordPress con l'aiuto di un semplice shortcode. Puoi anche usarlo sul front-end del sito Web di WordPress.
  3. Disabilita la rimozione della barra di amministrazione di WP: la barra di amministrazione di WordPerss può essere un pasticcio e deve essere rimossa per una migliore funzionalità, velocità e visibilità. Con l'aiuto di questo plugin, puoi facilmente rimuovere la barra di amministrazione di WP.
  4. Logo di accesso Uber: il logo di accesso Uber è un semplice plug-in che ti aiuta a cambiare il logo nella pagina di accesso wp. È un plugin semplice e intuitivo.

Spero che l'articolo ti sia piaciuto. Mi sono assicurato che sia i programmatori che i non programmatori traggano il massimo dall'articolo presentando il processo manuale ed elencando anche alcuni plugin gratuiti per aiutarti nella white labeling di WordPress.

Se l'articolo ti è piaciuto, non dimenticare di condividere e commentare!