Blog

Tất cả các chủ đề WordPress đi kèm với một tập tin functions.php mạnh mẽ. Tập tin này hoạt động như một plugin và cho phép bạn làm được nhiều điều thú trên trang web WordPress của bạn. Trong bài viết này, thiết kế website bán hàng OTVINA sẽ chỉ cho bạn một số thủ thuật hữu ích nhất cho tập tin chức năng WordPress của bạn.

thiet ke web ban hang

 File chức năng trong WordPress là gì?

File chức năng thường được gọi là functions.php file là một file theme WordPress. Nó đi kèm với tất cả các chủ đề WordPress miễn phí và phí bảo hiểm .

Mục đích của tập tin này là để cho phép các nhà phát triển chủ đề để xác định các tính năng giải trí và chức năng. Tập tin này hoạt động giống như một plugin WordPress và có thể được sử dụng để thêm các đoạn mã tùy chỉnh của riêng bạn trong WordPress.

Bạn sẽ tìm thấy nhiều trong các đoạn mã trên các trang web như WPBeginner với các hướng dẫn nói cho bạn để thêm mã này trong tập tin functions.php của theme của bạn hoặc một WordPress plugin trang web cụ thể .

Bây giờ bạn có thể nghĩ sự khác biệt giữa một WordPress plugin trang web cụ thể và tập tin functions.php là những gì? Cái nào tốt hơn?

Trong khi tập tin functions.php là thuận tiện hơn, một plugin trang web cụ thể là tốt hơn nhiều. Đơn giản vì nó là độc lập của WordPress chủ đề của bạn và sẽ làm việc bất kể là chủ đề mà bạn đang sử dụng.

Mặt khác, tập tin chức năng của một chủ đề sẽ chỉ làm việc cho chủ đề đó và nếu bạn chuyển chủ đề, sau đó bạn sẽ phải sao chép / dán mã tùy chỉnh của bạn vào các chủ đề mới.

Sau đây là một số thủ thuật cực kỳ hữu ích cho các tập tin chức năng WordPress.

Xem thêm : Làm thế nào để kết hợp hai Sites WordPress mà không bị mất SEO

1. Loại bỏ một số phiên bản của WordPress

Bạn nên luôn luôn sử dụng phiên bản mới nhất của WordPress . Tuy nhiên, bạn vẫn có thể muốn loại bỏ số phiên bản WordPress từ trang web của bạn. Đơn giản chỉ cần thêm đoạn mã này vào tập tin chức năng của bạn.

1	function wpb_remove_version() {
2	return '';
3	}
4	add_filter('the_generator', 'wpb_remove_version');

 

Muốn nhãn trắng quản trị khu vực WordPress của bạn? Thêm một biểu tượng bảng điều khiển tùy chỉnh là bước đầu tiên trong quá trình này.

Trước tiên, bạn sẽ cần phải tải lên biểu tượng tùy chỉnh của bạn vào thư mục hình ảnh của chủ đề của bạn như tùy chỉnh-logo.png. Hãy chắc chắn rằng biểu tượng tùy chỉnh của bạn là 16 × 16 pixel.

Sau đó bạn có thể thêm mã này vào tập tin chức năng của chủ đề của bạn.

01	function wpb_custom_logo() {
02	echo '
03	<style type="text/css">
04	#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
05	background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
06	background-position: 0 0;
07	color:rgba(0, 0, 0, 0);
08	}
09	#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
10	background-position: 0 0;
11	}
12	</style>
13	';
14	}
15	//hook into the administrative header output
16	add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

3. Thay đổi Footer trong WordPress Admin Panel

Các footer trong khu vực admin WordPress hiển thị thông báo “Cảm ơn bạn đã tạo với WordPress. Bạn có thể thay đổi nó để bất cứ điều gì bạn muốn bằng cách thêm mã này.

1	function remove_footer_admin () {
2	 
3	echo 'Fueled by <a href="http://www.wordpress.org" target="_blank">WordPress</a> | WordPress Tutorials: <a href="http://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
4	 
5	}
6	 
7	add_filter('admin_footer_text', 'remove_footer_admin');

Cảm thấy tự do để thay đổi các văn bản và liên kết mà bạn muốn thêm vào. Dưới đây là làm thế nào nó trông vào trang web thử nghiệm của chúng tôi

thiet ke website ban hang

4. Thêm tùy Dashboard Widget trong WordPress

Bạn có lẽ đã nhìn thấy vật dụng mà rất nhiều plugins và chủ đề thêm vào trong bảng điều khiển WordPress. Là một nhà phát triển chủ đề, bạn có thể thêm bằng cách dán đoạn mã sau:

01	add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
02	 
03	function my_custom_dashboard_widgets() {
04	global $wp_meta_boxes;
05	 
06	wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
07	}
08	 
09	function custom_dashboard_help() {
10	echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="http://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
11	}

Đây là cách nó sẽ giống như thế:

thiết kế website bán hàng

5. Thay đổi mặc định Gravatar trong WordPress

Bạn đã thấy những bí ẩn người đàn ông đại diện mặc định trên blog? Bạn có thể dễ dàng thay thế nó bằng avatar tùy chỉnh mang thương hiệu của riêng bạn. Đơn giản chỉ cần tải lên các hình ảnh mà bạn muốn sử dụng như mặc định avatar và sau đó thêm mã này vào tập tin chức năng của bạn.

1	add_filter( 'avatar_defaults', 'wpb_new_gravatar' );
2	function wpb_new_gravatar ($avatar_defaults) {
3	$myavatar = 'http://example.com/wp-content/uploads/2017/01/wpb-default-gravatar.png';
4	$avatar_defaults[$myavatar] = "Default Gravatar";
5	return $avatar_defaults;
6	}

Bây giờ bạn có thể đi qua Settings » Discussion  và chọn avatar mặc định của bạn.

thiết kế web bán hàng

6. Copyright ngày năng động trong WordPress Footer

Bạn chỉ có thể thêm ngày bản quyền bằng cách chỉnh sửa các mẫu footer trong chủ đề của bạn. Tuy nhiên, nó sẽ không hiển thị khi trang web của bạn bắt đầu và nó sẽ không tự động thay đổi trong năm tới.

Bạn có thể sử dụng mã này để thêm một ngày bản quyền năng động trong WordPress footer.

01	function wpb_copyright() {
02	global $wpdb;
03	$copyright_dates = $wpdb->get_results("
04	SELECT
05	YEAR(min(post_date_gmt)) AS firstdate,
06	YEAR(max(post_date_gmt)) AS lastdate
07	FROM
08	$wpdb->posts
09	WHERE
10	post_status = 'publish'
11	");
12	$output = '';
13	if($copyright_dates) {
14	$copyright = "© " . $copyright_dates[0]->firstdate;
15	if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {
16	$copyright .= '-' . $copyright_dates[0]->lastdate;
17	}
18	$output = $copyright;
19	}
20	return $output;
21	}

Sau khi thêm chức năng này, bạn sẽ cần phải mở file footer.php và thêm đoạn mã sau bất cứ nơi nào bạn muốn hiển thị ngày tháng bản quyền động:

1	<?php echo wpb_copyright(); ?>

Chức năng này sẽ cho ngày của bài viết đầu tiên của bạn, và ngày của bài viết cuối cùng của bạn. Sau đó nó Echos những năm bất cứ nơi nào bạn gọi hàm.

7. Thay đổi ngẫu nhiên màu nền trong WordPress

Bạn có muốn thay đổi ngẫu nhiên màu nền trên WordPress của bạn theo từng lần và tải lại trang? Dưới đây là làm thế nào để dễ dàng làm được điều này.

Trước tiên, bạn cần phải thêm mã này vào tập tin chức năng của chủ đề của bạn.

1	function wpb_bg() {
2	$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
3	$color='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].
4	$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];
5	echo $color;
6	}

Tiếp theo, bạn sẽ cần phải chỉnh sửa file header.php trong chủ đề của bạn. Xác định vị trí các <body>thẻ và thêm thay thế nó bằng dòng này:

1	<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>

Bây giờ bạn có thể lưu các thay đổi của bạn và truy cập trang web của bạn để thấy điều này.

thiết kế website bán hàng chuyên nghiệp

8. Cập nhật URL WordPress

Nếu bạn trang WordPress login nhớ làm mới hoặc bạn không thể truy cập vào khu vực quản trị , sau đó bạn cần phải cập nhật các URL WordPress.

Theo thiết kế website bán hàng chuẩn SEO OTVINA một cách để làm điều này là sử dụng wp-config.php file. Tuy nhiên, nếu bạn làm điều đó bạn sẽ không thể thiết lập địa chỉ chính xác trên trang cài đặt. Các lĩnh vực URL WordPress URL và trang web sẽ bị khóa và không thể chỉnh sửa.

Nếu bạn muốn sửa lỗi này, sau đó bạn phải thêm mã này vào tập tin chức năng của bạn.

1	update_option( 'siteurl', 'http://example.com' );
2	update_option( 'home', 'http://example.com' );

Đừng quên để thay thế example.com với tên miền riêng của bạn.

Một khi bạn đã đăng nhập, bạn có thể vào Cài đặt và thiết lập các URL đó. Sau đó, bạn nên loại bỏ các mã bạn thêm vào các tập tin chức năng, nếu không nó sẽ tiếp tục cập nhật các URL bất cứ lúc nào trang web của bạn được truy cập

9. Bổ sung kích cỡ hình ảnh trong WordPress

WordPress tự động tạo ra một số kích thước hình ảnh khi bạn tải lên một hình ảnh. Bạn cũng có thể tạo kích thước hình ảnh khác để sử dụng trong chủ đề của bạn. Thêm mã này nộp các chức năng của chủ đề của bạn.

1	add_image_size( 'sidebar-thumb', 120, 120, true ); // Hard Crop Mode
2	add_image_size( 'homepage-thumb', 220, 180 ); // Soft Crop Mode
3	add_image_size( 'singlepost-thumb', 590, 9999 ); // Unlimited Height Mode

Mã này tạo ra ba kích thước hình ảnh mới với kích cỡ khác nhau. Hãy để tinh chỉnh mã để đáp ứng yêu cầu riêng của bạn.

Bạn có thể hiển thị một kích thước hình ảnh trong bất cứ nơi nào trong chủ đề của bạn sử dụng mã này.

1	<?php the_post_thumbnail( 'homepage-thumb' ); ?>

10. Thêm mới Navigation Menus đến chủ đề của bạn

WordPress cho phép các nhà phát triển chủ đề để xác định các menu định hướng và sau đó hiển thị chúng. Thêm mã này trong tập tin chức năng của chủ đề của bạn để xác định một vị trí menu mới trong chủ đề của bạn.

1	function wpb_custom_new_menu() {
2	  register_nav_menu('my-custom-menu',__( 'My Custom Menu'));
3	}
4	add_action( 'init', 'wpb_custom_new_menu' );

Bây giờ bạn có thể vào Appearance »Menus và bạn sẽ thấy ‘My Custom Menu’ như tùy chọn vị trí chủ đề.

thiết kế website bán hang chuẩn SEO

Xem thêm : Sự khác nhau giữa Google Blogger và WordPress

Bây giờ bạn cần phải thêm mã này vào chủ đề của bạn, nơi bạn muốn hiển thị menu điều hướng.

1
<?php
2
wp_nav_menu( array(
3
    'theme_location' => 'my-custom-menu',
4
    'container_class' => 'custom-menu-class' ) );
5
?>

Mã này sẽ thêm Twitter và Facebook lĩnh vực để hồ sơ người dùng trong WordPress.

thiết kế website bán hàng trực tuyến

Bây giờ bạn có thể hiển thị các trường này trong mẫu tác giả của bạn như thế này:

1	<?php echo $curauth->twitter; ?>

12. Thêm vực Ready Widget hay Sidebar trong WordPress

Đây là một trong những người sử dụng nhất và nhiều nhà phát triển đã biết về điều này. Nhưng nó xứng đáng được vào danh sách này cho những ai không biết. Dán đoạn mã sau vào file functions.php của bạn:

01	// Register Sidebars
02	function custom_sidebars() {
03	 
04	    $args = array(
05	        'id'            => 'custom_sidebar',
06	        'name'          => __( 'Custom Widget Area', 'text_domain' ),
07	        'description'   => __( 'A custom widget area', 'text_domain' ),
08	        'before_title'  => '<h3 class="widget-title">',
09	        'after_title'   => '</h3>',
10	        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
11	        'after_widget'  => '</aside>',
12	    );
13	    register_sidebar( $args );
14	 
15	}
16	add_action( 'widgets_init', 'custom_sidebars' );

Bây giờ bạn có thể truy cập Appearance »Widgets trang và bạn sẽ thấy khu vực widget tùy chỉnh mới của bạn.

web bán hàng online

Để hiển thị thanh bên này hoặc tiện ích mà khu vực sẵn sàng trong chủ đề của bạn thêm mã này:

1	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('custom_sidebar') ) : ?>
2	<!–Default sidebar info goes here–>
3	<?php endif; ?>

13. Thao tác RSS Feed Footer

Bạn đã thấy các blog có thêm quảng cáo của họ trong RSS Feeds của họ dưới mỗi bài. Bạn có thể thực hiện điều đó một cách dễ dàng với một chức năng đơn giản. Dán đoạn mã sau:

1	function wpbeginner_postrss($content) {
2	if(is_feed()){
3	$content = 'This post was written by Syed Balkhi '.$content.'Check out WPBeginner';
4	}
5	return $content;
6	}
7	add_filter('the_excerpt_rss', 'wpbeginner_postrss');
8	add_filter('the_content', 'wpbeginner_postrss');

 

Để biết thêm thông tin, hãy xem hướng dẫn về làm thế nào để thêm nội dung và hoàn toàn thao tác cấp dữ liệu RSS của bạn .

14. Thêm nổi bật hình ảnh để RSS Feeds

Các bài thu nhỏ hoặc hình ảnh tính năng thường chỉ được hiển thị bên trong thiết kế trang web của bạn. Theo thiet ke website chuyen nghiep bạn có thể dễ dàng mở rộng các chức năng đó với nguồn cấp dữ liệu RSS của bạn với một chức năng đơn giản trong RSS feed của bạn.

01
function rss_post_thumbnail($content) {
02
global $post;
03
if(has_post_thumbnail($post->ID)) {
04
$content = '<p>' . get_the_post_thumbnail($post->ID) .
05
'</p>' . get_the_content();
06
}
07
return $content;
08
}
09
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
10
add_filter('the_content_feed', 'rss_post_thumbnail');

15. Lỗi đăng nhập trong WordPress

Lỗi đăng nhập trong WordPress có thể được sử dụng bởi tin tặc để đoán xem họ nhập tên người dùng hoặc mật khẩu sai. Bằng cách ẩn các lỗi đăng nhập trong WordPress bạn có thể làm cho khu vực đăng nhập của bạn một chút an toàn hơn.

1	function no_wordpress_errors(){
2	  return 'Something is wrong!';
3	}
4	add_filter( 'login_errors', 'no_wordpress_errors' );

Bây giờ người dùng thấy một thông báo chung chung khi nhập tên đăng nhập hoặc mật khẩu không chính xác.

web ban hang online

16. Vô hiệu hoá nhập bằng email trong WordPress

WordPress cho phép người dùng đăng nhập với tên truy cập hoặc địa chỉ email. Bạn có thể dễ dàng vô hiệu hóa đăng nhập bằng email trong WordPress bằng cách thêm mã này vào tập tin chức năng của bạn.

1	remove_filter( 'authenticate', 'wp_authenticate_email_password', 20 );

Trên đây là một số chia sẻ của dịch vụ thiet ke website ban hang OTVINA hi vọng sẽ giúp ích cho các bạn. Hãy cho chúng tôi biết ý kiến của các bạn và đừng quên theo dõi phần tiếp theo của chúng tôi nhé!