Tất cả các theme WordPress đi kèm với một file functions.php. file này hoạt động như một plugin và cho phép bạn thực hiện nhiều điều thú vị trên trang web WordPress của mình. Trong bài viết này, chúng tôi sẽ chỉ cho bạn một số thủ thuật hữu ích nhất cho file function của bạn.
File Function trong WordPress là gì?
File Function thường được gọi là function.php là file quan trọng của một theme WordPress. Nó đi kèm với tất cả các theme WordPress miễn phí và cao cấp.
Mục đích của file này là cho phép các bạn xác định các tính năng và chức năng của theme. FIle 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ây giờ bạn có thể đang nghĩ gì về sự khác biệt giữa một plugin WordPress và file function.php. Cái nào tốt hơn?
Thực tế thì file function.php thuận tiện hơn còn plugin sẽ có nhiều tính năng tốt hơn nhiều. Đơn giản vì nó độc lập với theme WordPress của bạn và sẽ hoạt động bất kể bạn đang sử dụng theme nào.
Mặt khác, một file function của theme sẽ chỉ hoạt động cho theme đó và nếu bạn chuyển đổi theme, thì bạn sẽ phải sao chép / dán mã tùy chỉnh của mình vào theme mới.
Phải nói rằng, đây là một số thủ thuật cực kỳ hữu ích cho file function của WordPress.
1. Xóa Version number 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 xóa version number của WordPress khỏi trang web của mình. Chỉ cần thêm đoạn mã này vào file function của bạn.
function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');
2. Thêm Logo Bảng điều khiển tùy chỉnh
Bạn muốn Thêm logo vào bảng điều khiển tùy chỉnh. Trước tiên, bạn sẽ cần phải tải lên logo tùy chỉnh của mình vào thư mục hình ảnh của bạn dưới dạng custom-logo.png. Đảm bảo logo tùy chỉnh của bạn có kích thước 16 × 16 pixel.
Sau đó, bạn có thể thêm mã này vào file function của bạn
function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}
//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');
3. Thay đổi footer trong Bảng quản trị WordPress
Phần footer trong khu vực quản trị WordPress hiển thị thông báo ‘Thank you for creating with WordPress’. Bạn có thể thay đổi nó thành bất cứ điều gì bạn muốn bằng cách thêm mã này.
function remove_footer_admin () {
echo 'Fueled by <a href="http://www.wordpress.org" target="_blank">WordPress</a> | WordPress Tutorials: <a href="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
}
add_filter('admin_footer_text', 'remove_footer_admin');
Đây là cách nó trông trên trang web demo của chúng tôi.
4. Thêm Widget trong WordPress
Bạn có thể đã thấy các widget mà nhiều plugin và theme thêm vào trong bảng điều khiển WordPress. Bạn có thể tự thêm một mã bằng cách dán đoạn mã sau:
add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
function custom_dashboard_help() {
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="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
}
Đây là cách nó sẽ thay đổi:
5. Thay đổi Gravatar mặc định trong WordPress
Bạn đã thấy avatar người đàn ông bí ẩn mặc định trên blog? Bạn có thể dễ dàng thay thế nó bằng avatar tùy chỉnh thương hiệu của riêng bạn. Chỉ cần tải lên hình ảnh bạn muốn sử dụng làm hình đại diện mặc định và sau đó thêm mã này vào file function của bạn.
add_filter( 'avatar_defaults', 'wpb_new_gravatar' );
function wpb_new_gravatar ($avatar_defaults) {
$myavatar = 'http://example.com/wp-content/uploads/2017/01/wpb-default-gravatar.png';
$avatar_defaults[$myavatar] = "Default Gravatar";
return $avatar_defaults;
}
Bây giờ bạn có thể đi đến Settings » Discussion và chọn hình đại diện mặc định của bạn.
6. Thay đổi màu background ngẫu nhiên trong WordPress
Bạn có muốn thay đổi ngẫu nhiên màu nền trên WordPress của mình sau mỗi lần truy cập và tải lại trang không? Đây là cách dễ dàng để làm điều này.
Trước tiên, bạn cần thêm mã này vào tệp function của bạn.
function wpb_bg() {
$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');
$color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].
$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];
echo $color;
}
Tiếp theo, bạn sẽ cần chỉnh sửa tệp header.php trong chủ đề của mình. chèn phía trong thẻ <body> và thêm thay thế nó bằng dòng này:
<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 sự thay đổi.
7. Update WordPress URLs
Nếu bạn không thể truy cập khu vực quản trị, thì bạn cần cập nhật URL WordPress.
Một cách khác để làm điều này là bằng cách sử dụng tệp wp-config.php. Tuy nhiên, nếu bạn làm điều đó, bạn sẽ không thể đặt địa chỉ chính xác trên trang cài đặt. Các trường WordPress URL và URL 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, thì bạn nên thêm mã này vào tệp chức năng của mình.
update_option( 'siteurl', 'http://example.com' ); update_option( 'home', 'http://example.com' );
Đừng quên thay thế example.com bằng tên miền của riêng bạn.
Khi bạn đã đăng nhập, bạn có thể truy cập Cài đặt và đặt URL ở đó. Sau đó, bạn nên xóa mã bạn đã thêm vào file funtion, nếu không, nó sẽ tiếp tục cập nhật các URL đó bất cứ khi nào trang web của bạn được truy cập.
8. Bổ sung thêm kích thước hình ảnh trong WordPress
WordPress tự động tạo 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 các kích thước hình ảnh bổ sung để sử dụng trong theme của mình. Thêm mã này tập file function của bạn.
add_image_size( 'sidebar-thumb', 120, 120, true ); // Hard Crop Mode add_image_size( 'homepage-thumb', 220, 180 ); // Soft Crop Mode 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 các kích cỡ khác nhau. Hãy thoải mái tinh chỉnh mã để đáp ứng yêu cầu của riêng bạn.
Bạn có thể hiển thị kích thước hình ảnh ở bất cứ đâu trong theme của mình bằng mã này.
<?php the_post_thumbnail( 'homepage-thumb' ); ?>
9. Thêm Menu điều hướng mới vào theme của bạn
WordPress cho phép các nhà phát triển theme xác định các menu điều hướng và sau đó hiển thị chúng. Thêm mã này vào file function của bạn để xác định vị trí menu mới trong theme của bạn.
function wpb_custom_new_menu() {
register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );
Bây giờ bạn có thể đi đếnAppearance » Menus và bạn sẽ thấy ‘My custom menu’ là tuỳ chọn cho xuất hiện ở menu mới khởi tạo của bạn.
Bây giờ bạn cần thêm mã này vào chủ đề của mình, nơi bạn muốn hiển thị menu điều hướng.
<?php
wp_nav_menu( array(
'theme_location' => 'my-custom-menu',
'container_class' => 'custom-menu-class' ) );
?>
10. Thêm các khu vực cho widget hoặc cột bên trong theme WordPress
Đây là một trong cách được sử dụng nhiều nhất và nhiều nhà phát triển đã biết về điều này. Nhưng nó xứng đáng nằm trong danh sách này cho những ai không biết. Dán đoạn mã sau vào file function.php của bạn:
// Register Sidebars
function custom_sidebars() {
$args = array(
'id' => 'custom_sidebar',
'name' => __( 'Custom Widget Area', 'text_domain' ),
'description' => __( 'A custom widget area', 'text_domain' ),
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
);
register_sidebar( $args );
}
add_action( 'widgets_init', 'custom_sidebars' );
Bây giờ bạn có thể truy cập trang Appearance » Widgets và bạn sẽ thấy khu vực widget tùy chỉnh mới của mình.
Để hiển thị cột bên hoặc khu vực widget trong theme của bạn, hãy thêm mã này:
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('custom_sidebar') ) : ?>
<!–Default sidebar info goes here–>
<?php endif; ?>
11. Vô hiệu hóa Đăng nhập bằng Email trong WordPress
WordPress cho phép người dùng đăng nhập bằng tên người dùng 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 file function của bạn.
remove_filter( 'authenticate', 'wp_authenticate_email_password', 20 );
12. Thay đổi độ dài đoạn trích ngắn trong tin tức WordPress
WordPress giới hạn độ dài đoạn trích ngắn đến 55 từ. Nếu bạn cần thay đổi điều đó, thì bạn có thể thêm mã này vào file function của mình.
function new_excerpt_length($length) {
return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');
Thay đổi 100 thành số lượng từ bạn muốn hiển thị trong đoạn trích.