آموزش سفارشی‌سازی پیشخوان وردپرس

سفارشی‌سازی پیشخوان وردپرس

شاید تا به حال به این فکر کرده باشید که چرا بیشتر افراد علاقه خاصی به سفارش ماشین به صورت دلخواه خود دارند؛ در صورتی که تقریبا هر اتومبیلی شما را از نقطه‌­ای به نقطه‌­ای دیگر می‌­برند. در جواب این سوال باید گفت که این اتومبیل سفارشی از خط مونتاژ بهتر از همتایان خود به نظر می­‌رسد و­ برای عملکرد بهتر بهینه شده است و در نتیجه شما راحت­‌تر خواهید بود. وردپرس یکی از بزرگترین وسیله نقلیه­ در طراحی سایت است که می­‌توانید برای رسیدن به رویاهای آنلاین خود از آن استفاده کنید. این CMS از پیشخوان عالی برخوردار است و این اجازه را به شما می‌دهد که هر زمان خواستید سفارشی‌سازی پیشخوان وردپرس را انجام دهید و طبق سلیقه خودتان شخصی سازی کنید.

سفارشی‌سازی پیشخوان وردپرس

آنچه در این مقاله خواهید خواند:

• شخصی‌سازی داشبورد وردپرس
• ایجاد یک پوسته فرزند
• از بین بردن ابزارک­‌های غیر ضروری داشبورد وردپرس
• افزودن ابزارک­‌های داشبورد وردپرس
• صفحه داشبورد سفارشی­‌سازی شده وردپرس
• حذف منوهای داشبورد وردپرس
• سفارشی­‌سازی فوتر داشبورد وردپرس
• سفارشی کردن فرم ورود
• سفارشی­‌سازی پیشخوان وردپرس با استفاده از options Screen
• استفاده از افزونه

شخصی سازی داشبورد وردپرس

داشبورد وردپرس در نگاه اول و کلی، خیلی اورجینال به نظر می­‌رسد. شاید درکل زیبا باشد، اما سبک شخصی را برای شما ایجاد نمی‌­کند و مشتری را با این سبک و سیاق تحت تاثیر قرار نمی‌­دهد. از طرف دیگر، سفارشی­‌سازی پیشخوان وردپرس، یک امر شخصی است و باعث ایجاد یک حس برتری در شما یا کاربر می­‌شود. چرا که شما می‌­توانید نام تجاری خود را با آن بسازید یا داشبورد وردپرس را متناسب با نیاز مشتری خود تنظیم کنید. وجود ابزارک‌­های غیر ضروری و منوها، برای ایجاد داشبورد سفارشی و زیبا نامناسب هستند. خب قرار است در مقاله امروز روی این موارد مانور دهیم تا یک داشبورد زیبا را بسازیم:

• سفارشی­‌سازی لینک پاورقی داشبورد
• از بین بردن عناصر عمومی مانند برند وردپرس
• استفاده از گزینه‌­های روی صفحه
• استفاده از چند پلاگین برای شخصی­‌سازی داشبورد وردپرس خود

در پایان این مقاله شما باید بتوانید داشبورد مدیریت وردپرسی زیبا و شخصی ایجاد کنید که با مشتری شما برند مشتری شما پدیدار گردد.

ایجاد یک پوسته فرزند

اولین قدم قبل از شروع سفارشی‌سازی پیشخوان وردپرس، ایجاد یک پوسته فرزند است. شما می­‌توانید فایل­‌های اصلی خود را ویرایش کنید، یا از ویرایشگر در داشبورد پوسته خود استفاده کنید، اما این در صورتی است که هرگز تم وردپرس خود را دوباره به روز نکنید. قبل از ایجاد هرگونه تغییر در پرونده­‌های پوسته خود، باید یک پوسته فرزند ایجاد کنید. به این ترتیب وقتی پوسته اصلی را به روز می­‌کنید، تمام تغییرات شما دست نخورده باقی می­‌مانند.

1. ابتدا پوشه تم فرزند خود را ایجاد کنید:

وارد نصب وردپرس خود شوید و پوشه پوسته خود که در آدرس  wp-content/themes را پیدا کنید. در این پوشه یک پوشه جدید اضافه کنید و آن را “child-theme” بگذارید.

2. پرونده CSS فرزند خود را ایجاد کنید:

اکنون که یک پوشه جدید با نام پوسته فرزند دارید، می­‌توانید فایل­‌های جدیدی را اضافه کنید تا سبک یا عملکرد پوسته فعلی خود را تغییر دهید. ابتدا یک پرونده جدید برای style.css در پوشه پوسته فرزند خود ایجاد کنید، سپس پرونده جدید را ویرایش کنید تا برخی اطلاعات مربوط به عنوان را بتوانید اضافه کنید:

/*---------------------------------------------------
Theme Name: نام پوشه Child Theme شما
Description: نام والدی که برای آن Child Theme می‌سازید
Author: نام خودتان
Template: نام قالب اصلی
----------------------------------------------------*/

بعد از عنوان، می‌­توانید تمام CSS خود را اضافه کنید تا با استفاده از مضمون فرزند، ظاهر تم والد خود را تغییر دهید.

3. فایل پی‌اچ‌پی مضمون پوسته فرزند خود را ایجاد کنید:

در داخل پوشه جدید پوسته فرزند خود، یک فایل functions.php  ایجاد کنید. سپس فایل توابع جدید را ویرایش کنید تا بتوانید کدی را اضافه کنید که سبک اصلی “والد” شما را بارگیری کند:

function myprefix_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'myprefix_theme_enqueue_styles' );

حتماً پس از آخرین تگ PHP موجود، function.php خود را اضافه کنید.

از بین بردن ابزارک­‌های غیر ضروری داشبورد وردپرس

پس از ورود به داشبورد وردپرس خود، می‌­توانید چند بخش یا ابزارک مانند At a Glance ، Stats Site ، Quick Draft و WordPress News را در میان دیگران مشاهده کنید. بیشتر این ابزارک­‌های توسط خود وردپرس به داشبورد اضافه می­‌شوند، اما بسته به پوسته و یا افزونه­‌های شما، تعداد ویجت­‌های نمایش داده شده می­‌توانند کمتر یا بیشتر شوند. البته لازم به ذکر است که برخی از تم­‌ها و افزونه‌­ها ابزارک­‌های مخصوص به خود را به داشبورد اضافه می­‌کنند.

در حالی که می‌­دانیم برخی از این ابزارک‌­ها مفید هستند، اما آیا کاربر شما باید هرکدام از این ابزارک­‌ها را ببینند؟! مطمئنا که جواب نه است. با استفاده از چند خط کد به راحتی می‌­توانید ابزارک­‌های داشبورد را به راحتی حذف کنید و سفارشی‌سازی پیشخوان وردپرس را انجام دهید:

// Remove dashboard widgets
function remove_dashboard_meta() {
	if ( ! current_user_can( 'manage_options' ) ) {
		remove_meta_box( 'dashboard_incoming_links', 'dashboard', 'normal' );
		remove_meta_box( 'dashboard_plugins', 'dashboard', 'normal' );
		remove_meta_box( 'dashboard_primary', 'dashboard', 'normal' );
		remove_meta_box( 'dashboard_secondary', 'dashboard', 'normal' );
		remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' );
		remove_meta_box( 'dashboard_recent_drafts', 'dashboard', 'side' );
		remove_meta_box( 'dashboard_recent_comments', 'dashboard', 'normal' );
		remove_meta_box( 'dashboard_right_now', 'dashboard', 'normal' );
		remove_meta_box( 'dashboard_activity', 'dashboard', 'normal');
	}
}
add_action( 'admin_init', 'remove_dashboard_meta' ); 

کپی کردن کد فوق در پرونده­‌های function.php تم فرزند خود در آدرس wp-content/themes/yourthemename/child-theme/functions.php و ذخیره کردن تغییرات باعث حذف کلیه ابزارک‌­های داشبورد به استثنای موارد اضافه شده توسط پوسته شما یا پلاگین‌­ها از کد بالا، همه کاربرانی که به کمتر از قابلیت‌های ادمین دسترسی دارند، به لطف این بخش از کدها، ابزارک­‌ها را نمی‌­بینند:

if ( ! current_user_can( 'manage_options' ) )

قطعه کد بالا بررسی می‌­کند که اگر کاربر قابلیت ” management_options” داشته باشد می‌­تواند به ادمین دسترسی داشته باشد.

شاید شما نمی­‌خواهید همه ابزارک­‌ها را از داشبورد خود پاک کنید. به جای آن می‌­توانید از کد زیر استفاده کنید:

//ساختن function برای استفاده در action hook
function hamyarwp_remove_dashboard_widget () {
    remove_meta_box ( 'dashboard_quick_press', 'dashboard', 'side' );
}
add_action ('wp_dashboard_setup', 'hamyarwp_remove_dashboard_widget');

برای خلاص شدن از شر ویجت Quick Draft ، کد فوق را در پرونده function.php خود کپی کرده و این تغییرات را ذخیره کنید. برای حذف هر ویجت دیگر، کافی است ” dashboard_quick_press ” ، ” dashboard” ، “side” را با نوارهای مربوطه برای هر ویجت جایگزین کنید. سایر کلیدهای یک ویجت استاندارد شامل موارد زیر است:

• dashboard_inoming_links
• dashboard_plugins
• dashboard_primary
• dashboard_secondary
• dashboard_quick_press
• dashboard_recent_drafts
• dashboard_recent_comments
• dashboard_right_now
• dashboard_activity

اما ممکن است شما دارای ویجت‌های اضافی دیگری که توسط پوسته والد، ​​سایر افزونه­‌هایی که نصب کرده‌­اید و حتی هاستینگ شما باشید. برای یافتن این ابزارک­‌های اضافه شده، می­توانید از inspector یک مرورگر استفاده ­کنید و سپس  div ID را برای ویجتی که می­‌خواهید حذف کنید، کپی کنید.

افزودن ابزارک­‌های داشبورد وردپرس

اکنون که می‌­توانید ابزارک­‌های داشبورد را برای سفارشی‌سازی پیشخوان وردپرس، به صورت دلخواه خود حذف کنید و بعد از آن ابزارهای سفارشی خود را اضافه کنید. شما می‌­توانید هر چیزی را که می­‌خواهید با ویجت خود به نمایش بگذارید. بهترین قسمت این است که شما می­‌توانید به آسانی ویجت مورد نظر خود را به داشبورد وردپرس خود از طریق سفارشی­‌سازی پیشخوان وردپرس خود اضافه کنید. کافیست کد زیر را به پرونده مورد نظر خود در آدرس  wp-content/themes/yourthemename/child-theme/functions.php file  خود اضافه کنید:

/**
 * اضاقه کردن ابزارک به پیشخوان.
 *
 * این عملکرد به عملکرد"wp_dashboard_setup"در زیر قلاب شده است.
 */
function hamyarwp_add_dashboard_widgets() {
	wp_add_dashboard_widget(
		'hamyarwp_dashboard_widget', // اسلاگ ابزارک.
		'My Custom Dashboard Widget', // عنوان.
		'hamyarwp_dashboard_widget_function' // نمایش عملکرد.
	);
}
add_action( 'wp_dashboard_setup', 'hamyarwp_add_dashboard_widgets' );

/**
 * عملکردی را برای تولید محتوای ابزارک داشبورد خود ایجاد کنید.
 */
function hamyarwp_dashboard_widget_function() {
	echo "سلام. من یک ابزارک پیشخوان هستم.می‌توانید من را ویرایش کنید!";
}

تغییرات را ذخیره کنید. البته شما می­‌توانید افزونه را متناسب با نیاز خود ویرایش کنید. کد HTML، PHP مورد نظر خود را در هر مکانی که می­‌خواهید، قرار دهید:

echo "سلام. من یک ابزارک پیشخوان هستم.می‌توانید من را ویرایش کنید!";

ویجت جدید مورد نظر شما در پایین، در زیر همه ابزارک‌­ها به نمایش در خواهد آمد. البته اگر ویجت­‌های زیادی داشته باشید، ممکن است این ویجت در خارج از نما باشد. با این وجود می­‌توانید ویجت را در بالا یا هر جای دیگری برای پوسته خود کشیده و رها کنید.

صفحه داشبورد سفارشی­‌سازسی شده وردپرس

اگر شما علاقه­‌مند به ایجاد داشبوردی کاملاً متفاوت در وردپرس هستید، مواردی که با کد­های HTML ، PHP و حتی یک ظاهر طراحی دلخواه که با شما همراه باشد، می­‌تواند پاسخگوی نیاز شما باشد. اگر می­‌خواهید فراتر از افزودن و یا حذف ابزارک­‌های داشبورد پیش بروید، یک افزونه عالی وجود دارد که به شما کمک می­‌کند تا صفحه داشبورد دلخواه خود را تنظیم کنید که جلوتر معرفی خوایم کرد. لذا شما باید مهارت­‌های لازم را برای تنظیم کدهای PHP در این مورد داشته باشید.

حذف منوهای داشبورد وردپرس

ما می­‌توانیم ابزارک­‌های داشبورد وردپرس را برای سفارشی‌سازی پیشخوان وردپرس، اضافه یا از بین ببریم و حتی ظاهر داشبورد را به کلی تغییر دهیم، برای این کار ابتدا بعضی از آیتم­‌های منوی ایجاد شده را از بین ببریم. شاید برای بعضی این سوال پیش آید که چرا باید این کار ار انجام دهیم؟! زیرا که شما می­‌خواهید بعضی از منوها را حذف کنید تا داشبورد بهتر به مشتری ارائه کنید و آن­ها را از دسترسی به مناطقی خاص، بازدارید. اگر مشتری از وردپرس چیزی نمی‌­داند، در صورت مراجعه و تغییر گزینه‌­هایی در صفحاتی مانند صفحه تنظیمات یا افزونه‌­ها، می­‌تواند سایت را خراب کند. برای شروع، کد زیر را به پرونده function.php خود اضافه کنید:

function hamyarwp_remove_menus() {
	remove_menu_page( 'themes.php' );          // ظاهر
	remove_menu_page( 'plugins.php' );         // افزونه‌ها
	remove_menu_page( 'users.php' );           // کاربران
	remove_menu_page( 'tools.php' );           // ابزارها
	remove_menu_page( 'options-general.php' ); // تنظیمات
}
add_action( 'admin_menu', 'hamyarwp_remove_menus' );

کد بالا پیوندهای منو را به تنظیمات، پلاگین‌­ها ، ظاهر سایت، کاربران و ابزارها را برای همه کاربران حذف می­‌کند. همچنین می­‌توانید زیر منوها را نیز حذف کنید و سفارشی‌سازی پیشخوان وردپرس را بهتر انجام دهید. در اینجا نمونه کد وجود دارد که زیرمنو Widgets را به صورت ظاهری حذف می­کند:

function hamyarwp_adjust_the_wp_menu() {
	$page = remove_submenu_page( 'themes.php', 'widgets.php' );
}
add_action( 'admin_menu', 'hamyarwp_adjust_the_wp_menu', 999 );

در مثال بالا، کاربران به غیر از ابزارک‌­ها، به تمام منوهای فرعی تحت لقای ظاهر سایت، دسترسی پیدا می­‌کنند. می‌­توانید همانطور که می­‌خواهید منوها یا زیر منوها را حذف کنید. فقط بخاطر بسپارید که این امر باعث نمی­‌شود کاربران از دسترسی مستقیم به این صفحات منع شوند؛ بلکه منظور این  است که  اگر یک کاربر به قسمتی مانند  yourdomain.com/wp-admin/options-general.php وارد شود، در این صورت است که آن­ها به صفحه تنظیمات شما دسترسی پیدا خواهند کرد. ولی اگر این آیتم در منو نباشد، کاربران زحمتی برای دسترسی به این قسمت نمی‌­کشند و سراغ آن نمی­‌روند.

‌اگر نمی­‌توانید یا نمی­‌خواهید فایل­‌های function.php خود را ویرایش کنید، می‌­توانید افزونه Admin Menu Editor را نصب کنید. این افزونه به شما امکان کنترل کامل بر منوها را می­‌دهد. این افزونه با چند ویژگی جالب از جمله محدودیت­‌های منوی مبتنی بر نقش کاربر، امکان پنهان کردن منوها و ایجاد موارد منو سفارشی که از دیگر ویژگی­‌های جالب این افزونه به حساب می‌­آید، در این امر به کمک شما خواهد آمد.

سفارشی­‌سازی فوتر داشبورد وردپرس

تا این لحظه، ما سفارشی­‌سازی پیشخوان وردپرس صورت چشم‌گیری انجام داده­‌ایم. سفارشی کردن پاورقی یا فوتر می­‌تواند به تقویت ارزش برند شما یا مشتری کمک کند. برای این کار فقط کافی است قطعه کد زیر را به پرونده function.php خود اضافه کنید و تغییرات را ذخیره کنید:

//فوتر سفارشی مدیر
function hamyarwp_remove_footer_admin () {
	echo '<span id="footer-thankyou">Built with love by <a href="https://hamyarwp.com/" target="_blank">hamyarwp</a></span>';
}
add_filter( 'admin_footer_text', 'hamyarwp_remove_footer_admin' );

نام سایت موجود را با نام وبسایت خود، آدرس ایمیل و با نام دامنه واقعی خود جایگزین کنید.

و در کل نتیجه کار نهایی ما به صورت زیر می‌­شود:

سفارشی کردن فرم ورود

تاکنون، همه موارد لازم برای سفارشی­‌سازی پیشخوان وردپرس خود را در انجام  داده­‌اید. بیایید یک قدم جلوتر برویم و صفحه ورود را سفارشی کنیم. برای این کار باید دو عنصر را شخصی‌­سازی کنیم؛ آرم پیش فرض وردپرس و پیوند wordpress.org. کدهای زیر را در function.php خود کپی کنید:

 

function hamyarwp_login_logo() { ?>
	<style type="text/css">
		body.login div#login h1 a {
			background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/images/logo.png );
			padding-bottom: 30px;
		}
	</style>
<?php }
add_action( 'login_enqueue_scripts', 'hamyarwp_login_logo' );

logo.png را با نام آرم سفارشی خود جایگزین کنید، که ابتدا باید آن را در آدرس wp-content / themes / theme /  تصاویر خود بارگذاری کنید. لوگوی سفارشی خود را در سایز 80*80 پیکسل قرار دهید، حتی اگر می­‌توانید با برخی از CSS های سفارشی آن را تغییر دهید. با وجود آرم ورود به سیستم، زمان آن رسیده است که لینکی را که با لوگوی اصلی وردپرس همراه است را تغییر دهید. پس آرم جدید را به وبسایت خود پیوند دهید. این کد را در پرونده‌ی function.php خود کپی کنید و تغییرات را ذخیره کنید:

function hamyarwp_login_logo_url() {
	return esc_url( home_url( '/' ) );
}
add_filter( 'login_headerurl', 'hamyarwp_login_logo_url' );

function hamyarwp_login_logo_url_title() {
	return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpexplorer_login_logo_url_title' );

نتیجه کار:

سفارشی­‌سازی پیشخوان وردپرس با استفاده از options Screen

اگر شما نمی­‌خواهید این کد­ها را به سایت خود اضافه کنید یا پلاگینی را نصب کنید، می­‌توانید از options Screen استفاده کنید تا یک داشبورد وردپرس سفارشی ایجاد کنید. برای این کار فقط وارد داشبورد وردپرس خود شوید و در بالای صفحه سمت چپ، منوی کشویی options Screen را مشاهده خواهید کرد. برای فعال کردن و یا غیرفعال کردن ابزارک­‌ها روی این گزینه کلیک کنید و پ علامت بررسی را بردارید. سپس می­‌توانید ابزارک­‌های خود را بکشید و رها کنید تا آن­ها را به دلخواه ترتیب دهید.

تنها نقطه ضعف این روش این است که تنظیمات شما را بر اساس هر کاربر ذخیره می­‌شود، بدین معنی که اگر یک وبلاگ چند نویسنده داشته باشید، این روش خیلی خوب نیست. همچنین شما نمی­‌توانید کاربران را از فعال کردن مجدد ابزارک­‌ها به خواست خود باز دارید.

استفاده از افزونه

ما در این مقاله بیشتر وقت خود را صرف ارائه گزینه­‌ها به صورت کد کرده‌­ایم. اما  یک افزونه می­‌تواند برای تمام این اعمال مفید باشد.

افزونه Plugin Ultimate Tweaker

اکثر افزونه­‌ها از یک هدف خاص پشتیبانی می­کنند اما Ultimate Tweaker اینگونه نیست. این یک افزونه همه کاره است که مطمئنا مانند آن قبلاً هرگز ندیده‌­اید. در اصل  Ultimate Tweaker از بیشتر از 240 مورد ایجاد تغییرات، ترفندها و ابزارهای مختلف وردپرس پشتیبانی می­‌کند. این افزونه به دلایل بهبود کارآیی، از بین بردن قسمت­‌هایی از وردپرس که شما را آزار می‌­دهد و گسترش عملکردهای اصلی وردپرس فراتر از آنچه ممکن است، مفید است. لازم به ذکر است که این افزونه نسخه رایگان ندارد.

این 240 تغییر واقعا متنوع است و می‌­توان آن­ها را در 35 دسته مختلف تقسیم کرد. برای اینکه ایده­ای راجع به آنچه Ultimate Tweaker می­‌تواند انجام دهد به شما ارائه ‌­دهیم، چند مورد از آنها را در پایین برای شما ذکر کرده‌­ایم:

• اضافه کردن آرم در بالای منوی نوار کناری
• ویرایش صفحه داشبورد و ورود به سیستم وردپرس
• غیرفعال کردن دکمه کلیک راست یا چاپ صفحه را در وبسایت خود
• تقویت امنیت با افزودن reCaptcha 2 به صفحه ورود به سیستم
• کیفیت JPEG را تنظیم کنید تا اندازه پرونده تصاویر کاهش یابد
• کدهای کوتاه را در ابزارک­‌های متن فعال کنید
• ایجاد حداقل تعداد کلمه برای پست­‌ها
• غیرفعال کردن “shaking” به هنگام رمز ورود اشتباه
• اضافه کردن کد Google Analytics را به وبسایت
• 19 میانبر صفحه کلید جدید برای وردپرس
• یک صفحه 404 سفارشی ایجاد کنید
• غیرفعال کردن بروزرسانی­‌های خودکار وردپرس

بسیاری از این کارها در وردپرس مواردی هستند که همه ما در یک مقطع زمانی از آن­ها استفاده کرده‌­ایم. بسیاری از آن­ها به خودی خود نسبتاً جزئی هستند ولی با هم یک تغییرات عظیم را رخ می­‌دهند.

افزونه Forest – Revolution WordPress Admin Theme

اگر فقط می‌­خواهید مارک تجاری وبسایت خود را تغییر دهید بدون استفاده از کدنویسی، می­‌توانید از یک افزونه استفاده کنید. یا اگر از ظاهر داشبورد پیش فرض راضی نیستید، افزونه Forest – Revolution WordPress Admin Theme به شما امکان می­‌دهد تا آنچه را که می­‌خواهید را به دست آورید.

این افزونه به شما امکان می‌­دهد تصویر زمینه خود را به داشبورد وردپرس اضافه کنید و یا می‌­توانید یکی از شش تصویر ارائه شده رایگان، از جمله تصویر موجود در تصویر بالا را استفاده کنید. شما می­‌توانید داشبورد را با استفاده از خلاقیت خود و با استفاده از رنگ­‌های مختلف یا با استفاده از یکی از طرح­‌های پیش فرض، به سفارشی­‌سازی پیشخوان وردپرس بپردازید. دکمه‌­هایی در داشبوردی وجود دارد که از آن­ها استفاده نمی­‌کنید، حتی می­‌توانید آن­ها را مخفی کنید. این افزونه نیز مانند افزونه قبل نسخه رایگان ندارد.

داشبوردی مختص با سلایق شما

شخصی­‌سازی داشبورد وردپرس، یکی از بهترین راه­‌های تقویت تصویر برند و ارائه یک طرح و دیزان عالی به کاربر است. این کاری ساده است و وقت زیادی از شما نمی‌­گیرد. شما به راحتی با استفاده از کد یا حتی استفاده از افزونه­‌های مختص این کار، سفارشی­‌سازی داشبورد خود را انجام دهید.

دانلود افزونه Admin Menu Editor

دانلود افزونه Admin Menu Editor صفحه افزونه