Jak stworzyć witrynę WordPress White Label?

Opublikowany: 2015-09-26

WordPress to świetny wybór dla każdej firmy. Można go dostosować do potrzeb biznesowych, a także oferuje świetny zestaw wtyczek i motywów do użycia.

Ale co się stanie, gdy Twój klient dowie się, że temat nie jest całkowicie Twój. Wysyła do nich zły sygnał. Deska rozdzielcza to jedna z części, którą należy wyraźnie dostosować, aby była zgodna z wymaganiami biznesowymi.

Jeśli wiesz, o czym mówię, powinieneś również znać termin „biała etykieta”. White Labeling to najrzadziej stosowana metoda w witrynach WordPress. Oznacza to dodawanie zmian do backendu i odzwierciedlenie filozofii biznesowej klientom i subskrybentom.

Istnieje wiele korzyści związanych z białą etykietą Twojej witryny. Niektóre z nich wymieniono poniżej.

  • Klienci są najważniejszym aspektem każdej firmy. Jeśli będziesz im dobrze służył, odniesiesz korzyści na dłuższą metę.
  • Ponadto białe etykiety oznaczają, że prawdopodobnie w pełni wykorzystujesz dane ci zasoby. Zwiększa również profesjonalizm.
  • Możesz użyć pulpitu nawigacyjnego, aby zaoferować dodatkowe wsparcie i linki do filmów i artykułów
  • Ponadto możesz dostosować pulpit nawigacyjny do potrzeb użytkowników.

Do zadania możesz podejść na dwa sposoby. Pierwszym sposobem jest ręczne dodanie elementów white label poprzez edycję kodu, a drugim podejściem jest zrobienie tego za pomocą wtyczki. Jeśli znasz się na kodzie, możesz dostosować go ręcznie, ale jeśli nie masz pojęcia, co oznacza kod, najlepszym sposobem rozwiązania problemu są wtyczki.

Zacznijmy.

Spis treści

Jak stworzyć witrynę WordPress White Label?

Dodawanie logo do strony logowania

Pierwszym krokiem jest usunięcie logo WordPress. Logo WordPress jest świetne dla zwykłych użytkowników, ale nie odzwierciedla dobrze filozofii witryny. Aby dokonać dostosowania, musimy przejść do pliku functions.php, a następnie odpowiednio go zmienić.

Wybierz plik graficzny z wymiarami logo. Zapisz plik jako PNG, a następnie przejdź do edycji pliku functions.php za pomocą następującego kodu.



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

Wszystko wygląda dobrze, ale jest jedna rzecz, o którą musisz zadbać. Wstaw CSS do pliku custom_admin.css (utwórz go, jeśli nie jest dostępny) i dodaj następujący wiersz kodu, aby połączyć nowe logo.


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

Jedyne, co musisz zmienić, to nazwa custom_logo.png. Strona logowania jest teraz dostosowana.

Aby uzyskać więcej wskazówek i wskazówek dotyczących dostosowywania strony logowania, zapoznaj się z artykułem Jak zbudować w pełni dostosowaną stronę logowania WordPress napisaną zaledwie kilka dni temu.

Praca z panelem administracyjnym WordPress

Panel administracyjny WordPress to miejsce dostosowywania. To tutaj wylądują Twoi klienci/klienci i to jest najlepsze miejsce, aby wysłać pozytywne wrażenie.

Co więc możesz zrobić z panelem administracyjnym? Możesz zmienić logo WordPress w lewym górnym rogu, a także zmienić stopkę WordPress z marką organizacji / firmy.

Zmieńmy najpierw logo WordPress na logo firmy.

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

add_action('admin_head','custom_admin_css_logo');

Teraz dodanie kodu do custom_admin.css załatwi sprawę.

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

Zmień plik logo2.jpg na nazwę pliku logo, którego chcesz użyć.

Teraz zmieńmy stopkę administratora WordPressa.

Zmiana stopki jest łatwa. Wszystko, co musisz zrobić, to dodać następujący kod do pliku 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');

Zmiana wiadomości powitalnej WordPress.

Gdy zalogujesz się do panelu administracyjnego, w prawym górnym rogu pojawi się wiadomość powitalna. Możesz zmienić wiadomość powitalną, aby dopasować ją do szerszego grona odbiorców. Pomoże to w znacznie lepszym dotarciu do odbiorców. Dodaj następujący kod do functions.php, aby zmiany zostały odzwierciedlone.

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

Zmiana schematu kolorów administratora

Schemat kolorów administratora to świetny sposób na zaprogramowanie podświadomego mózgu publiczności. Istnieją kolory związane z markami i możesz również skorzystać z podstawowej psychologii kolorów na swoją korzyść.

Wystarczy dodać poniższy kod do pliku functions.php, a następnie zmienić kolor w pliku admin.css znajdującym się w plikach podstawowych motywu.


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

Cały kod ręczny może być używany przez dowolnego użytkownika WordPressa, ale sugeruję, aby ręczne dostosowywanie zajmowało się tylko doświadczonym programistom.

Nie wiesz jak kodować? Nie martw się, mamy dla Ciebie kilka darmowych wtyczek do White Labelling WordPress. Sprawdź je.

Darmowe wtyczki do robienia białych etykiet WordPress

  1. White Label CMS: Świetna darmowa wtyczka do rozpoczęcia wszystkiego, co zrobiliśmy do tej pory. Zapewnia możliwość zmiany logo i innych ważnych aspektów pulpitów nawigacyjnych.
  2. YouTube White Label Shortcode: elegancka wtyczka WordPress, która umożliwia dodawanie filmów z YouTube do pulpitu WordPress za pomocą prostego shortcode. Możesz go również użyć na froncie strony WordPress.
  3. Wyłącz usuwanie paska administracyjnego WP: Pasek administracyjny WordPerss może być bałaganem i należy go usunąć, aby uzyskać lepszą funkcjonalność, szybkość i widoczność. Za pomocą tej wtyczki możesz łatwo usunąć pasek administracyjny WP.
  4. Logo logowania Uber : Logo logowania Uber to prosta wtyczka, która pomaga zmienić logo na stronie logowania wp. Jest to prosta i intuicyjna wtyczka.

Mam nadzieję, że artykuł Ci się spodobał. Upewniłem się, że zarówno koderzy, jak i nie-programiści jak najlepiej wykorzystali artykuł, przedstawiając proces ręczny, a także wymieniając kilka darmowych wtyczek, które pomogą Ci w white labeling WordPress.

Jeśli podobał Ci się artykuł, nie zapomnij podzielić się i skomentować!