So erstellen Sie eine White-Label-WordPress-Site

Veröffentlicht: 2015-09-26

WordPress ist eine gute Wahl für jedes Unternehmen. Es kann an die geschäftlichen Anforderungen angepasst werden und bietet auch eine große Auswahl an Plugins und Themen zur Verwendung.

Aber was passiert, wenn Ihr Kunde herausfindet, dass das Thema nicht ganz Ihnen gehört? Es sendet ein schlechtes Signal an sie. Das Dashboard ist einer der Teile, der klar angepasst werden muss, um es den Geschäftsanforderungen anzupassen.

Wenn Sie wissen, wovon ich spreche, dann sollten Sie auch den Begriff „White Labeling“ kennen. White Labeling ist die am wenigsten verwendete Methode auf WordPress-Websites. Es bedeutet, Änderungen am Backend vorzunehmen und die Geschäftsphilosophie für Kunden und Abonnenten widerzuspiegeln.

Das White-Labeling Ihrer Website hat viele Vorteile. Einige davon sind unten aufgeführt.

  • Kunden sind der wichtigste Aspekt eines jeden Unternehmens. Wenn Sie ihnen gut dienen, werden Sie langfristig davon profitieren.
  • Außerdem bedeutet White Labeling, dass Sie wahrscheinlich das Beste aus den Ihnen zur Verfügung gestellten Ressourcen machen. Es erhöht auch die Professionalität.
  • Sie können das Dashboard verwenden, um zusätzlichen Support und Links zu Videos und Artikeln anzubieten
  • Darüber hinaus können Sie das Dashboard an die Bedürfnisse der Benutzer anpassen.

Es gibt zwei Möglichkeiten, wie Sie an die Aufgabe herangehen können. Die erste Möglichkeit besteht darin, die White-Label-Elemente manuell durch Bearbeiten des Codes hinzuzufügen, und die andere Möglichkeit besteht darin, dies mit Hilfe des Plugins zu tun. Wenn Sie mit Code vertraut sind, können Sie die Anpassung manuell vornehmen, aber wenn Sie keine Ahnung haben, was der Code bedeutet, sind Plugins der beste Weg, um das vorliegende Problem anzugehen.

Lass uns anfangen.

Inhaltsverzeichnis

So erstellen Sie eine White-Label-WordPress-Site

Logo zur Anmeldeseite hinzufügen

Der erste Schritt besteht darin, das WordPress-Logo zu entfernen. Das WordPress-Logo ist großartig für normale Benutzer, spiegelt aber die Philosophie der Website nicht gut wider. Um die Anpassung vorzunehmen, müssen wir zur Datei functions.php gehen und sie dann entsprechend ändern.

Wählen Sie eine Bilddatei mit Logoabmessungen. Speichern Sie die Datei als PNG und bearbeiten Sie dann die Datei functions.php mit dem folgenden Code.



<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'); 

Alles sieht gut aus, aber es gibt eine Sache, auf die Sie achten müssen. Fügen Sie das CSS in die Datei custom_admin.css ein (erstellen Sie es, falls es nicht verfügbar ist) und fügen Sie die folgende Codezeile hinzu, um das neue Logo zu verknüpfen.


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

Das einzige, was Sie ändern müssen, ist der Name custom_logo.png. Die Anmeldeseite ist jetzt angepasst.

Weitere Tipps und Tricks zum Anpassen der Anmeldeseite finden Sie in So erstellen Sie eine vollständig angepasste WordPress-Anmeldeseite, die erst vor wenigen Tagen geschrieben wurde.

Arbeiten mit dem WordPress-Admin-Panel

Das WordPress-Admin-Panel ist die Heimat der Anpassung. Hier landen Ihre Kunden/Kunden und hier hinterlassen Sie am besten einen positiven Eindruck.

Was können Sie also mit dem Admin-Panel tun? Sie können das WordPress-Logo oben links und auch die WordPress-Fußzeile mit dem Organisations-/Unternehmensbranding ändern.

Lassen Sie uns zuerst das WordPress-Logo in ein Geschäftslogo ändern.

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

add_action('admin_head','custom_admin_css_logo');

Jetzt reicht das Hinzufügen von Code zu custom_admin.css aus.

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

Ändern Sie die Datei logo2.jpg in den Namen der Logodatei, die Sie verwenden möchten.

Lassen Sie uns nun die WordPress-Admin-Fußzeile ändern.

Das Ändern der Fußzeile ist einfach. Dazu müssen Sie lediglich den folgenden Code zur Datei functions.php hinzufügen.


function add_footer_admin() {

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

}

add_filter('admin_footer_text', 'add_footer_admin');

Ändern der WordPress-Begrüßungsnachricht.

Wenn Sie sich in das Admin-Panel einloggen, wird oben rechts eine Willkommensnachricht angezeigt. Sie können die Begrüßungsnachricht ändern, um sie einem breiteren Publikum anzupassen. Dies wird Ihnen helfen, Ihre Zielgruppe viel besser anzusprechen. Fügen Sie der functions.php den folgenden Code hinzu, damit die Änderungen widergespiegelt werden.

<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>

Ändern des Admin-Farbschemas

Das Admin-Farbschema ist eine großartige Möglichkeit, das Unterbewusstsein des Publikums zu programmieren. Es gibt Farben, die mit Marken verbunden sind, und vielleicht möchten Sie auch einige grundlegende Farbpsychologie zu Ihrem Vorteil nutzen.

Alles, was Sie tun müssen, ist, den folgenden Code zur Datei functions.php hinzuzufügen und dann die Farbe in der Datei admin.css zu ändern, die sich in den Kerndateien des Themas befindet.


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')

Der gesamte manuelle Code kann von jedem WordPress-Benutzer verwendet werden, aber ich empfehle nur erfahrenen Entwicklern, die manuelle Anpassung vorzunehmen.

Sie wissen nicht, wie man codiert? Keine Sorge, wir haben einige kostenlose Plugins für Sie, mit denen Sie White Labeling von WordPress durchführen können. Schau sie dir an.

Kostenlose Plugins für White Labeling von WordPress

  1. White Label CMS: Ein großartiges kostenloses Plugin, um mit allem zu beginnen, was wir bisher getan haben. Es bietet Ihnen die Möglichkeit, Logos und andere wichtige Aspekte der Dashboards zu ändern.
  2. YouTube White Label Shortcode: Ein schlankes WordPress-Plugin, mit dem Sie Youtube-Videos mit Hilfe eines einfachen Shortcodes zum WordPress-Dashboard hinzufügen können. Sie können es auch im Frontend der WordPress-Website verwenden.
  3. Entfernen der WP-Admin-Leiste deaktivieren: Die WordPerss-Admin-Leiste kann ein Durcheinander sein und muss für eine bessere Funktionalität, Geschwindigkeit und Sichtbarkeit entfernt werden. Mit Hilfe dieses Plugins können Sie die WP-Admin-Leiste ganz einfach entfernen.
  4. Uber-Login-Logo: Das Uber-Login-Logo ist ein einfaches Plugin, mit dem Sie das Logo auf der wp-Login-Seite ändern können. Es ist ein einfaches und intuitives Plugin.

Ich hoffe, Ihnen hat der Artikel gefallen. Ich habe dafür gesorgt, dass sowohl Programmierer als auch Nicht-Codierer das Beste aus dem Artikel machen, indem ich den manuellen Prozess vorgestellt und auch einige kostenlose Plugins aufgelistet habe, die Ihnen beim White-Labeling von WordPress helfen.

Wenn Ihnen der Artikel gefallen hat, vergessen Sie nicht, ihn zu teilen und zu kommentieren!