Tác dụng việc tạo Button trên thanh Menu là gì?

Việc chúng ta thiết kế một Button trên thanh Menu với màu sắt “hấp dẫn” sẽ giúp người dùng “tò mò” hơn và chắc chắn nếu người dùng đang quan tâm vấn đề đó thì họ sẽ bấm vào Button đó. Điều này rất hữu ích khi bạn muốn giới thiệu một sản phẩm hay một sự kiện nào đó trên trang Web của mình.

Bạn có thể xem một Demo nhỏ bên dưới khi bạn tích hợp Button trên thanh Menu trang Web, điều này khá nổi bật và thu hút người dùng phải không nào?

OK! Trong hướng dẫn này mình sẽ hướng dẫn các bạn cách tạo Button trên thanh Menu WordPress cực kỳ đơn giản, bạn có thể áp dụng cho mọi giao diện.

Cách tạo Button trên thanh Menu WordPress

Đối với phương pháp này bạn không cần cài đặt bất kỳ Plugin nào cả chỉ cần thực hiện đoạn mã lệnh tương ứng là bạn có ngay một Button trên thanh Menu WordPress tuyệt đẹp.

Bước 1: Thêm CSS vào Menu

Đầu tiên bạn hãy Đăng nhập vào trang quản trị WordPress và truy cập vào Menu giao diện, bằng cách điều hướng từ bảng điều khiển của mình đến Appearance > Menus.

Khi bạn vào màn hình cài đặt menu, hãy chọn mục menu mà bạn muốn chuyển thành nút, sau đó nhấp vào nút thả xuống để vào Nhãn Navigation Label.

Tiếp theo, chúng ta sẽ thêm lớp CSS ở nhãn Navigation Label bằng cách sử dụng thẻ <span>.

Để thêm một lớp CSS vào thẻ <span>, bạn cần sử dụng thuộc tính class trong thẻ và gán cho nó tên của lớp CSS mà bạn muốn áp dụng.

Ví dụ, chúng ta đặt tên là button-menu-item cho lớp CSS. Vì vậy, nhãn Navigation Label sẽ có nội dung bên dưới.

<span class="button-menu-item">Flash Sale</span>

Bước 2: Thêm CSS tùy chỉnh

Tiếp theo, chúng ta sẽ thêm đoạn mã CSS vào trình tùy chỉnh chủ đề WordPress. Trên bảng điều khiển WordPress của bạn, điều hướng đến Appearance > Customize.

Sau đó bạn sao chép đoạn mã bên dưới và dán vào phần Additional CSS (CSS tùy chỉnh) là được.

.button-menu-item {
    background-color: #fc0303;
    padding: 4PX 8PX;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 15px;
}

.button-menu-item:hover {
    color: #000000;
    background-color: #ffd500;
}

• Cách chia sẻ bài viết lên mạng xã hội bằng Plugin trong WordPress
• Cách sửa lỗi 500 Internal Server Error trong WordPress
• Cách cập nhật tự động dòng Copyright trong WordPress
• WordPress Plugins bạn có biết cài đặt và sử dụng?
• Cách chèn thuộc tính nofollow cho menu wordpress

Gải thích mã CSS

.button-menu-item: Lớp CSS này định nghĩa kiểu Button.

• background-color: #fc0303;: Màu nền của nút thành màu đỏ ( #fc0303).
• padding: 4px 8px;: Thêm khoảng cách giữa nội dung của nút và đường viền. Giá trị đầu tiên (4px) là phần trên cùng và dưới cùng, và giá trị thứ hai ( 8px) là trái và phải.
• border-style: solid;: Đặt kiểu đường viền của nút là đường liền.
• border-width: 2px;: Đặt độ rộng đường viền của nút là 2px.
• border-color: #ffffff;: Đặt màu của đường viền nút là màu trắng ( #ffffff).
• border-radius: 15px;: Làm tròn các góc của nút với bán kính 15 pixel.

.button-menu-item:hover: Lớp CSS này định nghĩa kiểu của Button khi di chuột qua.

• color: #000000;: Đặt màu văn bản thành màu đen ( #000000) khi di chuột qua.
• background-color: #ffd500;: Thay đổi màu nền thành màu vàng (#ffd500) khi di chuột qua.

Bạn có thể thoải mái thay thế các giá trị thuộc tính theo sở thích của mình để có được giao diện đẹp nhất cho các Buttton trên menu, phù hợp với thiết kế của bạn.

Kết luận

Với vài bước đơn giản bạn có ngày một Button được tích hợp trên Menu một cách chuyên nghiệp đúng không nào? bạn có thể thỏa mái tùy biến theo sở thích của mình một cách nhanh chóng để giúp độc giả có thể tiếp cận nhưng thông tin mà bạn muốn truyền tải tốt hơn. Hy vọng với hướng dẫn này bạn có thể áp dụng tùy biến cho trang Web của mình một cách độc đáo nhất.

Hiển thị thông tin chi tiết của người dùng

Trong hướng dẫn này, mình sẽ chỉ cho bạn cách hiển thị chi tiết người dùng hiện tại mà không cần các plugin bổ sung. Với tính năng này thông tin hiển thị sẽ tự động cập nhật cho mỗi người dùng đăng nhập. Bạn có thể hiển thị những thông tin chi tiết này ở bất kỳ đâu trên trang web của mình có hỗ trợ shortcodes.

Sử dụng mã hiên thị thông tin

Để hiển thị chi tiết người dùng hiện tại mà không cần sử dụng plugin, bạn có thể sử dụng đoạn mã tùy chỉnh bên dưới dán trực tiếp vào trang web WordPress của mình. Phương pháp này cho phép bạn tạo một mã ngắn tùy chỉnh sẽ hiển thị thông tin người dùng ở giao diện trang chính.

Đoạn mã dưới đây tạo shortcode [userdetail], có thể được tùy chỉnh với nhiều thuộc tính khác nhau để hiển thị chi tiết người dùng.

function wpp_user_details($atts = array()) {
    $current_user= wp_get_current_user();
  
    // Check for positional attribute
    if (isset($atts[0])) {
        $detail = $atts[0];
    } else {
        // Fallback to default attribute handling
        $atts = shortcode_atts(array(
            'detail' => 0
        ), $atts);
        $detail = $atts['detail'];
    }
    $user_detail = $current_user-> $detail;
    return $user_detail;
}
add_shortcode('userdetail', 'wpp_user_details');

Các thuộc tính liên quan

Dưới đây là một số ví dụ về cách sử dụng shortcode với thuộc tính và thông tin mà nó sẽ hiển thị ở giao diện người dùng:

• [userdetail display_name]: sẽ hiển thị tên hiển thị của người dùng.
• [userdetail user_login]: sẽ hiển thị tên người dùng của người dùng.
• [userdetail user_firstname]: sẽ hiển thị tên của người dùng.
• [userdetail user_lastname]: sẽ hiển thị họ của người dùng.
• [userdetail user_email]: sẽ hiển thị địa chỉ email của người dùng.
• [userdetail ID]: sẽ hiển thị ID của người dùng.

Mã ngắn linh hoạt này giúp bạn dễ dàng cá nhân hóa trang web của mình bằng thông tin người dùng một cách tự động.

Kết hợp mã vào trang Web

Để tích hợp đoạn mã bên trên vào trang web của bạn, bạn có thể truy cập vào tệp functions.php của chủ đề đang sử dụng. Tuy nhiên, phương pháp án này không được khuyến khích vì các bản cập nhật chủ đề có thể xóa đoạn mã, khiến mã ngắn không thể sử dụng được, để khắc phục bạn có thể tạo Child Theme hoặc sử dụng Plugin tùy biến mã.

Bạn có thể thực hiện việc này bằng cách điều hướng đến Giao diện > Trình chỉnh sửa tệp trong bảng điều khiển WordPress, sau đó sao chép đoạn mã trên và dán vào cuối là được.

Khi bạn đã thêm đoạn mã, hãy nhấp vào nút Update File để cập nhật mới.

Hiển thị người dùng

Lúc này hãy lúc sử dụng shortcode và hiển thị thông tin chi tiết của người dùng hiện tại ở vị trí ưa thích của bạn.

Ở trên mình đã sử dụng shortcode nhiều lần với nhiều thuộc tính khác nhau để tạo một trang hồ sơ người dùng đơn giản.

Các thuộc tính này bao gồm user_login, display_name, user_firstname, user_lastname và user_email.

Sau khi thực hiện xong, hãy kiểm tra kết quả ở trang chủ WordPress.

Nếu bạn đã đăng nhập vào tài khoản của bạn, bạn sẽ thấy đầy đủ thông tin cần thiết như hình bên dưới.

• Cách tìm ID bài viết hoặc trang trong WordPress?
• WordPress Plugins bạn có biết cài đặt và sử dụng?
• Hướng dẫn các cách cài đặt Plugin cho wordpress
• Cách giúp bài viết mới Index trên Google nhanh nhất
• Tạo form liên hệ chuyên nghiệp với Plugin Contact Form Generator

Kết luận

Hướng dẫn đã giúp bạn hiển thị chi tiết người dùng hiện tại mà không cần plugin bổ sung, đảm bảo thông tin tự động cập nhật cho mỗi người dùng đã đăng nhập. Bằng cách tận dụng các shortcode, bạn có thể dễ dàng hiển thị những chi tiết này ở bất kỳ đâu trên trang web của mình, nâng cao khả năng cá nhân hóa và mức độ tương tác của người dùng, bạn có thể hiển thị thông tin người dùng dưới bài viết liên quan để cá nhân hóa tốt hơn.

Việc làm nổi bật cú pháp mã lệnh góp phần tạo nên tính thẩm mỹ tổng thể cho nội dung. Màu sắc hấp dẫn trực quan không chỉ làm cho mã lệnh của bạn nổi bật mà còn tạo ra diện mạo hấp dẫn hơn cho bài đăng và giúp thu hút sự chú ý của người đọc.

Ví dụ dưới đây minh họa cách hoạt động của tính năng thay đổi màu sắc cho khối mã lệnh trong WordPress.

Sau khi thay đổi

Ngoài việc nâng cao sự hấp dẫn về mặt hình ảnh, việc làm nổi bật cú pháp mã lệnh còn cải thiện khả năng hiểu mã, với cú pháp được đánh dấu, người đọc có thể nhanh chóng xác định các thành phần quan trọng và nắm bắt cấu trúc, logic và luồng của mã. Điều này đặc biệt có giá trị đối với các hướng dẫn, tài liệu kỹ thuật và nội dung giáo dục trong đó việc hiểu rõ mã lệnh là điều cần thiết, ngoài ra bạn có thể tham khảo cách thêm nút “sao chép mã” vào khối mã lệnh trong WordPress giúp nâng cao trải nghiệm người dùng.

Thay đổi màu sắc cho khối mã lệnh

Việc thay đổi màu sắc cho khối mã lệnh trong WordPress liên quan đến việc chọn lựa thư viện thay đổi màu sắc cho khối mã lệnh để tích hợp. Trong số các tùy chọn, có 2 lựa chọn đáng chú ý giúp bạn có thể thay đổi màu sắc cho khối mã lệnh được sử dụng rộng rãi nhất là thư viện Highlight.js và Prism.js.

Trong hướng dẫn này, chúng ta sẽ sử dụng thưu viện Highlight.js để thay đổi màu sắc cho cú pháp trong WordPress mà không cần cài đặt plugin bổ sung.

Tải và chạy tập lệnh đánh dấu cú pháp

Bắt đầu bằng cách đăng nhập vào bảng điều khiển quản trị viên WordPress, sau đó điều hướng đến Giao diện > Trình chỉnh sửa tệp chủ đề (Theme file Editor). Chọn file functions.php của giao diện đang sử dụng, sau đó thêm đoạn mã sau để tải và chạy thư viện Highlight.js trên trang web WordPress của bạn.

function wpp_highlight() {
wp_enqueue_style( 'highlightjs-css', 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css' );

wp_enqueue_script( 'highlightjs', 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js', '', 'latest', true );

wp_add_inline_script( 'highlightjs', 'hljs.highlightAll();' );
}
add_action('wp_enqueue_scripts', 'wpp_highlight');

Ngoài ra, bạn có thể sử dụng plugin Code Snippets để thuận tiện cho việc thêm mã lệnh tùy chỉnh của mình. Với việc sử dụng Plugin này sẽ đảm bảo bạn không cần phải lo lắng về các vấn đề tiềm ẩn khi thay đổi các mã lệnh lên quan.

Khi bạn áp dụng mã lệnh Highlight.js sẽ tìm và đánh dấu mã bên trong khối mã WordPress. Bạn không cần phải làm gì cả? vì Highlight.js đã tích hợp sẵn tính năng phát hiện ngôn ngữ tự động.

Tùy chỉnh kiểu khối mã lệnh

Bạn muốn tùy chỉnh kiểu khối mã lệnh theo sở thích của mình? bạn có thể sao chép đoạn mã bên dưới và dán vào Trình chỉnh sửa CSS bổ sung của Giao diện.

pre.wp-block-code {
  background-color: #FAFAFA;
  padding: 8px;
  border-radius: 10px 10px 10px 10px;
  font-size: 14px;
}

Đoạn mã CSS bên trên sẽ thêm màu nền nhạt hơn màu khối mã lệnh. Ngoài ra, nó còn kết hợp phần đệm bổ sung để thiết lập khung nền bên trong, có các góc hơi tròn. Hơn nữa, kích thước phông chữ mã sẽ được đặt ở mức “14px” bạn có thể điều chỉnh theo phong cách sở thích cá nhân của mình.

• Cách giúp bài viết mới Index trên Google nhanh nhất
• mở liên kết bình luận ra trang mới trong wordpress
• Hướng dẫn các cách cài đặt Plugin cho wordpress
• Hướng dẫn cách redirect http sang https không dùng htaccess
• Làm thế nào để đưa bài viết trong WordPress ở đầu tiên?

Kết luận

Làm nổi bật cú pháp mã lệnh không chỉ tăng thêm sức hấp dẫn trực quan mà nó còn có giá trị đối với các hướng dẫn, tài liệu kỹ thuật và nội dung giáo dục, đồng thời giúp người mới bắt đầu cũng như người có kinh nghiệm nhanh chóng xác định các yếu tố chính, hiểu được cấu trúc và logic mã lệnh.

Điều này đặc biệt thuận lợi cho những ai muốn thực hiện thao tác nhanh chóng hay đơn giản là không thoải mái với việc sao chép mã theo cách thủ công hoặc cho những ai đang truy cập trên thiết bị di động.

Thêm nút “sao chép mã” vào khối mã lệnh

Bằng cách kết hợp tính năng này vào trang web của bạn sẽ mang đến cho người dùng sự tiện lợi khi họ muốn lấy mã lệnh. Điều này không chỉ nâng cao hiệu quả mà còn làm giảm khả năng xảy ra lỗi khi sao chép mã lệnh.

Trong bài này mình sẽ hướng dẫn các bạn thực hiện 2 phương pháp để thêm nút “sao chép mã” vào khối mã lệnh trong WordPress một cách đơn giản và nhanh nhất.

Phương pháp 1: Sử dụng mã lệnh tùy chỉnh

Phương pháp này khá đơn giản nếu bạn hãy truy cập vào tệp header.php của chủ đề bằng cách đi tới menu Giao diện > Trình chỉnh sửa tệp chủ đề (Theme File Editor) từ bảng điều khiển WordPress của bạn.

Trên trang Chỉnh sửa chủ đề, tìm và chọn header.php từ danh sách. Sau đó chèn đoạn mã sau ngay trước thẻ đóng </head> là được.

<script>
    document.addEventListener('DOMContentLoaded', function() {
    var codeBlocks = document.querySelectorAll('.wp-block-code');
    codeBlocks.forEach(function(block) {
        var code = block.querySelector('code');
        var button = document.createElement('button');
        var buttonText = document.createTextNode('Copy Code');
        button.appendChild(buttonText);
        button.style.cssText = 'position: absolute; top: 0; right: 0; margin: 8px; padding: 4px 8px; font-size: 12px; background-color: #1d8ab3; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: all 0.2s ease-in-out;';

        button.addEventListener('mouseenter', function() {
            button.style.backgroundColor = '#cce7e8';
        });

        button.addEventListener('mouseleave', function() {
            button.style.backgroundColor = '#1d8ab3';
        });

        button.addEventListener('click', function() {
            var range = document.createRange();
            range.selectNode(code);
            window.getSelection().addRange(range);
            document.execCommand('copy');
            window.getSelection().removeAllRanges();
            button.innerText = 'Copied!';
            button.style.backgroundColor = '#333';
            button.style.color = '#fff';
            setTimeout(function() {
                button.innerText = 'Copy Code';
                button.style.backgroundColor = '#1d8ab3';
                button.style.color = '#fff';
            }, 3000);
        });

        block.style.cssText = 'position: relative;';
        block.insertBefore(button, code);
    });
    var codeTexts = document.querySelectorAll('.wp-block-code pre');
    codeTexts.forEach(function(text) {
        text.style.color = '#fff';
    });
});
</script>

Lưu ý: Tuy nhiên nếu bạn áp dụng phương pháp này nếu chủ đề (theme) có bản cập nhật mới thì bạn phải thực hiện lại các thao tác trên.

Để khắc phục điều này bạn có thể cài Plugin Insert Headers And Footers và tiến hành sao chép mã lệnh bên trên và dán vào phần Header hoặc Footer đều được.

Sau khi cài đặt xong Plugin bạn vào Menu Cài đặt > Chọn WP Headers And Footers sau đó bạn dán đoạn mã bên trên vào phần Header hoặc Footer đều được. Như mình, mình sẽ dán nó ở Footer (như hình dưới).

Cuối cùng, nhấn “Lưu thay đổi” và kiểm tra kết quả, bạn sẽ thấy nút “sao chép mã” trên khối mã lệnh.

Phương pháp 2: Tạo Plugin tùy chỉnh

Đây là một cách cũng khá hữu ích bạn không cần phải lo lắng khi chủ đề (theme) được cập nhật phiên bản mới hoặc bạn không có quyền truy cập vào các tệp của chủ đề hay đơn giản là bạn muốn tránh những phiền phức khi sử dụng mã lệnh trự tiếp. Với cách này bạn sẽ tự tạo Plugin cho riêng tính năng của bạn, bạn không cần phụ thuộc vào Plugin của người khác.

Bước 1: Tạo thư mục Plugin

Đầu tiên bạn tạo một thư mục Plugin để chứa tất cả các tệp của plugin. Bạn có thể đặt tên thư mục với bất kỳ tên gì mà bạn muốn tuy nhiên bạn nên đặt tên Plugin cho “gợi nhớ” đến tính năng của nó, giả sử ở đây tôi đặt là “copy-code-button” làm tên thư mục.

Bước 2: Tạo tệp chính Plugin

Bây giờ, bạn hãy tạo tệp PHP bằng trình soạn thảo văn bản hoặc trình soạn thảo mã lệnh của bạn. Đảm bảo rằng tệp PHP có cùng tên với thư mục plugin (copy-code-button.php).

Sau khi tạp tệp PHP xong bạn hãy sao chép đoạn mã bên dưới và dán vào bên trong nó.

<?php
/*
Plugin Name: copy-code-button
Plugin URI: https://www.wppagebuilders.com
Description: Custom Plugin for adding custom code
Version: 1.0.0
Author: WPPagebuilders
Author URI: https://www.wppagebuilders.com/
License: GPL2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

function wpp_copycode() {
    wp_register_script('copy-code-button', plugins_url( '/', __FILE__ ) . 'assets/copycode.js' );
    wp_enqueue_script('copy-code-button');

}
add_action('wp_enqueue_scripts', 'wpp_copycode');

Cuối cùng hãy lưu lại tệp và tiếp tục thực hiện bước tiếp theo.

Bước 3: Tạo tập lệnh cho nút

Đầu tiên bạn hãy tạo một thư mục có tên “assets“‘, sau đó tiến hành tạo tệp copycode.js trong thư mục này.

Sau đó bạn hãy sao chép đoạn mã bên dưới và dán vào tệp copycode.js là được.

document.addEventListener('DOMContentLoaded', function() {
    var codeBlocks = document.querySelectorAll('.wp-block-code');
    codeBlocks.forEach(function(block) {
        var code = block.querySelector('code');
        var button = document.createElement('button');
        var buttonText = document.createTextNode('Copy Code');
        button.appendChild(buttonText);
        button.style.cssText = 'position: absolute; top: 0; right: 0; margin: 8px; padding: 4px 8px; font-size: 12px; background-color: #1d8ab3; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: all 0.2s ease-in-out;';

        button.addEventListener('mouseenter', function() {
            button.style.backgroundColor = '#cce7e8';
        });

        button.addEventListener('mouseleave', function() {
            button.style.backgroundColor = '#1d8ab3';
        });

        button.addEventListener('click', function() {
            var range = document.createRange();
            range.selectNode(code);
            window.getSelection().addRange(range);
            document.execCommand('copy');
            window.getSelection().removeAllRanges();
            button.innerText = 'Copied!';
            button.style.backgroundColor = '#333';
            button.style.color = '#fff';
            setTimeout(function() {
                button.innerText = 'Copy Code';
                button.style.backgroundColor = '#1d8ab3';
                button.style.color = '#fff';
            }, 3000);
        });

        block.style.cssText = 'position: relative;';
        block.insertBefore(button, code);
    });
    var codeTexts = document.querySelectorAll('.wp-block-code pre');
    codeTexts.forEach(function(text) {
        text.style.color = '#fff';
    });
});

Cuối cùng hãy lưu lại tập tin và thực hiện bước tiếp theo.

Bước 4: Tạo tệp và cài đặt

Cuối cùng, bạn hãy sử dụng phần mềm Winrar hoặc Winzip đến nén thư mục “copy-code-button” thành copy-code-button.zip.

Sau khi có được thư mục .zip, bạn có thể tiến hành tải plugin lên trang WordPress của mình bằng cách truy cập menu Plugin > Thêm mới trong bảng điều khiển WordPress của bạn. Nhấp vào nút Tải lên Plugin, sau đó Chọn tệp vừa tạo để cài đặt.

Sau khi quá trình tải lên hoàn tất, bạn chỉ cần cài đặt và kích hoạt plugin. Sau khi kích hoạt, bạn sẽ có nút “sao chép mã” trên khối mã lệnh như hình trên.

• Cách tối ưu mã nguồn WordPress với WP-Optimize đơn giản nhất
• Cách chia sẻ bài viết lên mạng xã hội chuyên nghiệp
• Cách tạo tính năng bài viết đăng trước/kế tiếp và chia sẻ chuyên nghiệp
• Cách loại bỏ thư mục Windows.old trong windows 10 và tối ưu hệ thống
• Cách thêm Icon Font Awesome vào tiêu đề Widget trong WordPress

Cập nhật mã tùy chỉnh mới

Đoạn mã bên dưới sẽ có các nút “Sao chép mã” và “Mở mã trong cửa sổ mới” ở góc trên bên phải khối mã lệnh WordPress của bạn. Bạn có hai lựa chọn để thực hiện nó:

• Phương pháp 1: Chèn mã bên dưới theo hướng dẫn phương pháp 1.
• Phương pháp 2: Thay đoạn mã bên dưới trong tệp “copycode.js” ở hướng dẫn phương pháp 2 nhớ hãy bỏ thẻ <script></script> nhé.

<script>
    document.addEventListener('DOMContentLoaded', function() {
    var codeBlocks = document.querySelectorAll('.wp-block-code');
    codeBlocks.forEach(function(block) {
        var code = block.querySelector('code');
        var button1 = document.createElement('button');
        var button1Text = document.createTextNode('Copy Code');
        button1.appendChild(button1Text);
        button1.style.cssText = 'position: absolute; top: 0; right: 80px; margin: 8px; padding: 4px 8px; font-size: 12px; background-color: #1d8ab3; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: all 0.2s ease-in-out;';

        button1.addEventListener('mouseenter', function() {
            button1.style.backgroundColor = '#cce7e8';
        });

        button1.addEventListener('mouseleave', function() {
            button1.style.backgroundColor = '#1d8ab3';
        });

        button1.addEventListener('click', function() {
            var range = document.createRange();
            range.selectNode(code);
            window.getSelection().addRange(range);
            document.execCommand('copy');
            window.getSelection().removeAllRanges();
            button1.innerText = 'Copied!';
            button1.style.backgroundColor = '#333';
            button1.style.color = '#fff';
            setTimeout(function() {
                button1.innerText = 'Copy Code';
                button1.style.backgroundColor = '#1d8ab3';
                button1.style.color = '#fff';
            }, 3000);
        });

        var button2 = document.createElement('button');
        var button2Text = document.createTextNode('Open Code');
        button2.appendChild(button2Text);
        button2.style.cssText = 'position: absolute; top: 0; right: 0; margin: 8px; padding: 4px 8px; font-size: 12px; background-color: #1d8ab3; color: #fff; border: none; border-radius: 4px; cursor: pointer; transition: all 0.2s ease-in-out;';

        button2.addEventListener('mouseenter', function() {
            button2.style.backgroundColor = '#cce7e8';
        });

        button2.addEventListener('mouseleave', function() {
            button2.style.backgroundColor = '#1d8ab3';
        });

        button2.addEventListener('click', function() {
            var codeContent = code.innerHTML;
            var newWindow = window.open('', '_blank', 'width=500,height=300');
            newWindow.document.body.innerHTML = '<pre>' + codeContent + '</pre>';
        });

        block.style.cssText = 'position: relative;';
        block.insertBefore(button1, code);
        block.insertBefore(button2, code);
    });
    var codeTexts = document.querySelectorAll('.wp-block-code pre');
    codeTexts.forEach(function(text) {
        text.style.color = '#fff';
    });
});
</script>

Sau khi thực hiện xong bạn sẽ thấy kết quả như hình bên dưới.

Oke! Vậy là xong, bạn đã có được các nút sao chép rất chuyên nghiệp đúng không?

Kết luận

Khối mã lệnh là một tính năng thiết yếu trong WordPress giúp bạn có thể chia sẻ các đoạn mã lệnh một cách dễ dàng và hiệu quả. Việc bổ sung nút “Sao chép mã” giúp trang Web của bạn trở nên thân thiện hơn và dễ tiếp cận hơn, có thể thấy đây là một tính năng khá hữu ích cho trang Web WordPress của bạn, bạn nên tích hợp ngay cho trang Web của mình đi nhé. Chúc bạn thành công.

Tuy nhiên, đối với những người dùng đăng ký là thành viên hay cộng tác viên thì họ có quyền truy cập hạn chế, cho nên bạn có thể xóa thanh quản trị hoặc thay thế bằng một giải pháp thay thế có tính thẩm mỹ hơn. Sự điều chỉnh này có thể nâng cao trải nghiệm của người dùng và giữ cho giao diện thân thiện hơn.

Ẩn thanh quản trị wordpress

Việc ẩn thanh quản trị WordPress tương đối đơn giản bạn có thể sử dụng Plugin để thực hiện một cách đơn giản nhất, tuy nhiên nếu bạn không sử dụng Plugin thì cũng có thể tham khảo phương pháp sau đây. Chỉ với 1 đoạn lệnh nhỏ là bạn có thể ẩn thanh quản trị WordPress một cách dễ dàng.

Ẩn thanh quản trị trên có sẵn trên WordPress

Mặc định của WordPress cung cấp một tùy chọn để bạn có thể ẩn thanh quản trị nhưng nó yêu cầu bạn phải vào từng hồ sơ người dùng để bỏ chọn tùy chọn này theo cách thủ công. Điều này có thể trở mất thời gian nếu trang Web của bạn có nhiều người dùng.

Để thực hiện bạn có thể vào trang quản trị sau đó chọn Menu Thành viên > Tất cả người dùng, trên danh sách người dùng bạn kích chọn “Chỉnh sửa“.

Sau đó bạn tích bỏ thuộc tính “Hiển thị thanh công cụ khi xem trang” là được.

Ẩn thanh quản trị bằng mã lệnh

Nếu bạn có quá nhiều người dùng thì bạn có thể sử dụng mã lệnh để ẩn thanh quản trị một cách nhanh chóng.

Ẩn người dùng không phải là quản trị viên

Bạn có thể dễ dàng ẩn thanh quản trị đối với tất cả người dùng không phải quản trị viên bằng cách thêm đoạn mã tùy chỉnh. Phương pháp này giúp đơn giản hóa quy trình và giúp bạn không phải điều chỉnh cài đặt theo cách thủ công cho từng người dùng.

Cách đơn giản nhất là đoạn mã bên dưới vào tệp functions.php của chủ đề hiện đang hoạt động của bạn bằng cách hãy điều hướng đến Giao diện > Trình chỉnh sửa tệp (Theme File Editor) chủ đề trong bảng điều khiển WordPress, dán vào dưới cùng.

add_action('after_setup_theme', 'remove_admin_bar');
function remove_admin_bar() {
if (!current_user_can('administrator') && !is_admin()) {
  show_admin_bar(false);
}
}

Sau đó nhấp vào nút “Update File” (Cập nhật tập tin) để áp dụng các thay đổi.

Ẩn thanh quản trị cho tất cả người dùng

Nếu bạn muốn ẩn thanh quản trị cho tất cả người dùng, bao gồm quản trị viên và các vai trò tùy chỉnh, bạn có thể sử dụng đoạn mã bên dưới.

Hãy sao chép đoạn mã vào tệp functions.php của chủ đề hiện đang hoạt động của bạn bằng cách hãy điều hướng đến Giao diện > Trình chỉnh sửa tệp (Theme File Editor) chủ đề trong bảng điều khiển WordPress, dán vào dưới cùng.

/* Hide WordPress Admin Bar for all users */
add_filter( 'show_admin_bar', '__return_false' );

Sau đó nhấp vào nút “Update File” (Cập nhật tập tin) để áp dụng các thay đổi.

Vậy ra xong, bạn hãy ra ngoài trang chủ và kiểm tra kết quả thử thanh quản trị có mất đi hay chưa, nếu chưa bạn hãy xóa Cache đi nhé.

• Cách thêm chú thích vào bài viết WordPress đơn giản
• Top 5 plugin lazy load xuất sắc nhất bạn nên dùng
• Top 5 plugin WordPress Cache miễn phí tốt nhất
• Cách SEO từ khóa bài viết trong WordPress tự động
• Làm thế nào để sử dụng chuyên mục WordPress (Categories)

Sử dụng Plugin để ẩn thanh quản trị

Nếu bạn không thích sử dụng mã lệnh thì bạn có thể sử dụng Plugin Hide Admin Bar from Non-Admins để ẩn thanh quản trị trong WordPress một cách nhanh chóng và hiệu quả nhất. Bạn chỉ cần cài đặt và kích hoạt Plugin là bạn có thể sử dụng tính năng ẩn thanh quản trị WordPress.

Hosting WordPress nên dùng?

Kết luận

Với hướng dẫn này, bạn có thể dễ dàng tùy chỉnh mức độ hiển thị của thanh quản trị trên WordPress của mình, điều chỉnh trải nghiệm người dùng để phù hợp hơn với nhu cầu của các vai trò khác nhau. Điều này không chỉ nâng cao tính thẩm mỹ tổng thể và khả năng sử dụng trang web của bạn mà còn giúp trang web hoạt động trơn tru mà không cần bổ sung những tính năng cần thiết.

Việc loại bỏ ngày, tháng trên các cuộc thảo luận trên Blog của bạn sẽ giúp Blog luôn trẻ trung, ngay cả khi các bình luận đã cũ. Bạn muốn các bình luận của mình là luôn mới trong tương lai? chỉ cần bạn lấy ngày tháng trên các bình luận là được.

Ẩn ngày bình luận trên wordpress

Có rất nhiều cách để bạn có thể ẩn ngày bình luận trên WordPress tuy nhiên trong bài viết này mình sẽ hướng dẫn các bạn cách ẩn ngày tháng trên bình luận tương đối dễ dàng. Chỉ cần áp dụng một chút kỹ xảo là bạn có thể dễ dàng ẩn ngày tháng trên bình luận, hãy thực hiện từng bước bên dưới để ẩn ngày tháng trên bình luận WordPress.

Bước 1: Xác định lớp CSS của bình luận

Trước tiên, bạn phải tìm tên lớp CSS liên quan đến ngày nhận xét. Tên lớp CSS phụ thuộc vào chủ đề WordPress bạn sử dụng.

Vì vậy, làm thế nào để có được tên lớp CSS của ngày bình luận?

Đầu tiên hãy đi tới bất kỳ bài viết nào trên blog mà có các bình luận trên bài viết.

Sau đó bạn hãy vào Công cụ dành cho nhà phát triển được tích hợp sẵn trong trình duyệt (gần như tất cả các trình duyệt web đều có tính năng này). Nếu bạn sử dụng Google Chrome, bạn có thể nhấp vào biểu tượng menu (biểu tượng ba chấm) và chọn More Tools > Developer Tools (hoặc bạn có thể nhấn Ctrl + Shilf + I).

Khi bạn đã vào cửa sổ Công cụ dành cho nhà phát triển, hãy nhấp vào biểu tượng mũi tên để kiểm tra thành phần trên trang của bạn (xem hình ảnh bên dưới).

Tiếp theo, trỏ con trỏ tới phần tử ngày của nhận xét để xác định tên lớp CSS.

Như trong hình trên, tên lớp sẽ xuất hiện khi bạn di chuột qua phần tử ngày của bình luận. Trong ví dụ này, tên lớp là .comment_date.

Bước 2: Thêm mã CSS để ẩn ngày bình luận

Khi bạn có được tên CSS của ngàybình luận, bạn hãy thêm một đoạn mã CSS đơn giản vào CSS bổ sung của WordPress.

Trên bảng điều khiển WordPress của bạn, đi tới Giao diện > Tùy biến > CSS bổ sung. Sau đó, sao chép đoạn CSS bên dưới và dán vào.

.comment_date {
  display: none !important;
}

Giải thích:

• Bộ lọc: .comment_date phần tử liên quan đến bộ lọc ngày bình luận (mỗi giao diện sẽ có bộ lọc khác nhau).
• Hiển thị: display: none đặt thuộc tính hiển thị của các phần tử này thành “none”. Điều này có nghĩa là các thành phần ngày bình luận sẽ bị ẩn hoàn toàn khỏi chế độ xem trên trang.
• Tầm quan trọng: !important ưu tiên cao, nếu có 1 kiểu ghi khác cố gắng hiển thị ngày bình luận, quy tắc này sẽ ghi đè chúng và đảm bảo chúng vẫn bị ẩn.

Như bạn có thể thấy từ hình trên, ngày của nhận xét đã bị xóa hoàn toàn. Đừng quên nhấp vào nút Xuất bản để áp dụng những thay đổi bạn đã thực hiện.

• Cách khắc phục lỗi “Are you sure you want…” khi cài đặt theme wordpress
• Cách sửa lỗi giao diện AMP theo chuẩn của Google
• Cách thêm đuôi html cho bài viết hoặc trang trong wordpress
• Cách xây dựng giao diện Dark Mode cho Website WordPress
• Cách sử dụng phiên bản PHP trên nhiều Website cùng Hosting

Hosting WordPress khuyên dùng?

Kết luận

Như bạn thấy có thể dễ dàng ẩn ngày bình luận trên WordPress bằng cách thêm đoạn mã CSS đơn giản vào chủ đề WordPress của mình. Có hai cách khác để xóa ngày và giờ khỏi bình luận của WordPress, chẳng hạn như sử dụng plugin hoặc sử dụng chức năng tùy chỉnh. Tuy nhiên, bạn nên sử dụng “phương pháp CSS” do phương pháp này đơn giản, trực tiếp và tránh được các tác động tiềm ẩn về hiệu suất.

Hiển thị cảnh báo cho các bài viết lỗi thời

Việc thêm cảnh báo vào bài viết đối với các bài viết đã lâu rồi chưa được cập nhật có thể nhắc người đọc tiếp cận nội dung một cách thận trọng và tìm kiếm thêm thông tin cập nhật mới hơn. Trong bài viết này Vọc thủ thuật sẽ hướng dẫn các bạn quy trình thêm cảnh báo này mà không cần cài đặt thêm plugin.

Bước 1: Thêm mã tùy biến PHP

Trước khi tiếp tục, bạn nên tạo bản sao lưu các tệp WordPress của mình. Bạn có thể thực hiện việc này thông qua các plugin sao lưu hoặc bằng cách sử dụng tính năng sao lưu tích hợp do dịch vụ lưu trữ của bạn cung cấp.

Để bắt đầu, hãy điều hướng đến Giao diện > Theme File Editor của Theme đang sử dụng (bạn nên tạo Theme Child trước nhé) trong bảng điều khiển WordPress. Sau đó, chọn tệp tin functions.php hãy cuộn xuống phía dưới và dán đoạn mã sau.

function wpp_outdated_post($content) {
  if ( is_singular() && get_post_type() === 'post' ) {
      $post_date = get_the_time('Y-m-d');
      $modified_date = get_the_modified_time('Y-m-d');
      $current_date = current_time('Y-m-d');
      $outdated_threshold = strtotime('-2 years'); // Define outdated article age  
      if ( strtotime($post_date) < $outdated_threshold && $post_date === $modified_date) {
        $warning_message = '<div><span class="wpp-outdated-warning"><b>Warning:</b> Bài viết này đã được xuất bản vào ngày ' . get_the_time( 'M j, Y' ) . '. Một số thông tin có thể đã lỗi thời.</span></div>';
        return $warning_message.$content;
      }else if (strtotime($modified_date) < $outdated_threshold && $post_date !== $modified_date){
        $warning_message = '<div><span class="wpp-outdated-warning"><b>Warning:</b> Bài viết này được cập nhật lần cuối vào ngày ' . get_post_modified_time( 'M j, Y' ) . '. Một số thông tin có thể đã lỗi thời.</span></div>';
        return $warning_message.$content;
      }        
    }
  }
 add_action( 'the_content', 'wpp_outdated_post' );

Đoạn mã trên sẽ hiển thị cảnh báo, “Warning: Bài viết này được cập nhật lần cuối vào [ngày]. Một số thông tin có thể đã lỗi thời” đối với các bài viết chưa được cập nhật trong hơn 2 năm thì cảnh báo xuất hiện sẽ là “Warning: Bài viết này đã được xuất bản vào [ngày]. Một số thông tin có thể đã lỗi thời”.

Bạn có thể tùy chỉnh thông báo cảnh báo bằng cách điều chỉnh giá trị của $warning_message. Ngoài ra, bạn có thể sửa đổi ngưỡng cho các bài viết lỗi thời bằng cách thay đổi giá trị của $outdated_threshold theo khung thời gian mong muốn của bạn, chẳng hạn như ‘-1 year’ (1 năm trước), ‘-30 days’ (30 ngày trước) v.v. Hãy thoải mái điều chỉnh các cài đặt này theo sở thích của bạn.

$outdated_threshold = strtotime('-30 days');

Cuối cùng hãy nhấp vào nút Update File để lưu và áp dụng các thay đổi. Bây giờ các bài viết lỗi thời của bạn sẽ hiển thị cảnh báo ngay trước nội dung.

Bước 2: Làm nổi bật thông báo

Bước tiếp theo là nâng cao khả năng hiển thị của cảnh báo bằng cách thêm CSS tùy chỉnh để làm cho cảnh báo nổi bật và thu hút sự chú ý của người dùng ngay lập tức. Bạn có thể thực hiện điều này bằng cách tùy biến lớp CSS wpp-outdated-warning được gán cho thông báo cảnh báo.

Thực hiên bằng cách hãy điều hướng đến Giao diện > Tùy biến và truy cập phần CSS bổ sung. Sau đó, thêm mã CSS tùy chỉnh bên dưới.

 .wpp-outdated-warning {
  background-color: orange;
  color: black;
  padding: 5px;
  border-radius: 5px;
  /* Add a subtle text shadow*/
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);  
}

Cuối cùng, hãy nhấn nút Xuất bản để tận hưởng kết quả.

• Cách tạo nút back to top trong giao diện Genesis đơn giản
• Danh sách Ping list tốt nhất cho WordPress cập nhật liên tục
• Cách vô hiệu hóa chèn biểu tượng mặt cười trong wordpress
• Cách thêm hình ảnh, video, nhạc … vào wordpress
• WordPress Plugins bạn có biết cài đặt và sử dụng?

Hosting chất lượng cao cho WordPress?

Kết luận

Bằng cách hiển thị các cảnh báo đối với các bài viết lỗi thời nó góp phần tích cực vào việc ngăn chặn thông tin sai lệch và dữ liệu không chính xác. Từ đó giúp người dùng có thể tìm kiếm thông tin mới hơn đồng thời người dùng cũng có thể chia sẻ các thông tin chính xác hơn đối với các bài viết của bạn để bạn có thể cập nhật kịp thời.

Giới thiệu Anti-Spam by Fullworks

Nó sẽ giúp bạn tự động phát hiện thư rác giúp bạn tránh khỏi những phiền toái liên tục. Nó thực một cách chính xác mà không cần hỏi người dùng những câu hỏi, câu đố hoặc reCAPTCHA khó chịu.

Chỉ cần cài đặt plugin để bắt đầu chặn thư rác, chắc chắn các bình luận spam trên blog của bạn sẽ bị giảm đi. Plugin này miễn phí cho các trang web thương mại và kinh doanh cũng như blog cá nhân. Không cần khóa API.

Cách tính năng miễn phí

• Ngăn chặn tự động các nhận xét rác trong WordPress
• Lưu trữ các nhận xét spam để xem xét trong tab thư rác
• Xóa nhận xét spam khỏi WordPress sau số ngày xác định
• Nó có thể xử lý các bình luận thông qua plugin wpDiscuz
• Tùy chọn không tự động xóa bình luận spam nếu muốn
• Có thể được sử dụng cùng với các plugin bảo mật và plugin chống thư rác khác
• Nếu bạn có hàng nghìn nhận xét spam, chức năng tự động xóa sẽ xóa toàn bộ các thư rác trước đó.
• Plugin không gửi bất kỳ dữ liệu nào cho bất kỳ bên thứ ba nào. Nó không sử dụng cookie. Nó không theo dõi người dùng. Nó không thu thập bất kỳ dữ liệu cá nhân nào.

Chặn Spam WordPress với Anti-Spam by Fullworks

Đầu tiên bạn cần cài đặt Plugin bằng cách truy cập vào quản trị > chọn Plugin > chọn Cài Plugin. Hãy gõ từ khóa “Anti-Spam by Fullworks” và tiến hành cài đặt hoặc bạn có thể tải Plugin về tại đây.

Sau khi cài đặt và kích hoạt xong bạn vào Setting > chọn Anti Spam > Nhấn Allow & Continue.

Đối với phiên bản miễn phí bạn chỉ cần tích vào tùy chọn “Enable bot spam protection for comments” là được.

Ngoài ra bạn có thể tùy chỉnh mục Keep Spam (chỉnh số ngày xóa Spam), mặc định là 30 ngày.

Nếu bạn muốn sử dụng các tính năng cao cấp hơn thì bạn có thể nâng cấp Plugin nhé giá khoảng 10$/năm.

• Hướng dẫn tạo series bài viết liên quan cho blog wordpress
• Cách tích hợp icon vào Menu WordPress chuyên nghiệp
• 6+ tính năng của Plugin All in One SEO miễn phí
• Cách đưa bài viết cũ hiển thị đầu tiên trên trang chủ
• Cách tạo bảo mật hai lớp cho WordPress một cách đơn giản nhất

Một số tính năng cao cấp của Plugin

• Ngăn chặn bình luận rác. (bao gồm cả bình luận wpDiscuz)
• Ngăn chặn thư rác liên hệ và các biểu mẫu: JetPack Contact, Contact Form 7, Quick Contact Form, Gravity Forms, Quick Event Manager và WP-Forms.
• Chặn đăng ký WP tự động.
• Dừng tài khoản WooCommerce ảo.
• Sử dụng công nghệ máy học để chặn thư rác từ con người.
• Chặn IP xấu
• Tự động loại bỏ thư rác.
• Chống thư rác không giới hạn
• Báo cáo thống kê thư rác tự động

Kết luận

Hiện nay có khá nhiều Plugin chặn Spam wordpress tuy nhiên với Anti-Spam by Fullworks sẽ giúp bạn chặn Spam một cách tối ưu và hiệu quả nhất. Nếu trang Web của bạn đang gặp tình trạng Spam quá nhiều thì hãy thử ngay Plugin này nó sẽ giúp trang Web của bạn tránh khỏi Spam phiền phức.

Một trong những lỗi mà bạn thường bắt gặp khi thông số PHP quá thấp đó là lỗi The uploaded file exceeds trong WordPress và một số lỗi khác như: giá trị “post_max_size” nhỏ hơn “upload_max_filesize” trong WordPress, lỗi up ảnh trong WordPress… trong bài viết này mình sẽ hướng dẫn các bạn cách thay đổi các thông số PHP trên hosting cPanel và Directadmin cho phù hợp nhất.

Tại sao phải thay đổi thông số PHP

Thay đổi các thông số PHP vì nhiều lý do, chẳng hạn như tối ưu hóa hiệu suất, bật các tính năng cụ thể hoặc giải quyết các vấn đề về tương thích.

• Tối ưu hóa hiệu suất: Các thông số PHP trong hosting có thể tác động đáng kể đến hiệu suất của ứng dụng website. Thông qua việc thay đổi những thông số này, bạn có thể phân bổ nhiều tài nguyên hệ thống hơn cho các quy trình PHP, chẳng hạn như tăng thông số memory_limit để cho phép các tập lệnh sử dụng nhiều bộ nhớ hơn.
• Thay đổi phiên bản PHP: Việc thay đổi phiên bản PHP có liên quan đến việc sửa đổi các thông số PHP trong hosting để đảm bảo tính tương thích và hiệu suất tối ưu.
• Tùy chỉnh cài đặt PHP: Tùy chỉnh các cài đặt này cho phép bạn tinh chỉnh hành vi PHP để phù hợp với nhu cầu của ứng dụng đang dùng.

Thay đổi các thông số PHP trên hosting

Hiện nay có khá nhiều ứng dụng quản trị Web một trong những ứng dụng mà hấu hết các nhà cung cấp hosting tại Việt Nam đang cung cấp và ứng dụng quản trị cPanel hoặc Directadmin, trong bài viết này mình sẽ hướng dẫn các bạn thực hiện việc tăng thông số PHP trên 2 ứng dụng quản lý trang Web này.

Thay đổi các thông số PHP trên hosting cPanel

Bước 1: Đầu tiên bạn hãy truy cập vào cPanel bằng tài khoản và mật khẩu được nhà cung cấp hosting gửi cho bạn.

Bước 2: Trên giao diện cPanel tìm xuống mục Software và sẽ thấy Select PHP Version tại đấy.

Bước 3: Kích chọn Options > Điều chỉnh các thông số.

Bước 4: Các thông số có thể chỉnh sửa:

• max_execution_time: Tùy chỉnh thời gian tối đa để thực thi PHP.
• max_input_time: Thời gian tối đa để PHP phân tích dữ liệu nhập vào, -1 là không giới hạn.
• memory_limit: Bộ nhớ tối đa mà PHP được phép sử dụng.
• post_max_size: Thiết lập kích thước dữ liệu tối đa được gởi đi.
• upload_max_filesize: thiết lập kích thước tập tin tối đa được phép tải lên máy chủ thông qua PHP.

Bước 5: Sau khi thực hiện xong bạn hãy lưu lại cấu hình nhé.

• Chuyển hướng liên kết cũ thành liên kết mới trong WordPress
• Quản lý tập tin và thư mục trong thư viện WordPress tốt hơn
• Cách tạo trang web đa ngôn ngữ đơn giản trong WordPress
• Cách chèn quảng cáo Facebook vào trang web để kiếm tiền
• Cách tạo thông báo chính sách bình luận trong WordPress

Thay đổi các thông số PHP trên hosting Directadmin

Bước 1: Đầu tiên bạn cũng truy cập Directadmin bằng tài khoản và mật khẩu được nhà cung cấp hosting gửi cho bạn.

Bước 2: Trong tùy chọn Extra Features kích chọn Select PHP Version.

Bước 3: Chọn tab “Option“.

Bước 4: Các thông số có thể chỉnh sửa:

• max_execution_time: Tùy chỉnh thời gian tối đa để thực thi PHP.
• max_input_time: Thời gian tối đa để PHP phân tích dữ liệu nhập vào, -1 là không giới hạn.
• memory_limit: Bộ nhớ tối đa mà PHP được phép sử dụng.
• post_max_size: Thiết lập kích thước dữ liệu tối đa được gởi đi.
• upload_max_filesize: thiết lập kích thước tập tin tối đa được phép tải lên máy chủ thông qua PHP.

Như vậy, bạn đã hoàn thành xong việc tăng hoặc giảm các thông số PHP trong hosting với DirectAdmin.

Một số hosting bạn nên sử dụng tại Việt Nam?

Kết luận

Việc thay đổi các thông số PHP trên hosting cPanel và Directadmin là một việc rất cần thiết khi hosting của bạn xảy ra các vấn đề liên quan đến hiệu suất hoặc các vấn đề tương thích. Nếu bạn muốn thay đổi phiên bản PHP trên hosting cPanel và Directadmin thì bạn có thể tham khảo các buowscs hướng dẫn thực hiện bên trên.

Có rất nhiều Plugin Cache hổ trợ việc tải trước các trang hoặc tài nguyên trước khi người dùng nhấp vào một liên kết để chuyển đến trang web khác, tuy nhiên điểm đặc biệt của plugin này là sử dụng API của trình duyệt và dữ liệu sẽ được lưu tạm trên trình duyệt thay vì máy chủ website, từ đó tiết kiệm tài nguyên của máy chủ.

Tăng tốc WordPress chớp mắt

Với ưu điểm trên chắc chắn bạn sẽ không bỏ qua Plugin này, tuy nhiên bạn cần lưu ý tính năng này chỉ hoạt động trên trình duyệt Google Chrome 121+ trở lên, đối với các trình duyệt khác bạn sẽ không thấy sự thay đổi tuy nhiên nó không hề ảnh hưởng đến trải nghiệm của bạn.

Cài đặt Speculative Loading

Plugin này hoạt động hoàn hảo với bất kỳ Plugin tăng tốc nào trên WordPress, bạn không cần phải lo sợ về sự xung đột Plugin cho nên bạn hãy an tâm sử dụng Plugin để tăng tốc cho trang Web WordPress của mình nhé.

Đầu tiên bạn cần cài đặt Plugin bằng cách truy cập vào quản trị > chọn Plugin > chọn Cài Plugin. Hãy gõ từ khóa “Speculative Loading” và tiến hành cài đặt.

Sau khi cài dặt xong bạn vào Cài đặt > Chọn Đọc.

Plugin này không cần phải thiết lập mà chỉ cần kích hoạt là nó có thể hoạt động ngay, bạn có thể thay đổi kiểu hoạt động ở cơ chế Prefetch hoặc Prerendering.

Để kiểm tra tính năng đã hoạt động hãy chưa bạn chuột phải vào trang Web chọn > xem nguồn trang (hoặc nhấn Ctrl + U). Sau đó tìm đoạn mã sau.

 {
    "prerender": [
      {
        "where": {
          "and": [
            { "href_matches": "/*" },
            { "not": { "href_matches": "/logout" } },
            { "not": { "selector_matches": ".no-prerender" } }
          ]
        }
      }
    ],
    "prefetch": [
      {
        "urls": ["next.html", "next2.html"],
        "requires": ["anonymous-client-ip-when-cross-origin"],
        "referrer_policy": "no-referrer"
      }
    ]
  }

Nếu có đoạn mã tương tự thì cơ chế đã hoạt động.

Cơ chế hoạt động Speculation

Speculation Rules API sẽ hoạt động ở 2 kiểu bao gồm:

• Prefetch: Tải trước nội dung của trang được rê chuột, nhưng không bao gồm các tài nguyên khác trên trang như các mã Javascript,….Việc này sẽ giúp speculation hoạt động nhanh hơn, nhưng người dùng sẽ tốn nhiều thời gian hơn khi truy cập vào trang đích do cần phải tải các tài nguyên bên trong.
• Prerender: Tải trước toàn bộ nội dung của trang được rê chuột ở một tab ẩn của trình duyệt, nó cũng sẽ tải hết các tài nguyên bên trong trang và thực thi toàn bộ mã Javascript (nếu có) như khi ta truy cập vào một trang hoàn chỉnh. Điều này sẽ có ích cho các website sử dụng Javascript nhiều để xử lý ở trình duyệt, tuy nhiên sẽ tốn nhiều bộ nhớ và băng thông của người dùng hơn.

Như vậy có thể hiểu rằng, chọn Prerender thì trang web tải nhanh hơn, người dùng gần như tải trang ngay lập tức khi nó đã hoạt động xong, nhưng sẽ cần nhiều tài nguyên và băng thông hơn. Vì vậy chế độ Prerender được khuyên dùng hơn ở các website WordPress thông thường, nhưng nếu website có nhiều nội dung cần người dùng thao tác với Javascript thì nên chọn chế độ Prefetch.

Chọn Hosting nào cho phù hợp

Nhìn chung với 2 cơ chế trên thì cơ chế nào cũng đòi hỏi bạn phải có cấu hình hosting khỏe và băng thông lớn, cho nên bạn cần chọn một dịch vụ hosting uy tín và đảm bảo các yêu cầu. Một trong những nhà cung cấp hosting chất lượng cao tại Việt nam mà bạn nên chọn đó là nhà cung cấp Azdigi, với cấu hình hosting mạnh mẽ, băng thông không giới hạn bạn có thể thỏa sức sử dụng tài nguyên từ nhà cung cấp. Ngoài ra bạn có thể tham khảo một số nhà cung cấp được liệt kê bên dưới.

• Coupon Hawkhost mới nhất giảm đến 40% trọn đời (cập nhật liên tục)
• Mã giảm giá Azdigi Khuyến mãi chào hè với “Deal cực sốc” giảm đến 70%
• Hướng dẫn cách đăng ký Hosting Azdigi chi tiết nhất
• Sinh nhật Azdigi (8 năm) giảm đến 50% và ra mắt NVMe Storage Optimized VPS
• Azdigi đang giảm giá 50% trong tháng cô hồn 2023 – Rẻ bèo

Kết luận

Như vậy là bạn đã có trang Web WordPress chớp mắt rồi đấy? Đây là Plugin rất đáng để bạn sử dụng giúp tăng tốc trang WordPress chớp mắt bởi lẽ tài nguyên nó được lưu trên trình duyệt điều này rất hữu ích cho trang Web của bạn, giúp trang Web của bạn được tải nhanh hơn nhưng không làm ảnh hưởng đến tài nguyên hosting nhiều. Bạn đánh giá sao về Plugin này hãy để lại bình luận bên dưới khi bạn sử dụng nó để tăng tốc WordPress chớp mắt nhé.

All in One SEO là gì?

Là một trong những plugin SEO được đánh giá cao nhất trong cộng đồng WordPress. Nó đã được cải tiến hoàn toàn để bổ sung thêm nhiều tính năng và tiện ích mới.

AIOSEO không chỉ có các tính năng SEO đủ mạnh để triển khai các phương pháp SEO tốt nhất mới nhất mà bạn còn có được các cài đặt SEO nâng cao để giải quyết ngay các vấn đề SEO cụ thể:

• SEO WooC Commerce cho các cửa hàng trực tuyến
• Trình tối ưu hóa SEO bên trong trình chỉnh sửa WordPress của bạn
• Sơ đồ trang web thông minh để lập chỉ mục ngay lập tức trên Công cụ tìm kiếm
• Plugin Schema giúp nội dung của bạn được xếp hạng trong Rich Snippets

Và còn nhiều nữa!

Tóm lại: All in One SEO cho phép bạn thiết lập WordPress SEO đúng cách mà không cần phải thuê chuyên gia. Với hơn 3 triệu lượt tải, AIOSEO là một Plugin Tối ưu hóa Công cụ Tìm kiếm tuyệt vời cho mọi yêu cầu SEO. Nó phù hợp cho các blogger và chủ doanh nghiệp nhỏ, nó giúp bạn chăm sóc SEO trang web mà không cần phải thuê chuyên gia.

Các tính năng của All in One SEO

Trong giới hạn bài viết chúng ta cùng điểm qua một số tính năng chính hữu ích mà bạn thường hay dùng khi dùng All in One SEO bởi lẽ All in One SEO có rất nhiều tính năng không thể liệt kê chi tiết được.

Kiểm tra trang Web

Khi bạn cài đặt plugin, nó sẽ tự động quét trang web của bạn và báo cáo SEO trên trang Web cho bạn. Bạn có thể xem liệu có trang và bài viết nào cần được cải thiện hay không. AIOSEO sẽ cung cấp cho bạn các đề xuất để tăng cường SEO cho trang web của bạn.

Thỉnh thoảng, bạn có thể truy cập báo cáo này trực tiếp từ bảng điều khiển WordPress của mình để xem liệu trang web của bạn có được tối ưu hóa cho các công cụ tìm kiếm hay không?

Giao diện tìm kiếm

AIOSEO cho phép bạn xem trang web của bạn sẽ trông như thế nào đối với người dùng trên kết quả tìm kiếm của Google. Bạn có thể thay đổi tiêu đề và mô tả ở đây.

Điều này rất quan trọng vì bạn chỉ có vài giây để thu hút sự chú ý của người dùng và khiến họ nhấp vào trang web của bạn trong danh sách kết quả.

Đảm bảo bạn thêm thông tin liên quan vào đây để giải thích nội dung trang web của bạn và những gì bạn cung cấp.

Hồ sơ xã hội

Bạn có thể liên kết với tất cả các tài khoản của mình trên mạng xã hội bao gồm Facebook, Twitter, Instagram, YouTube và LinkedIn. Điều này sẽ giúp các công cụ tìm kiếm biết hồ sơ nào được liên kết với trang web của bạn.

Sơ đồ trang web

Sơ đồ trang web rất quan trọng và phải có trên mọi trang web. Đây là tài liệu tổ chức trang web của bạn thành các danh mục khác nhau.

Nó giúp Google dễ dàng thu thập dữ liệu trang web của bạn và biết nội dung trang web, các phần khác nhau, nội dung mới và hơn thế nữa.

Bạn có thể tạo sơ đồ trang web XML, HTML và RSS miễn phí.

Bạn cũng có quyền kiểm soát số lượng liên kết hoặc bài đăng thêm vào sơ đồ trang web. Bạn có thể chọn bao gồm/loại trừ một số loại bài đăng và phân loại nhất định khỏi thêm vào sơ đồ trang web của mình.

Công cụ SEO nâng cao

All in One SEO cung cấp cho bạn quyền truy cập vào các công cụ nâng cao để cải thiện SEO trang web của bạn.

Bạn có thể tạo và chỉnh sửa tệp robots.txt để cung cấp hướng dẫn cho trình thu thập dữ liệu của công cụ tìm kiếm về trang web của bạn. Các cài đặt này bao gồm:

• Robots.txt
• Cài đặt nhập/xuất
• Công cụ cơ sở dữ liệu
• Trạng thái hệ thống

Tính năng trạng thái hệ thống cho phép bạn xem ảnh chụp nhanh trang web của mình ở một nơi. Bao gồm URL trang chủ, URL trang web, múi giờ, khả năng hiển thị của công cụ tìm kiếm và hơn thế nữa.

SEO trên trang

Khi bạn đã cài đặt AIOSEO trên trang web của mình, bạn sẽ thấy hộp cài đặt AIOSEO xuất hiện bên trong màn hình chỉnh sửa bài đăng. Điều này sẽ thực hiện phân tích nội dung nội bộ và cho điểm bài viết của bạn.

Phần này được dành riêng cho việc tối ưu hóa trên trang. Trong Cài đặt chung, bạn có thể đặt từ khóa trọng tâm, cụm từ khóa bổ sung, tiêu đề bài đăng và dữ liệu meta một cách dễ dàng cho mỗi bài đăng bạn tạo.

Bạn cũng có thể xem phần phân tích trên trang hiển thị cho bạn khả năng đọc, độ dài nội dung, độ dài đoạn văn, giọng nói thụ động, phân bổ tiêu đề phụ, v.v.

Bạn có thể tối ưu hóa tất cả các trang và bài đăng của mình trước khi xuất bản chúng.

Bạn thậm chí có thể hoàn thiện luồng truyền thông xã hội của mình để đảm bảo tiêu đề và hình ảnh của bạn xuất hiện chính xác khi nó được chia sẻ trên mạng xã hội của bạn.

Trong phần này, bạn cũng có thể dễ dàng truy cập để thêm lược đồ, phân tích liên kết và chuyển hướng, v.v.

Bạn có thể thấy rằng với plugin AIOSEO miễn phí, bạn sẽ có rất nhiều tính năng để giúp trang Web của bạn phát triển tốt nhất.

Đó là những tính năng miễn phí vô cùng hữu ích cho một Plugin Seo, đối với các tính năng cao cấp bạn có thể tham khảo thêm tại đây !

Đọc thêm:

• Cách tìm kiếm và thay dữ liệu trong WordPress đơn giản
• Cách tích hợp tính năng bình luận theo đoạn văn bản WordPress
• Cách ẩn toàn bộ liên kết ngoài trong bài viết đơn giản
• Cách tạo mã chia sẻ Coupon chuyên nghiệp trong WordPress
• Cách tạo tính năng bài viết đăng trước/kế tiếp và chia sẻ chuyên nghiệp

Cài đặt và thiết lập nhanh All in One SEO

Để cài đặt plugin AIOSEO miễn phí, hãy truy cập bảng điều khiển quản trị viên WordPress của bạn. Điều hướng đến Plugin >Thêm mới.

Tại đây, tìm kiếm All in One SEO rồi cài đặt và kích hoạt plugin.

Nếu bạn đã mua phiên bản cao cấp, bên trong tài khoản All in One SEO, bạn sẽ thấy tab ‘Download‘. Tại đây, bạn có thể tải xuống plugin AIOSEO Pro và tải nó lên trang WordPress của mình.

Khi plugin WordPress SEO này được kích hoạt trên trang web của bạn, trình hướng dẫn thiết lập sẽ khởi chạy.

Bạn nên sử dụng trình hướng dẫn vì nó sẽ đảm bảo bạn thực hiện tất cả các bước SEO cần thiết.

Trước tiên, bạn cần nhập thông tin như danh mục mô tả đúng nhất trang web của bạn, tiêu đề trang chủ và mô tả meta.

Trong bước tiếp theo, AIOSEO sẽ yêu cầu thông tin bổ sung như loại tổ chức, địa chỉ liên hệ, logo và hồ sơ mạng xã hội của bạn.

Sau đó, plugin cung cấp cho bạn danh sách các tính năng mà bạn có thể kích hoạt trên trang web của mình. Theo mặc định, các cài đặt được đề xuất sẽ được chọn. Nhưng hãy đảm bảo bạn đọc mô tả ở đây vì một số tính năng sẽ phù hợp cho trang Web của bạn.

Tiếp theo, bạn có thể xem một đoạn về cách trang web của bạn sẽ xuất hiện trên tìm kiếm của Google. Bạn cũng có ẩn trang web của mình đang được xây dựng nếu bạn muốn ẩn nó khỏi khách truy cập.

Chúng tôi khuyên bạn nên bật sơ đồ trang web. Điều này sẽ tạo một bản đồ để các bot tìm kiếm của Google dễ dàng thu thập dữ liệu trang web và lập chỉ mục nội dung của bạn. Sau đó, bạn nhập địa chỉ email của bạn để kết nối trang web của bạn với API SEO của plugin.

Đồng thời, bạn cũng sẽ nhận được các đề xuất về SEO trang web của bạn tới địa chỉ này.

Nếu bạn đang sử dụng phiên bản miễn phí và muốn sử dụng các tính năng chuyên nghiệp đã chọn, bạn sẽ được nhắc mua phiên bản cao cấp.

Hoặc nhấn I’ll do it later để bỏ qua phiên bản cao cấp.

Tiếp theo, nếu bạn chọn Purchase and Insrtall Now ban hãy nhập mã cấp phép nếu bạn đang sử dụng phiên bản cao cấp. Bạn sẽ tìm thấy mã cấp phép trong tài khoản AIOSEO của mình trong tab “Download”.

Bây giờ bạn đã thiết lập thành công AIOSEO trên trang web của mình. Trên trang cửa sổ, cuộn xuống cuối và nhấn nút ‘Finish Set up and Go to the Dashboard‘.

Tải All in One SEO

Bên trên là những tính năng chính khá hấp dẫn của All in One SEO, nếu bạn yêu thích Plugin này bạn có thể tải về miễn phí Plugin All in One SEO theo liên kết cung cấp tương ứng bên dưới.

OK! vậy là xong.

Kết luận

Plugin All in One SEO là một công cụ vô cùng mạnh mẽ và đa dạng tính năng, đáp ứng mọi nhu cầu tối ưu hóa SEO cho website của bạn. Từ việc tối ưu hóa trang đến quản lý sitemap và phân tích chi tiết, nó đem lại những lợi ích đáng kể cho sự phát triển của doanh nghiệp trực tuyến. Khả năng tích hợp dễ dàng với các công cụ phân tích và tiếp thị cũng là một điểm mạnh, giúp bạn có cái nhìn toàn diện về hiệu suất của website.

Với All in One SEO, bạn có thể tự tin xây dựng một chiến lược SEO hiệu quả, thu hút lượng truy cập đáng kể và tối ưu hóa tỷ lệ chuyển đổi khách hàng.

Phím tắt WordPress là gì?

Phím tắt WordPress là những tổ hợp phím được sử dụng bằng bàn phím máy tính để thực hiện một số hành động mà không cần sử dụng chuột. Phím tắt WordPress giúp bạn tiết kiệm thời gian, nâng cao năng suất và trải nghiệm người dùng khi soạn thảo nội dung trên website của mình.

Phím tắt WordPress được chia thành hai loại: phím tắt chung và phím tắt riêng cho từng trình chỉnh sửa. Phím tắt chung là những phím tắt mà bạn có thể sử dụng ở bất kỳ đâu trên WordPress. Ví dụ như Ctrl + C để sao chép hay Ctrl + V để dán. Phím tắt riêng là những phím tắt mà chỉ hoạt động trong một trình chỉnh sửa cụ thể, ví dụ như Alt + Shift + M để chèn hình ảnh trong Gutenberg hay Alt + Shift + A để chèn liên kết trong trình chỉnh sửa cổ điển.

Khi làm việc với WordPress, việc sử dụng phím tắt (shortcut) là một cách hiệu quả để tiết kiệm thời gian và tăng cường hiệu suất. Thay vì phải di chuột và thực hiện các thao tác trên giao diện người dùng, bạn có thể sử dụng các phím tắt để thực hiện nhanh chóng các tác vụ thông qua bàn phím.

Danh sách các phím tắt WordPress

Cũng giống như các phím tắt trong Windows, trong bài viết này mình sẽ giới thiệu với các bạn Full các phím tắt trong WordPress, các nhóm phím tắt này được chia theo nhóm để bạn có thể dễ dàng theo dõi và sử dụng chúng trong WordPress.

Phím tắt WordPress cho Windows

Phím tắt WordPress cho Macbook

Phím tắt WordPress trình soạn thảo Gutenberg

Nếu bạn đang sử dụng trình soạn thảo Gutenberg ¹ trong WordPress thì có thể tham khảo một số phím tắt thông dụng được cung cấp bên dưới.

Phím tắt WordPress trình soạn thảo Gutenberg trong Windows

Phím tắt WordPress trình soạn thảo Gutenberg trong Macbook

Đọc thêm:

• Chuyển hướng liên kết cũ thành liên kết mới trong WordPress
• Quản lý tập tin và thư mục trong thư viện WordPress tốt hơn
• Cách tạo trang web đa ngôn ngữ đơn giản trong WordPress
• Cách chèn quảng cáo Facebook vào trang web để kiếm tiền
• Cách tạo thông báo chính sách bình luận trong WordPress

Phím tắt WordPress cho trình soạn thảo cổ điển

Nếu bạn đang sử dụng trình soạn thảo mặt định trước đây thì bạn có thể tham khảo danh sách phím tắt dưới đây nó sẽ giúp bạn soạn thảo vản bản nhanh chóng hơn đó.

Phím tắt WordPress trình soạn thảo cổ điển trong Windows

Phím tắt WordPress trình soạn thảo cổ điển trong Macbook

Phím tắt WordPress cho bình luận

Nếu bạn nhận được nhiều nhận xét, thì bạn có thể kiểm duyệt nhận xét một cách nhanh chóng bằng cách sử dụng phím tắt để quản lý nhận xét. Tuy nhiên, các phím tắt này không được bật theo mặc định.

Để bật tính năng này, người dùng cần tìm đến Users > Your Profile > Ấn chọn Enable keyboard shortscuts for comment moderation.

Để chọn nhiều nhận xét, nhấn X để kiểm tra nhận xét đã chọn và nhấn phím J hoặc K để chuyển đến nhận xét tiếp theo hoặc trước đó.

Khi bạn đã chọn nhiều nhận xét, bạn có thể sử dụng các phím tắt dưới đây để thực hiện các tác vụ hàng loạt.

Kết luận

Việc sử dụng phím tắt WordPress không chỉ giúp tăng hiệu suất làm việc mà còn giúp tiết kiệm thời gian. Qua bài viết này, chúng ta đã tìm hiểu về ý nghĩa của phím tắt WordPress, cách để tối ưu hóa công việc của mình. Việc tích hợp phím tắt vào quy trình làm việc hàng ngày không chỉ giúp bạn làm việc hiệu quả hơn mà còn mang lại trải nghiệm sử dụng WordPress trở nên dễ dàng và thoải mái hơn. Hãy bắt đầu thực hành ngay hôm nay và trải nghiệm sức mạnh của phím tắt WordPress!

Vì sao phải vô hiệu thông báo lỗi đăng nhập WordPress?

Bạn có để ý rằng khi bạn đăng nhập vào trang web của bạn bằng tên người dùng hoặc mật khẩu sai, WordPress sẽ hiển thị một thông báo lỗi trên màn hình đăng nhập.

Giả sử nếu bạn nhập sai tên người dùng hoặc địa chỉ email, WordPress sẽ hiển thị thông báo lỗi sau đây: “The username is not registered on this site. If you are unsure of your username, try your email address instead“.

Điều này khá hữu ích cho bạn nếu bạn đang quên tên đăng nhập hoặc địa chỉ Email? nhưng cũng có thể cho những người có ý đồ “XẤU” biết họ đang nhập sai người dùng.

Nếu bạn nhập đúng tên người dùng nhưng sai mật khẩu, thì WordPress sẽ hiển thị một thông báo lỗi khác: “The password you entered for the username is incorrect. Lost your password?“.

Nếu ai đó đang cố gắng đoán tên người dùng của bạn, thì thông báo lỗi này xác nhận rằng họ đã đoán đúng tên người dùng. Bây giờ họ chỉ cần đoán hoặc đánh cắp mật khẩu. Chủ sở hữu trang web WordPress cũng có thể đăng nhập vào trang web của họ bằng địa chỉ email thay vì tên người dùng. Điều này có nghĩa là một hacker có thể nhập các địa chỉ email khác nhau để thử tìm hiểu địa chỉ nào bạn đang sử dụng cho tài khoản WordPress của mình.

Tắt thông báo lỗi đăng nhập trong WordPress

Để tắt thông báo này bạn chỉ cần thực hiện bằng cách thêm câu lệnh được cung cấp bên dưới là được, việc thực hiện khá đơn giản và dễ dàng.

Cách 1: Thêm đoạn lệnh trực tiếp

Bạn có thể thêm đoạn code sau vào cuối file functions.php của trang web để có thể tắt thông báo lỗi đăng nhập trong WordPress bằng cách đăng nhập vào trang Quản trị WordPress > Giao diện > Theme File Editor.

Sau đó tìm tập tin Functions.php của theme và dán đoạn Code bên dưới vào phía dưới cùng là được.

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

Cuối cùng bạn nhấn Save để lưu lại là xong, hãy kiểm tra thông báo lỗi đăng nhập trong WordPress đã được tắt chưa nhé!

Tuy nhiên, trong một số trường hợp nếu giao diện không tương thích nó sẽ phá vỡ giao diện của bạn, lúc này bạn hãy sử dụng Cách 2 bên dưới nhé.

Đọc thêm:

• Cách tùy chỉnh Post Info cho giao diện Genesis chuyên nghiệp
• Cách tạo nút back to top trong giao diện Genesis đơn giản
• Cách thêm Gravatar vào Post Info trong giao diện Genesis
• Cách sửa lỗi giao diện AMP theo chuẩn của Google
• Cách xóa những table không dùng trong WordPress hiệu quả

Cách 2: Sử dụng Plugin

Plugin WPCode là một Plugin tùy biến Code khá mạnh mẽ nó giúp trang Web của bạn an toàn trước mọi tình huống, dễ tùy biến và tùy chỉnh.

Đầu tiên bạn hãy cài đặt Plugin WPCode.

Sau khi cài đặt và kích hoạt Plugin xong bạn hãy vào Code Snippets > +Add Snippet trong bảng điều khiển quản trị WordPress. Di chuột qua “Add Your Custom Code” và nhấp “Use Snippet“.

Sau đó, bạn chỉ cần đặt tên cho đoạn code tùy chỉnh mới này và dán đoạn code sau vào khu vực Code Preview.

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

Code này cho biết WordPress sẽ hiển thị một thông báo tùy chỉnh thay vì thông báo lỗi mặc định trên trang đăng nhập. Trong đoạn code ví dụ ở trên đã sử dụng “Something is wrong!” làm thông báo lỗi. Bạn có thể thay đổi dòng này để hiển thị bất kỳ thông báo nào bạn muốn. Chẳng hạn như trong ví dụ này có sử dụng “Something is wrong!” làm thông báo lỗi:

Lưu ý: Hãy chắc chắn chọn PHP từ danh sách Code Type, sau đó bạn có thể chuyển công tắc từ Inactive sang Active và nhấp vào Save Snippet.

Cuối cùng, bạn cần kiểm tra thông báo lỗi mới, để thực hiện kiểm tra này, đơn giản là truy cập vào trang đăng nhập của trang web của bạn và nhập sai tên người dùng, mật khẩu hoặc email. Sau đó, nhấp vào button “Log In“, WordPress sẽ hiển thị thông báo lỗi mới mà không cung cấp bất kỳ gợi ý nào.

Kết luận

Hy vọng với thủ thuật WordPress trên sẽ giúp bạn tăng cường bảo mật hơn với WordPress, đây được xem là tính năng khá hữu ích đối với người dùng tuy nhiên theo mình thì nó thật sự không cần thiết. Bạn nên tắt thông báo báo lỗi đăng nhập WordPress này đi nó có thể giúp trang Web của bạn an toàn hơn đấy.

Sửa lỗi Database WordPress

Nếu bạn đang gặp lỗi về Database mà bạn lay hoay hoài không sửa được thì đây được xem là phương pháp khá “ổn” để bạn có thể sửa lỗi.

Lưu ý: Để cho đảm bảo bạn nên Backup Database và lưu trên máy tính trước nhé.

Các bước sửa lỗi Database WordPress

Để sửa lỗi Database WordPress bạn hãy thực hiện tuần tự theo các bước sau.

Đầu tiên bạn hãy truy cập vào thư mục cài đặt mã nguồn WordPress thông qua phần mềm FTP hoặc File Manager của cPanel/ DirectAdmin.

Sau đó bạn tìm File wp-config.php mở ra, tìm dòng: /* That's all, stop editing! Happy blogging. */

Sau đó bạn thêm đoạn mã này: define('WP_ALLOW_REPAIR', true); bên trên nó và lưu lại.

Tiếp theo bạn hãy truy cập vào đường dẫn https://yoursite.com/wp-admin/maint/repair.php. Trong đó, thay https://yoursite.com bằng domain của bạn.

Click vào nút Repair Database nếu bạn muốn sửa chữa nó. Click vào nút Repair and Optimize Database nếu bạn muốn đồng thời sửa chữa và tối ưu database.

Chú ý: Quá trình tối ưu database (Optimize Database) có thể không diễn ra được nếu hosting của bạn không hỗ trợ tối ưu.

Chờ một lát cho quá trình sửa chữa database WordPress hoàn tất, các bạn sẽ nhận được thông báo trông giống như thế này.

Cuối cùng bạn cần mở file wp-config.php ra và bỏ đoạn code bên trên đi. Nếu không người khác cũng có thể thực hiện việc Sửa lỗi Database trên trang Web của bạn.

Kết luận

Lỗi Database WordPress là một lỗi khá nghiêm trọng tuy nhiên nếu bạn biết cách sửa lỗi thì nó trở nên thật đơn giản phải không? khi bị lỗi này bạn hãy sử dụng phương pháp trên để sửa lỗi Database WordPress nhé.

Trong bài viết về thủ thuật WordPress trước đây mình có hướng dẫn các bạn cách tích hợp trình soạn thảo vào form bình luận WordPress giúp độc giả của bạn có thể dễ dàng bình luận kèm với đó là các tùy chọn như chèn hình ảnh, bảng… vào bình luận tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách hiển thị độc giả bình luận nhiều nhất trong WordPress.

Hiển thị độc giả bình luận nhiều nhất trong WordPress

Việc hiển thị độc giả bình luận nhiều nhất trong WordPress không những giúp bạn xác định được ai là độc giả trung thành từ đó bạn có thể có nhiều ưu đãi với độc giả đó hơn mặc khác khi hiển thị độc giả bình luận nhiều lúc đó sẽ tạo cho độc giả một “sức mạnh” mới để họ có thể gắn bó với blog mình hơn (chỗ này hơi quá). Vậy để hiển thị độc giả bình luận nhiều nhất trong WordPress phải làm sao? Hãy cùng blog thủ thuật tìm hiểu cách hiển thị độc giả bình luận nhiều nhất trong WordPress.

Phương pháp 1: Không sử dụng Plugin

Nếu bạn cảm thấy blog của mình đã cài đặt quá nhiều Plugin thì đây được xem là lựa chọn tối ưu để bạn có thể hiển thị độc giả bình luận nhiều nhất trong WordPress. Để làm được việc này bạn chỉ cần sao chép đoạn mã bên dưới và dán vào trước thẻ đóng ?> của tập tin Functions.php là được (để xác định, chỉnh sửa tập tin này nhanh nhất bạn có thể tham khảo bài viết sửa giao diện, plugin WordPress không cần FTP)

function top_comment_authors($amount = 5){
    global $wpdb;
    $results = $wpdb->get_results('
        SELECT
            COUNT(comment_author_email) AS comments_count, comment_author_email, comment_author, comment_author_url
        FROM
            '.$wpdb->comments.'
        WHERE
            comment_author_email != "" AND comment_type = "" AND comment_approved = 1
        GROUP BY
            comment_author_email
        ORDER BY
            comments_count DESC, comment_author ASC
        LIMIT '.$amount
    );
    $output = "<ul> TOP COMMENT";
    foreach($results as $result){
        $output .= "<li>".get_avatar($result->comment_author_email, 45).' '.(($result->comment_author_url) ? "<a href='".$result->comment_author_url."'>" : "").$result->comment_author.(($result->comment_author_url) ? "</a>" : "")." (".$result->comments_count.")</li>";
    }
    $output .= "</ul>";
    echo $output;
}

Tiếp tục hãy lưu lại và sau đó copy đoạn code sau dán vào vị trí mà bạn muốn xuất hiện là được (bạn có thể dán vào tập tin sidebar.php hay single.php… với đoạn mã trên sẽ xuất hiện 5 độc giả có bình luận nhiều nhất bạn có thể thay đổi thành con số khác ở câu lệnh “amount=5”)

<?php top_comment_authors(); ?>

Sau khi thực hiện xong hãy lưu lại và ra ngoài trang chủ để kiểm nghiệm kết quả. Nếu bạn cảm thấy quá khó khăn trong việc sử  dụng mã lệnh trên thì hãy theo dõi phương pháp sau.

Phương pháp 2: Sử dụng Plugin

Đối với phương pháp này bạn chỉ cần cài đặt Plugin sau đó chỉ việc kéo và thả Widget là bạn có được tính năng “Top Comment”. Plugin mình giới thiệu sau đây có tên là Simple top commenters, cũng như thường lệ hãy tải Plugin Simple top commenters và tiến hành cài đặt và kích hoạt (bạn có thể tham khảo bài viết hướng dẫn cài đặt Plugin WordPress với các phương pháp). Sau khi cài đặt và kích hoạt thành công bạn không cần phải tùy chỉnh gì cả chỉ cần vào Menu Giao diện > Kích chọn Widget lúc này bạn sẽ thấy một Widget có tên là “Simpletopcommenters” bạn chỉ cần kéo và thả Widget vào Sidebar là được.

Widget với các cấu hình khá đơn giản gồm

Title: Tên Widget

Define Commenters by: Xác định người bình luận để hiển thị (gồm địa chỉ Email và tên)

Commenters to Exclude: Loại trừ bình luận của độc giả bạn chỉ cần điền tên độc giả để loại

Of Commenters to list: Số lượng hiển thị (mặc định là 5)

Sau khi tùy chỉnh xong bạn nhớ lưu lại và ra ngoài trang chủ tận hưởng thành quả.

Quá đơn giản để bạn có thể tạo tính năng hiển thị độc giả bình luận nhiều nhất trong WordPress phải không? Hãy cho tôi biết cảm nhận về tính năng này? và bạn có đang sử dụng nó!

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách hiển thị Icon Menu trong WordPress không dùng Plugin giúp bạn có thể thêm các Icon lên Menu WordPress mà không cần sử dụng Plugin đảm bảo được tính chuyên nghiệp cũng như tốc độ tải trang của Website bằng cách sử dụng Font Awesome trực tiếp. Trong bài viết này mình sẽ hướng dẫn các bạn 4 cách loại bỏ chữ “category” trong URL WordPress hiệu quả.

Loại bỏ chữ category trong URL WordPress hiệu quả

Việc có hay không có chữ “category” trong liên kết cũng không ảnh hưởng đến SEO nhiều tuy nhiên nếu bạn để một đường dẫn quá dài dưới góc độ Seoer đường dẫn càng dài thì càng không có lợi bởi lẽ Google sợ các đường liên kết bẫy con bọ “robots” của họ, dưới góc độ người dùng bạn sẽ không thích vì nó “quá dài và rối” vậy làm sao để loại bỏ chữ “category” trong liên kết. Hãy cùng blog thủ thuật tìm hiểu 4 cách loại bỏ chữ “category” trong URL WordPress hiệu quả.

Phương pháp 1: Loại bỏ từ Permalinks

Đây là phương pháp khá đơn giản và nhanh chóng nhất, bạn không cần phải cài đặt Plugin chỉ cần thay đổi Permalinks (đường dẫn tĩnh) là có thể loại bỏ được chữ “category” trong liên kết. Đầu tiên hãy vào Cài đặt (Settings) > Kích chọn đường dẫn tĩnh (Permalinks) và thay đổi như sau

Kích chọn vào trường tùy biến (Custom Structure) và Copy đoạn mã sau dán vào phía sau tên miền là được: /%category%/%postname%/

Phần tùy chọn thêm (Optional) trong mục Cơ sở cho chuyên mục (Category Base) bạn hãy gõ dấu chấm (.) vào ô trống là được.

Sau đó hãy lưu lại và kiểm nghiệm kết quả đạt được tuy nhiên phương pháp này bạn chỉ áp dụng khi mới thành lập Website.

Phương pháp 2: Can thiệp vào tập tin .htaccess

Đây cũng là phương pháp khá đơn giản bạn chỉ cần copy đoạn mã bên dưới và dán vào trong tập tin .htaccess trong thư mục chứa Website là được!

RewriteRule ^category/(.+)$ http://www.site.com/$1 [R=301,L]

Lưu ý: Thay “http://www.site.com” thành tên miền của bạn đang sử dụng

Phương pháp 3: Loại bỏ từ Plugin Yoast SEO

Hầu như hiện nay các Website đề có sử dụng Plugin Yoast SEO và bạn cũng đang sử dụng Plugin này? hãy tận dụng chức năng loại bỏ chữ “category” trong liên kết bằng cách truy cập vào Menu Yoast SEO > Kích chọn Advanced > Kích chọn Permalinks trong thuộc tính “Change URLs” hãy chuyển sang “Remove” ở thuộc tính “Strip the category base”

Lưu lại và kiểm nghiệm kết quả tuy nhiên để chỉnh lại Url của thanh Menu hoặc các link mà ta đi liên kết có chứa url /category/ (nói cách khác đó là loại bỏ triệt để chữ cái “category” có trong liên kết) ta làm như sau. Hãy thêm đoạn mã sau vào trước thẻ đóng ?> của tập tin Functions.php của giao diện đang sử dụng (nếu chưa biết vị trí tập tin này bạn có thể tham khảo bài viết sửa giao diện, plugin WordPress không cần FTP)

/* xóa đường link của category */
function _nice_category_link($link) {
    return str_replace('/category/', '/' , $link);
}
add_filter('category_link', '_nice_category_link');

Phương pháp 4: Dùng Plugin Remove Category URL

Nếu bạn cảm thấy các phương pháp trên quá phức tạp chỉ cần cài đặt Plugin Remove Category URL và kích hoạt là bạn đã loại bỏ chữ “category” trong liên kết (bạn có thể tham khảo bài viết hướng dẫn cài đặt Plugin WordPress để hiểu rõ hơn các phương pháp cài đặt).

Như vậy mình đã hướng dẫn 4 cách loại bỏ chữ “category” trong URL WordPress hiệu quả hãy chọn phương pháp phù hợp với bạn? Theo bạn có phương pháp nào khác tối ưu hơn để loại bỏ chữ “category” trong URL WordPress.

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Trong bài viết trước đây về thủ thuật WordPress mình cũng đã có hướng dẫn các bạn cách tạo Menu Icon cho WordPress bằng cách sử dụng Plugin Menu Icon rất đơn giản và dễ sử dụng tuy nhiên nhược điểm của phương pháp này là có ảnh hưởng đến tốc độ trang Web, tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn một phương pháp tạo “Menu Icon” mà không cần phải sử dụng Plugin và không hề làm ảnh hưởng đến tốc độ trong mã nguồn WordPress !

Hiển thị Icon Menu trong WordPress không dùng Plugin

Phương pháp mình giới thiệu dưới đây chính là sử dụng sử dụng Font Awesome (Font Awesome là thư viện cung cấp hàng trăm “Icon” cho Website hoặc Blog. Với những “Icon” này bạn hoàn toàn có thể tùy biến bằng CSS từ màu sắc, hiệu ứng,…giống như một kí tự bình thường. Ưu điểm của Font Awesome là không ảnh hưởng đến tốc độ tải trang, miễn phí…). Như vậy để sử dụng Font Awesome thì phải làm như thế nào? Hãy cùng blog thủ thuật tìm hiểu cách hiển thị Icon Menu trong WordPress không dùng Plugin.

Đầu tiên bạn hãy truy cập vào liên kết này sau đó bạn chọn các Icon trong mục “Web Application Icons” (nếu bạn chọn ở các mục “Icon” khác có thể sẽ không xuất hiện “Icon” khi bạn chèn vào Menu)

Kích chọn một “Icon” nào đó lúc này bạn sẽ thấy một giao diện mới xuất hiện với một đoạn mã nhỏ được cung cấp

Sau đó hãy sao chép đoạn mã này và quay trở vào trang quản lý WordPress vào Menu Giao diện > Kích chọn Menu > Sau đó dán đoạn mã này vào trước thuộc tính “Nhãn điều hướng” là được.

Sau khi thực hiện xong hãy lưu lại và ra ngoài trang chủ kiểm nghiệm kết quả có được. Nếu bạn cảm thấy “Icon” quá nhỏ so với Menu bạn có thể tăng kích thước Icon bằng cách sử dụng các class “fa-lg”, class này sẽ tăng 33% so với kích thước mặc định ban đầu. Hoặc bạn có thể sử dụng các class “fa-2x”, “fa-3x”, “fa-4x”, “fa-5x” để tăng theo tỷ lệ tương ứng với tên class.

Ví dụ sử dụng các thông số trên để tùy chỉnh độ lớn “Icon”

<i class="fa fa-camera-retro fa-lg"></i> tăng 33%
<i class="fa fa-camera-retro fa-2x"></i> tăng gấp 2
<i class="fa fa-camera-retro fa-3x"></i> tăng gấp 3
<i class="fa fa-camera-retro fa-4x"></i> tăng gấp 4
<i class="fa fa-camera-retro fa-5x"></i> tăng gấp 5

Ngoài ra để tùy biến các “Icon” nhiều hơn nữa bạn có thể truy cập vào liên kết này để tìm hiểu cách sử dụng các “Icon” nâng cao.

Có thể sau khi chèn các “Icon” vào Website bạn sẽ không thấy xuất hiện hãy kiểm tra lại các “Icon” bạn đang sử dụng có chọn đúng trong mục “Web Application Icons” hay không? Nếu đúng mà vẫn không xuất hiện bạn có thể thêm đoạn code sau vào trong tập tin header.php trong thẻ <head> là được (nếu bạn chưa biết cách truy cập vào tập tin header.php có thể tham khảo bài viết sửa giao diện, plugin WordPress không cần FTP)

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

Bạn có thể thay 4.3.0 bằng phiên bản mong muốn. Truy cập vào liên kết này để biết phiên bản mới nhất đang sử dụng (hiện tại khi viết bài này phiên bản đang là 4.6.2)

Như vậy là mình đã hướng dẫn các bạn cách chèn thêm “Menu Icon” mà không sử dụng Plugin trong mã nguồn WordPress. Với phương pháp này tốc độ tải của trang Web không hề bị ảnh hưởng quá tuyệt vời phải không nào.

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách sử dụng Avatar trong WordPress bằng cách sử dụng các Avatar trên mạng xã hội Facebook, Google ++ giúp bạn nhanh chóng thay đổi Avatar mặc định trong WordPress thành Avatar trên các mạng xã hội bạn đang dùng tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo ảnh chức năng cho bài viết WordPress.

Tạo ảnh chức năng cho bài viết WordPress

Như mình đã nói ở trên một số giao diện không xuất hiện tính năng tạo hình ảnh chức năng cho bài viết hoặc bạn muốn tự động lấy hình ảnh làm ảnh chức năng cho bài viết hay bạn muốn mặc định ảnh chức năng cho bài viết thì phải làm sao? Hãy cùng blog thủ thuật tìm hiểu cách sử dụng và tùy chỉnh ảnh chức năng cho bài viết WordPress!

Đầu tiên để tạo hình ảnh đại diện cho bài viết trong WordPress, nếu giao diện được tích hợp sẵn khi bạn viết bài viết mới bạn sẽ thấy xuất hiện ở cột phía bên phải. Chỉ cần Kích vào “Chọn ảnh tiêu biểu” và sau đó chọn hình ảnh từ thư viện hình ảnh là được (nếu bạn không thấy có thể vào nút “Tùy chọn hiển thị” và tích chọn là được)

Tuy nhiên khi vào “Tùy chọn hiển thị” bạn không thấy tính năng này vậy thì phải làm sao? Trường hợp này giao diện của bạn chưa tích hợp tính năng “ảnh đại diện” vậy để kích hoạt tính năng này phải thực hiện như thế nào? Rất đơn giản bạn chỉ cần thực hiện như sau?

Đầu tiên hãy truy cập vào tập tin Functions.php của giao diện đang sử dụng (nếu chưa biết truy cập vào tập tin này bạn có thể tham khảo bài viết cách sửa giao diện, plugin WordPress không cần FTP) sau đó dán đoạn code sau vào trước thẻ đóng ?> là được.

add_theme_support( ‘post-thumbnails’ );

Sau khi thêm câu lệnh trên vào tập tin Functions.php lúc này bạn sẽ thấy xuất hiện chức năng “ảnh đại diện” cho bài viết trong WordPress!

Thêm ảnh chức năng tự động

Nếu bạn cảm thấy công việc thêm ảnh chức năng cho bài viết mất thời gian thì bạn có thể sử dụng đoạn mã sau và dán trực tiếp vào trước thẻ ?> của tập tin Functions.php của giao diện đang sử dụng là được.

add_action( 'save_post', 'it60s_set_featured_image' );
function it60s_set_featured_image() {
    if ( ! isset( $GLOBALS['post']->ID ) )
        return NULL;        
    if ( has_post_thumbnail( get_the_ID() ) )
        return NULL;            
        $args = array(
            'numberposts'    => 1,
            'order'          => 'ASC', // DESC for the last image
            'post_mime_type' => 'image',
            'post_parent'    => get_the_ID(),
            'post_status'    => NULL,
            'post_type'      => 'attachment'
        );          
        $attached_image = get_children( $args );
        if ( $attached_image ) {
            foreach ( $attached_image as $attachment_id => $attachment )
                set_post_thumbnail( get_the_ID(), $attachment_id );
        }           
}

Với đoạn mã trên nó sẽ tự động lấy ảnh đại diện cho bài viết khi bạn đăng bài viết xong. Mặc định nó sẽ lấy hình ảnh đầu tiên làm hình ảnh đại diện.

Thêm ảnh chức năng mặc định

Nếu trước trong các bài viết không có “ảnh chức năng” cho bài viết đoạn mã sau sẽ giúp bạn tạo ra hình ảnh thumbnail mặc định cho các bài viết không có feature image. Sao chép đoạn mã bên dưới và dán vào trước thẻ đóng ?> của tập tin Functions.php của giao diện đang dùng.

add_filter( 'post_thumbnail_html', 'it60s_post_thumbnail' );
function it60s_post_thumbnail( $html ) {
    if ( empty( $html ) )
        $html = '<img src="' . trailingslashit( get_stylesheet_directory_uri()) . 
                 'images/default-thumbnail.png' . '" alt="" />';
    return $html;
}

Ở đây bạn cần phải tạo thư mục images và trong thư mục này phải có file hình ảnh là default-thumbnail.png!

Sử dụng Plugin tự động

Nếu bạn cảm thấy không tự tin cho việc tùy chỉnh bằng mã lệnh có một cách nhanh nhất đó là bạn hãy cài đặt Plugin Auto post thumbnail với Plugin này các hình ảnh chức năng trong bài viết sẽ trở nên rất dễ dàng và tự động, chỉ cần cài đặt kích hoạt và sử dụng.

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Trong bài viết về thủ thuật WordPress trước đây mình có hướng dẫn các bạn cách tạo liên kết bình luận mở ra trang mới trong wordpress không sử dụng Plugin tuy nhiên với phương pháp này bạn làm rất nhiều công đoạn và việc xác định đoạn code để tùy chỉnh có phần phức tạp bên cạnh đó một số giao diện không có các tập tin chức năng như trong hướng dẫn vì vậy gây khó khăn trong việc tùy chỉnh?

Cách mở liên kết ra trang mới đơn giản trong WordPress

Như vậy, nếu bạn cảm thấy quá khó khăn trong việc xác định các tập tin, các đoạn mã để thay đổi tính năng mở ra trang mới của liên kết? Để đơn giản trong việc tùy chỉnh chức năng mở liên kết ra trang mới trong WordPress thì phải làm sao? Hãy cùng blog thủ thuật tìm hiểu cách mở liên kết ra trang mới đơn giản trong WordPress.

Mở liên kết bình luận ra trang mới

Đầu tiên bạn đăng nhập vào trang quản trị WordPress > Vào Menu Giao diện > Kích chọn Sửa. Sau đó tìm tập tin Functions.php và dán đoạn code sau vào trước thẻ đóng ?> là được!

// ADD TARGET BLANK TO LINKS FROM COMMENT MESSAGE
add_filter( "comment_text", "filter_comment_content" );
function filter_comment_content( $comment_content ){
    return str_replace( "<a ", "<a target='_blank' ", $comment_content );
}

Sau đó lưu lại ra ngoài trang chủ chọn một bình luận nào đó và Kích chọn vào liên kết thử xem sao?

Mở liên kết tên tác giả ra trang mới

Nếu bạn muốn khi ai đó kích liên kết trên tác giả sẽ hiện ra trang mới thì bạn cũng thực hiện giống như mở liên kết bình luận ra trang mới và thêm đoạn code sau vào tập tin Functions.php trước thẻ đóng ?> là được.

// ADD TARGET BLANK TO AUTHOR NAME IN COMMENTS
add_filter( "get_comment_author_link", "change_comment_author_link" );
function change_comment_author_link( $author_link ){
    return str_replace( "<a ", "<a target='_blank' ", $author_link );
}

Về cơ bản hai đoạn code trên giống nhau. Sự khác biệt duy nhất đó là thay đổi tham số “get_comment_author_link“.

Mở tất cả các liên kết ra trang mới

Nếu bạn muốn tất cả các liên kết trong mã nguồn WordPress (bao gồm cả liên kết nội bộ) đều mở ra trang mới khi kích chọn thì hãy thực hiện bằng cách bạn cũng vào Menu Giao diện > Kích chọn Sửa. Sau đó tìm tập tin header.php và kích chọn sau đó dán đoạn mã bên dưới vào trong thẻ <head> là được.

<base target="_blank" />

Cuối cùng hãy lưu lại và ra ngoài trang chủ kiểm nghiệm kết quả!

Mở toàn bộ liên kết ngoài ra trang mới

Nếu bạn muốn tất cả các liên kết ngoài trong mã nguồn WordPress (không bao gồm cả liên kết nội bộ) đều mở ra trang mới thì hãy tham khảo bài viết chi tiết về kích vào liên kết ngoài mở ra trang mới trong WordPress.

• Cách đếm lượt xem bài viết trong theme Genesis chuẩn nhất
• Cách loại bỏ Malware và Virus cho trang Web WordPress
• Kích vào liên kết ngoài mở ra trang mới trong WordPress
• Cách thêm hình ảnh, video, nhạc … vào wordpress
• Cách chia sẻ bài viết lên mạng xã hội bằng Plugin trong WordPress

Sử dụng Plugin để tùy chỉnh

Có rất nhiều Plugin giúp bạn mở liên kết ra trang mới đơn giản trong WordPress, mình xin giới thiệu Plugin Easy External Links với plugin này chỉ cần cài đặt và kích hoạt là bạn có thể sử dụng với các tính năng tùy chỉnh khá đơn giản như thêm thuộc tính target=”_blank” vào bình luận hay tập tin đính kèm… và còn nhiều tính năng bạn có thể khám phá trong quá trình sử dụng!

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!

Vì thế khi khách truy cập vào website của bạn thì nguồn lưu lượng truy cập này sẽ không được tính trên địa chỉ mới ngoài ra việc liên kết đến địa chỉ cũ sẽ gây ra lỗi không tìm thấy nếu tên miền cũ của bạn không còn hoạt động – Vậy vấn đề đặt ra ở đây là làm sao chuyển hết liên kết bạn đầu thành liên kết với tên miền mới? Hãy cùng blog thủ thuật tìm hiểu cách chuyển toàn bộ liên kết cũ trong cơ sở dữ liệu sang liên kết với tên miền mới!

Cách thay đổi liên kết cũ thành liên kết mới trên wordpress

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách hiển thị Slide Logo của các đối tác trên WordPress đơn giản giúp bạn có thể quảng bá các đối tác của trang Web một cách chuyên nghiệp, tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách thay đổi liên kết cũ thành liên kết mới trên wordpress.

Công việc này bạn có thể thực hiện thủ công bằng cách truy cập trực tiếp vào Cơ sở dữ liệu và dùng câu lệnh SQL để chuyển đổi thành tên miền mới, tuy nhiên nó không mấy chắc chắn và có thể xảy ra lỗi để giải quyết trường hợp này bạn có thể sử dụng Plugin Velvet Blues Update URLs, Plugin này sẽ giúp bạn thay đổi url cũ và các liên kết trong trang web một cách nhanh chóng!

Các tính năng chính

Bạn có thể tùy chọn cập nhật các liên kết tùy thích (bài viết, trang, hình ảnh…)

Có thể tùy chọn để cập nhật các liên kết cho file đính kèm

Xem có bao nhiêu URL đã được cập nhật…

Đầu tiên để sử dụng Plugin bạn có thể tải về theo liên kết bên dưới

https://wordpress.org/plugins/velvet-blues-update-urls/

Sau khi tải về xong bạn tiến hành cài đặt Plugin bằng tay hoặc bạn có thể cài tự động tùy thích – Nếu bạn còn thắc mắc về các cách cài Plugin xin hãy đọc hướng dẫn cài đặt Plugin wordpress! Sau khi cài đặt và kích hoạt thành công bạn sẽ thấy xuất hiện thêm một Menu có tên Update URLs trong Menu Công cụ.

Kích vô Menu Update URLs để tiến hành thay đổi URL cũ > Việc thay đổi URL cũ sang URL mới tương đối đơn giản > Bạn chỉ cần nhập vào địa chỉ cũ của bạn vào ô Old URL và địa chỉ mới vào New URL sau đó kích chọn các tùy chọn như hình bên dưới > Nhấn Update URLs NOW là xong!

Sau đó một bảng thống kê sẽ cho bạn biết bao nhiêu liên kết được thay đổi thành liên kết mới!

Kể từ bây giờ trở đi các liên kết trong cơ sở dữ liệu của bạn đã được chuyển sang liên kết với tên miền mới rồi đấy, và tất cả các lưu lượng sẽ được tính vào tên miền mới này – Quá đơn giản phải không?

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!