كيفية إنشاء موقع White Label WordPress

نشرت: 2015-09-26

يعد WordPress خيارًا رائعًا لأي عمل تجاري. يمكن تخصيصه وفقًا لاحتياجات العمل وأيضًا تقديم مجموعة رائعة من المكونات الإضافية والسمات للاستخدام.

ولكن ماذا يحدث عندما يكتشف عميلك أن الموضوع ليس ملكك تمامًا. يرسل إشارة سيئة لهم. لوحة القيادة هي أحد الأجزاء التي يجب تخصيصها بوضوح لتلائم متطلبات العمل.

إذا كنت تعرف ما أتحدث عنه ، فيجب أن تعرف أيضًا مصطلح "White Labeling". الوسم الأبيض هو الطريقة الأقل استخدامًا في مواقع WordPress. يعني إضافة تغييرات على الواجهة الخلفية وتعكس فلسفة العمل للعملاء والمشتركين.

هناك العديد من الفوائد من وضع العلامات البيضاء على موقع الويب الخاص بك. بعضها مدرج أدناه.

  • العملاء هم أهم جانب في أي عمل تجاري. إذا كنت تخدمهم جيدًا ، فستستفيد على المدى الطويل.
  • أيضًا ، تعني العلامة البيضاء أنك ربما تحقق أقصى استفادة من الموارد الممنوحة لك. كما أنه يزيد من الاحتراف.
  • يمكنك استخدام لوحة القيادة لتقديم دعم إضافي وروابط لمقاطع الفيديو والمقالات
  • علاوة على ذلك ، يمكنك تخصيص لوحة القيادة وفقًا لاحتياجات المستخدمين.

هناك طريقتان يمكنك من خلالهما التعامل مع المهمة. الطريقة الأولى هي إضافة عناصر التسمية الأولية يدويًا عن طريق تحرير الكود ، والطريقة الأخرى هي القيام بذلك بمساعدة المكون الإضافي. إذا كنت راضيًا عن الكود ، يمكنك إجراء التخصيص يدويًا ، ولكن إذا لم تكن لديك فكرة عما تعنيه الكود ، فإن المكونات الإضافية هي أفضل طريقة للتعامل مع المشكلة المطروحة.

هيا بنا نبدأ.

جدول المحتويات

كيفية إنشاء موقع White Label WordPress

إضافة الشعار إلى صفحة تسجيل الدخول

الخطوة الأولى هي إزالة شعار WordPress. يعد شعار WordPress رائعًا للمستخدمين العاديين ولكنه لا ينعكس جيدًا على فلسفة موقع الويب. لإجراء التخصيص ، نحتاج إلى الانتقال إلى ملف function.php ثم تغييره وفقًا لذلك.

اختر ملف صورة بأبعاد الشعار. احفظ الملف بصيغة PNG ثم تابع تعديل ملف jobs.php باستخدام الكود التالي.



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

كل شيء يبدو جيدًا ، ولكن هناك شيء واحد تحتاج إلى الاهتمام به. أدخل CSS في ملف custom_admin.css (قم بإنشائه إذا لم يكن متاحًا) وأضف السطر التالي من التعليمات البرمجية لربط الشعار الجديد.


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

الشيء الوحيد الذي تحتاج إلى تغييره هو اسم custom_logo.png. تم تخصيص صفحة تسجيل الدخول الآن.

لمزيد من النصائح والحيل المتعلقة بتخصيص صفحة تسجيل الدخول ، تحقق من كيفية إنشاء صفحة تسجيل دخول مخصصة بالكامل إلى WordPress مكتوبة قبل أيام قليلة.

العمل مع لوحة إدارة WordPress

لوحة إدارة WordPress هي موطن التخصيص. هذا هو المكان الذي سيهبط فيه عملاؤك / عملاؤك ، وهذا هو أفضل مكان لإرسال انطباع إيجابي.

إذن ، ماذا يمكنك أن تفعل بلوحة الإدارة؟ يمكنك تغيير شعار WordPress في أعلى اليسار وأيضًا تغيير WordPress Footer باستخدام العلامة التجارية للمؤسسة / الشركة.

دعنا نغير شعار WordPress إلى شعار العمل أولاً.

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

add_action('admin_head','custom_admin_css_logo');

ستؤدي إضافة بعض التعليمات البرمجية الآن إلى custom_admin.css إلى حل المشكلة.

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

قم بتغيير ملف logo2.jpg إلى اسم ملف الشعار الذي تريد استخدامه.

الآن دعنا نغير تذييل مدير WordPress.

من السهل تغيير التذييل. كل ما عليك القيام به هو إضافة الكود التالي إلى ملف jobs.php.


function add_footer_admin() {

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

}

add_filter('admin_footer_text', 'add_footer_admin');

تغيير رسالة الترحيب في ووردبريس.

عندما تقوم بتسجيل الدخول إلى لوحة الإدارة ، تظهر رسالة ترحيب في أعلى اليمين. يمكنك تغيير رسالة الترحيب لتناسب جمهورًا أوسع. سيساعدك هذا على استهداف الجمهور بطريقة أفضل بكثير. أضف الكود التالي إلى function.php لجعل التغييرات تنعكس.

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

تغيير نظام ألوان المسؤول

يُعد نظام الألوان الإدارية طريقة رائعة لبرمجة العقل الباطن للجمهور. هناك ألوان مرتبطة بالعلامات التجارية ، وقد ترغب أيضًا في استخدام بعض علم نفس الألوان الأساسي لصالحك.

كل ما عليك فعله هو إضافة الكود التالي إلى ملف function.php ثم تغيير اللون في ملف admin.css الموجود داخل الملفات الأساسية للسمة.


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

يمكن استخدام كل الكود اليدوي من قبل أي مستخدم WordPress ، لكنني سأقترح المطورين ذوي الخبرة فقط للتعامل مع التخصيص اليدوي.

لا أعرف كيفية البرمجة؟ لا تقلق ، لدينا بعض الإضافات المجانية لتقوم بعمل White Labeling لـ WordPress. تحقق منها.

الإضافات المجانية للقيام بوضع العلامات البيضاء على WordPress

  1. White Label CMS: مكون إضافي مجاني رائع للبدء في كل ما قمنا به حتى الآن. يوفر لك القدرة على تغيير الشعارات والجوانب المهمة الأخرى للوحات المعلومات.
  2. YouTube White Label Shortcode: مكون إضافي أنيق من WordPress يمكّنك من إضافة مقاطع فيديو Youtube إلى لوحة معلومات WordPress بمساعدة رمز قصير بسيط. يمكنك أيضًا استخدامه في الواجهة الأمامية لموقع WordPress على الويب.
  3. تعطيل إزالة شريط إدارة WP: يمكن أن يكون شريط إدارة WordPerss في حالة من الفوضى ، ويجب إزالته للحصول على وظائف وسرعة ورؤية أفضل. بمساعدة هذا البرنامج المساعد ، يمكنك بسهولة إزالة شريط إدارة WP.
  4. شعار تسجيل الدخول إلى أوبر : شعار تسجيل الدخول إلى أوبر هو مكون إضافي بسيط يساعدك على تغيير الشعار على صفحة wp-login. إنه مكون إضافي بسيط وبديهي.

آمل أن تكون قد أحببت المقال. لقد تأكدت من أن كل من المبرمجين وغير المبرمجين يحققون أقصى استفادة من المقالة من خلال تقديم العملية اليدوية وأيضًا سرد بعض المكونات الإضافية المجانية لمساعدتك في وضع العلامات البيضاء على WordPress.

إذا أعجبك المقال ، فلا تنس مشاركته والتعليق عليه!