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 chỉnh sửa lỗi khi Rich Snippets từ WordPress
• Cách cải thiện tốc độ tải trang web bằng plugin đơn giản nhất
• Code các kiểu mở liên kết ra trang mới WordPress
• Tối ưu Database WordPress bằng cách tối ưu bảng Wp_Options
• Bắt buộc phải có hình ảnh “thumbnail” cho bài viết 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.

• Sửa lỗi “Is its parent directory writable by the server” WordPress
• Một số mẹo sửa lỗi 404 WordPress hiệu quả
• Hiển thị nhạc trên widget chuyên nghiệp dành cho wordpress
• Mẹo tự động canh giữa hình ảnh bài viết trong WordPress
• 5 Plugin chia sẻ mạng xã hội tốt nhất cho WordPress

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 hạ cấp phiên bản WordPress an toàn nhất
• Cách làm nổi bật các bình luận trong WordPress bằng code
• Cách kiểm tra website của bạn có thân thiện với di động
• Cách thêm các nút mạng xã hội chuyên nghiệp cho wordpress
• Code các kiểu mở liên kết ra trang mới WordPress

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 nén hình ảnh tối ưu hóa website trong WordPress đơn giản
• Cách tối ưu mã nguồn WordPress với WP-Optimize đơn giản nhất
• Cách tùy chỉnh Post Info cho giao diện Genesis chuyên nghiệp
• Tăng tương tác với các nút chia sẻ siêu đơn giản
• Cách chèn từ khóa tự động vào bài viết WordPress bằng code

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

• Danh sách Ping list tốt nhất cho WordPress cập nhật liên tục
• Cách tăng tốc WordPress bằng cách sử dụng WP Super Cache
• Tự động thêm bài viết liên quan vào nội dung trong WordPress
• Công cụ tìm kiếm gợi ý theo từ khóa trên WordPress
• Cách tích hợp công cụ Disqus comment WP không Plugin

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.

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 bảo mật hai lớp cho WordPress một cách đơn giản nhất
• WordPress Plugins bạn có biết cài đặt và sử dụng?
• Cách sửa lỗi “Establishing a Database Connection” trong WordPress
• Cách vô hiệu trường Website trong Form bình luận WordPress
• Cách nâng điểm Google PageSpeed ​​Insights và GTmetrix

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.

• 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
• Top 5 plugin WordPress Cache miễn phí tốt nhất
• Cách tạo Facebook Like Box cho WordPress
• Cách chèn từ khóa vào bài viết WordPress tự động
• Cách tạo hiệu ứng phóng to ảnh khi kích chọn đơn giản

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!

Tại sao phải thêm chú thích vào bài viết?

Trong một bài viết sẽ có những từ ngữ khiến người dùng khó hiểu hoặc không hiểu nội dung? tuy nhiên bạn không thể giải thích những từ đó bằng cách đưa ra “hàng đống” lời giải thích, nó sẽ gây loãng bài viết chính của bạn? chính vì vậy việc bạn tạo một chú thích nho nhỏ bên cụm từ đó và khi người dùng rê chuột vào chú thích đó nó sẽ hiện nội dung giải thích lên, điều này giúp bài viết của bạn chuyên nghiệp hơn và nội dung chính được người dùng chăm chú hơn.

Bạn có thể xem một ví dụ về chú thích hình bên dưới.

Trong hướng dẫn này mình sẽ hướng dẫn các bạn cách để tạo ghi chú trong bài viết WordPress với 2 phương pháp thông dụng hiện nay đó là: dùng trình chỉnh sửa Gutenberg hoặc dùng Plugin.

Thêm chú thích vào bài viết WordPress

Mỗi phương pháp sẽ có nhưng ưu điểm và hạn chế riêng? tùy theo nhu cầu của bạn bạn có thể sử dụng 2 phương pháp dưới đây để tạo chú thích cho bài viết của mình.

Sử dụng trình chỉnh sửa Gutenberg

Khi bạn dùng phương pháp này nó sẽ tạo 1 chú thích ở cuối trang bài viết bạn chỉ cần kích vào phần ghi chú tương ứng nó sẽ dẫn bạn đến phần chú thích ở cuối chân trang.

Để thực hiện tính năng này bạn chỉ cần tạo một bài viết bằng trình soạn thảo Gutenberg, sau đó bạn hãy đánh dầu vào từ hoặc cụm từ mà bạn muốn đặt chú thích.

Lúc này, bạn sẽ được chuyển xuống phần cuối bài viết lúc này bạn có thể thêm phần chú thích cho nội dung của mình. Và bạn có thể lặp lại các thao tác này để thêm các chú thích khác nếu cần

Đối với phương pháp này bạn không cần sử dụng Plugin bên ngoài nhưng vẫn đạt được mục tiêu, tuy nhiên các chú thích được đặt cuối trang, mỗi lần đọc chú thích bạn phải quay lại mục tiêu ban đầu điều này khá bất tiện, bạn không thể theo dõi nội dung một cách xuyên suốt.

Để khắc phục nhược điểm này bạn có thể sử dụng phương pháp bên dưới.

Thêm chú thích bằng Plugin

Với phương pháp này bạn sẽ có khá nhiều tùy chọn để tùy biến khối chú thích của mình. Điều đầu tiên là bạn cần cài đặt và kích hoạt Plugin Modern Footnotes nó hoàn toàn miễn phí.

Sau khi cài đặt và kích hoạt Plugin bạn hãy vào Settings > Modern Footnotes và hãy thực hiện cấu hình sau.

“Desktop footnote behavior”: Cho phép bạn chọn cách hoạt động của chú thích, bạn có thể chọn chú thích được xem ở cuối trang hoặc chú thích xuất hiện khi con trỏ chuột di chuyển qua phần chú giải hoặc khi người dùng nhấp vào phần chú giải.

Ngoài ra bạn còn có các cài đặt khác nhưng bạn sẽ không phải làm nhiều. Có ba lựa chọn gồm: Hiển thị chú thích cuối trang mở rộng, thêm CSS tùy chỉnh (điều này giúp phù hợp với thiết kế trang web của bạn) và tạo mã ngắn tùy chỉnh.

Trên thực tế, hầu hết người dùng có thể bỏ qua phần này nhưng tôi muốn chỉ ra rằng nó tồn tại trong trường hợp bạn cần thực hiện thay đổi.

Có hai cách để thêm chú thích cuối trang. Một là dùng shortcode, thêm chú thích bằng công cụ có sẵn.

Để thêm chú thích bằng shortcode đầu tiên bạn tìm câu muốn chèn chú thích cuối trang. Sau đó, ngay bên cạnh câu đó, nhập mã ngắn sau:

Đảm bảo thay thế văn bản giữa các dấu ngoặc bằng thông tin của bạn.

Bạn nên đặt mã ngắn trong cùng một khối với câu, ngay bên cạnh văn bản, không có khoảng cách ở giữa, giống như trong ví dụ bên dưới. Nếu không, chú thích cuối trang có thể trông như bị ngắt kết nối với văn bản.

Phương pháp khác là bạn có thể sử dụng công cụ có sẵn được tích hợp trên công soạn thảo khi bạn cài đặt Plugin để sử dụng phương pháp này bạn chỉ cần bôi đen đoạn văn bản sau đó kích vào công cụ soạn thảo và chọn “Add a Footnote.” là được.

Kết luận

Với hai phương pháp trên giúp bạn có thể tạo được chú thích trong bài viết WordPress một cách chuyên nghiệp rồi đấy, tùy theo nhu cầu cũng như mục đích sử dụng mà bạn có thể lựa chọn phương pháp phù hợp với yêu cầu của mình. Chúc bạn thành công.

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

[icon name=”plus” prefix=”fas”] Tính năng “sticky post” là gì?

Là một tính năng giúp người quản trị Website có thể đưa bài viết nào đó lên đầu tiên nhằm tạo sự chú ý cho người dùng nó rất thích hợp cho việc bạn muốn quảng bá sản phẩm, dịch vụ hay một thủ thuật hay mà người đọc cần quan tâm! Nếu bạn là một tín đồ của WordPress thì tính năng này chắc chắn đã dùng qua, tuy nhiên blog thủ thuật cũng xin phép giới thiệu và cách sử dụng tính năng cực kỳ hay và hấp dẫn nhằm quảng bá bài viết quan trọng một cách tốt nhất!

[icon name=”plus” prefix=”fas”] Đưa bài viết trong WordPress ở đầu tiên

Như đã nói bên trên tính năng này được gọi là “sticky post” được tích hợp sẵn trong WordPress chính vì thế bạn sẽ không cần cài đặt một thành phần mở rộng (Plugin) nào cả và nó được tìm thấy trong trình soạn thảo bài viết của WordPress bằng cách vào thuộc tính “Public” (Đăng bài viết) > trong mục “Visibility” (Chìa khóa chung).

Để sử dụng tính năng này bạn hãy kích vào chữ “Edit” (Chỉnh sửa) trong mục “Visibility: Public” (Chìa khóa chung – Public Key”) tích chọn vào thuộc tính “Stick this post to the front page” (Dán bài viết này lên trang nhất) > Nhấn OK là xong!

Sau khi bạn “Public” (Đăng bài viết) bài viết này nó sẽ tự động được chuyển lên vị trí đầu tiên trên trang chủ và nằm cố định ở đó, để vô hiệu bạn chỉ cần vào chỉnh sửa bài viết và tích bỏ thuộc tính “Stick this post to the front page” (Dán bài viết này lên trang nhất) > Nhấn OK là xong!

[icon name=”plus” prefix=”fas”] Có thể bạn sẽ thích?

• 5 Plugin chia sẻ mạng xã hội tốt nhất
• Thêm mục lục trong WordPress không dùng Plugin
• Sửa lỗi làm mới và chuyển hướng trang đăng nhập

[icon name=”plus” prefix=”fas”] Cách làm nổi bật sticky

Mỗi theme sẽ hiển thị “sticky” khác nhau, tuy nhiên bạn có thể thay đổi màu sắc và thiết kế lại “sticky” bằng cách vào tập tin Style.css của theme > nhấn CTRL + F để mở công cụ tìm kiếm của trình duyệt > Sau đó gõ chữ “Sticky” vào ô tìm kiếm và nhấn Enter lúc này bạn sẽ xác định được các thuộc tính của “Sticky” và tùy chỉnh theo ý thích!

Hoặc bạn muốn tạo cho sticky post một phong cách riêng biệt, khiến nó trở nên nổi bật giữa những bài viết bình thường khác? Hãy truy cập Appearance > Customize > Additional CSS, paste đoạn code dưới đây vào trong và lưu lại.

.sticky {background: #edf8ff; border: 2px solid #d5dbe2;}

Sau khi thực hiện xong bạn sẽ có một “Sticky” theo phong cách của riêng mình! bạn có thể chỉnh lại màu sắc mong muốn theo đoạn mã bên trên.

Quá đơn giản để bạn làm nổi bật một bài viết và đưa bài viết đó lên đầu trong WordPress phải không?

Ngoài ra để quản lý các Sticky Post dễ hơn thì bạn cũng có thể sử dụng Plugin Sticky Post, Plugin này thêm một cột mới vào cột quản trị bài đăng, cho phép bạn dễ dàng đánh dấu một bài đăng để làm nổi bật một bài viết.

[icon name=”plus” prefix=”fas”] Kết luận

Có rất nhiều cách để bạn có thể làm nổi bật một bài viết nào đó? tuy nhiên với sticky post nó sẽ giúp bạn làm nổi bật một bài viết nào đó và đưa nó lên đầu tiên ở trang chủ một cách dễ dàng nhất điều này sẽ giúp bài viết đó được độc giả chú ý hơn, từ đó thu hút được lượt truy cập vào bài viết. Bạn cảm thấy tính năng sticky post như thế nào? hãy để lại cảm nhận của bạn bên dưới nhé.

5 theme WordPress cực đẹp cho bạn thiết kế blog 2015

Syntax sự đơn giản và đẹp

Syntax là một theme thích hợp cho blog nó được tối ưu hóa code với thiết kế đơn giản nhưng đẹp, ban đầu nó được tạo ra trên WordPress.com. Với thiết kế một cột nội dung trung tâm với một menu không gây khó chịu có thể trượt ra từ phía bên của trang. Nếu bạn thích sự đơn giản thì đây là một theme xứng đáng để bạn sử dụng.

Tải theme tại đây || DEMO

Fullby phong cách mạnh mẽ

Fullby là một theme được xây dựng với Bootstrap vì thế nó đáp ứng hầu hết nhu cầu của bạn trên các thiết bị và trình duyệt. Với thiết kế phong cách, các hiệu ứng trượt mượt mà. Nó thích hợp xây dựng các trang tin tức và blog cá nhân …

Tải theme tại đây || DEMO

Kirumo thân thiện và đơn giản

Kirumo là một theme miễn phí trên WordPress.org. Nó là một theme blog di động thân thiện và đơn giản với sự hỗ trợ cho tất cả các định dạng bài. Với cách bố trí mang phong cách đơn giản sẽ tạo cho người đọc một cái nhìn thân thiện nhất.

Tải theme tại đây || DEMO

Progeny MMXIV bản tình ca

Progeny MMXIV là một theme đẹp nó được xây dựng tập trung vào các trang dành cho âm nhạc, video, hình ảnh… Với thiết kế mang phong cách riêng biệt sẽ tạo một ấn tượng mạnh cho người dùng.

Tải theme tại đây || DEMO

Blogly Lite sự lịch sự trang nhã

Blogly Lite là một theme miễn phí với thiết kế lịch sự, trang nhã. Nó hỗ trợ cho các biểu tượng và các định dạng FontAwesome bài viết. Tất cả các tùy chọn cho chủ đề này được tìm thấy trong bảng điều khiển của theme.

Tải theme tại đây || DEMO

Như vậy với các theme trên, hy vọng bạn sẽ tìm được một theme mà bạn ưng ý nhất.

Quan trọng!

Các bạn hãy đón đọc một số theme trong chuyên mục có thể bạn sẽ tìm thấy theme mà bạn muốn.

Trong bài trước mình có hướng dẫn các bạn cách thay đổi thư mục chứa ảnh trên WordPress giúp bạn có thể dễ dàng thay đổi thư mục chứa ảnh mặc định của WordPress sang thư mục ảnh khác khi thư mục ảnh mặc định đã quá nhiều, 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ị nhạc trên Widget cho WordPress!

Hiển thị nhạc trên widget chuyên nghiệp dành cho wordpress

Để tạo một phong cách riêng cho giao diện phát nhạc trên widget trong WordPress của bạn có một cách đơn giản đó là bạn có thể sử dụng Plugin Simple Music Widget. Plugin Simple Music Widget sẽ tạo ra một widget có thể được sử dụng để hiển thị một máy nghe nhạc bao gồm tên nghệ sĩ, bài hát, album và một ảnh bìa. Người sử dụng cũng có thể thêm một mô tả ngắn về bài hát, hãy cùng blog thủ thuật tìm hiểu cách hiển thị nhạc trên Widget cho WordPress!

Bạn có thể tiến hành cài đặt bằng tay bằng cách tải Plugin Simple Music Widget, sau đó bạn vào Gói mở rộng (Plugins) > cài Plugin mới (Add New) > sau đó bạn chọn tải lên (Upload). Hoặc cách đơn giản nhất là bạn vào Gói mở rộng (Plugins) > cài Plugin mới (Add New) > sau đó bạn gõ Simple Music Widget > sau đó tiến hành cài đặt

Sau khi cài đặt xong bạn tiến hành kích hoạt Plugin

Khi bạn kích hoạt thành công bạn không cần cài đặt gì cả vì Plugin hiển thị ở dạng Widget. Tiếp tục bạn vào Menu Giao diện > Chọn Widget lúc này bạn sẽ thấy xuất hiện Widget có tên là Simple Music Widget

Tiếp tục bạn kéo Widget này và thả vào Sidebar mà bạn muốn hiển thị là được

Hãy cấu hình các thuộc tính của Widget như sau

Title: Tên của bài hát

Artist: Tên nhạc sỹ sáng tác

Song: Tên ca sỹ thể hiện bài hát

Album: Album của bài hát

Cover Photo: Đường dẫn hình ảnh

Direct URL: File nhạc đuôi .mp3 nhé – Bạn có thể lấy từ trang zing, nhaccuatui chẳng hạn.

Description: Mô tả bài hát.

Sau khi bạn điền các thông tin xong nhấn Lưu thay đổi để cập nhật. Dưới đây là một ví dụ

Cái này mình lấy Link hình và Link nhạc ở zing mp3 > Sau khi cài đặt xong bạn quay tra ngoài trang chủ sẽ thấy một khung nhạc rất là đẹp và chuyên nghiệp.

Như vậy là xong rồi đấy. Với vài thao tác cơ bản, bạn đã tạo cho trang blog của bạn một trình phát nhạc nhỏ gọn ngay trên trang Web của bạn với một phong cách riêng rồi đấy.

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 khắc phục lỗi “The uploaded file exceeds” khi cài Plugin và theme giúp bạn có thể sửa lỗi tải theme và Plugin lên mã nguồn WordPress (trường hợp này chỉ xảy ra đối với các hosting có dung lượng thấp hoặc hosting miễn phí) tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách nhúng video youtube vào bài viết wordpress không dùng plugin.

Nhúng video youtube vào bài viết wordpress

Vậy để nhúng Video Youtube vào bài viết WordPress phải thực hiện như thế nào? Có thể nói công việc này khá đơn giản đối với những ai đã quá quen với mã nguồn WordPress tuy nhiên nếu bạn là người mới “nhập môn” thì có thể đây là bài viết có ích cho bạn. Hãy cùng blog thủ thuật tìm hiểu cách nhúng video youtube vào bài viết wordpress không dùng plugin. Đầu tiên bạn cần vào Menu Bài viết > Viết bài mới

Giao diện viết bài xuất hiện bạn tiến hành đặt tiêu đề cho bài viết (ví dụ ở đây tôi đặt là Nhạc hay tuyển chọn 2015)

Sau khi đặt tiêu đề xong bạn có thể viết nội dung hoặc bạn không viết cũng được sau đó bạn vào trang Youtube tìm một Video nào đó liên quan đến nội dung.

Sau đó bạn kéo xuống phía dưới khung phát video Kích chọn vào Chia sẻ.

Tiếp tục bạn chọn sang thuộc tính là “nhúng” lúc này bạn sẽ thấy xuất hiện một đoạn code iframe.

Đoạn code có nội dung như sau

<iframe width="560" height="315" src="https://www.youtube.com/embed/91ujuqVSUaY" frameborder="0" allowfullscreen></iframe>

Chú ý: Bạn copy đoạn code này và quay trở lại bài viết wordpress của bạn và dán vô bài viết WordPress là được. Ở đây có 2 thông số quan trọng bạn nên chú ý

Width: Nghĩa là độ rộng của khung phát Video tùy theo giao diện bạn sử dụng và tùy chỉnh cho thích hợp nhé

Height: Nghĩa là độ cao của khung phát Video tùy theo giao diện bạn sử dụng và tùy chỉnh cho thích hợp nhé

Bạn trở vào bài viết wordpress và trong khung soạn thảo bài viết bạn chọn sang thẻ Văn bản, sau đó bạn dán đoạn code bạn vừa copy vào khung soạn thảo (Tùy chỉnh độ rộng, cao cho phù hợp với giao diện của bạn), tiếp tục bạn chọn Chuyên mục tương ứng và cuối cùng Kích chọn “Đăng bài viết”.

Như vậy là bạn đã nhúng video từ youtube vào bài viết wordpress thành công rồi đấy và bạn trở ra ngoài trang chủ và kích chọn vào nội dung bạn vừa mới đăng xem thế nào?

Quá đơn giản để bạn có thể nhúng video youtube vào bài viết wordpress không dùng plugin phải không? Hy vọng bài viết sẽ có ích cho bạ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 thêm Gravatar vào Post Info trong giao diện Genesis giúp Post Info của trang Web trở nên chuyên nghiệp hơ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 tích hợp các hệ thống bình luận cho wordpress.

Cách tích hợp các hệ thống bình luận cho wordpress

Với comments evolved (trước đây là Google+ cho WordPress) và bây giờ là Evolved làm cho phần bình luận của bạn hiển thị theo dạng tab bạn có thể bổ sung thêm tab như G +, Facebook, Disqus, WordPress Comments, và Trackbacks. Nếu một người dùng được yêu cầu để tạo một tài khoản với trang web của bạn trước khi họ có thể bình luận thì điều này làm cho họ cảm thấy bất tiện, tuy nhiên đối với Evolved bạn sẽ cảm thấy rất thuận tiện vì bạn có thể sử dụng các tài khoản mạng xã hội khác nhau để thực hiện bình luận.

Giống như mọi Plugin khác đầu tiên bạn cần cài đặt Plugin và kích hoạt nó để sử dụng (tham khảo bài viết hướng dẫn cài đặt Plugin WordPress với các phương pháp rất đơn giản). Sau khi kích hoạt vào Menu Cài đặt lúc này bạn sẽ thấy xuất hiện một Menu có tên là Comments Evolved. Kích vào Menu Comments Evolved để tiến hành cài đặt hiển thị.

Giao diện của Plugin khá là đơn giản

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

Tab Order: Nếu bạn muốn hệ thống bình luận nào xuất hiện bạn chỉ cần gõ từ hệ thống bình luận tương ứng là được và ngăn cách chúng bằng các dấu “,” (phẩy).

Possible Values: Các hệ thống bình luận bạn có thể sử dụng bao gồm các hệ thống bình luận sau: gplus, facebook, livefyre, disqus, wordpress, trackback.

Default Value: Các hệ thống bình luận khi bạn mới cài Plugin mặc định có 3: gplus, facebook, wordpress.

Disqus Shortname: Tên Shortname của hệ thống bình luận Disqus.

Livefyre SiteID: ID của hệ thống bình luận Livefyre.

Các label của hệ thống bình luận – Nếu bạn muốn hiển thị tiêu đề bình luận khác mặc định.

Chú ý: Nếu bạn muốn hệ thống bình luận nào hiển thị đầu tiên bạn chỉ cần trong phần Tab Order: Bạn đưa từ khóa của hệ thống bình luận đó lên đầu tiên là được.

Và đây là kết quả khi sử dụng Plugin.

Thật tuyệt vời phải không nào! Hy vọng bạn sẽ cảm thấy thích thú với hệ thống bình luận đa năng và hoàn toàn miễn phí, quá đơn giản để bạn có thể tích hợp các hệ thống bình luận cho trang Web 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!

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 làm sạch các thành phần trong WordPress giúp trang Web của bạn chạy nhanh hơ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 tắt, mở tính năng tự động cập nhật cho wordpress giúp bạn có thể quản lý tốt hơn các hoạt động trong trang Web.

Cách tắt, mở tính năng tự động cập nhật cho wordpress

Theo mình nếu bạn cảm thấy blog của mình tương đối ổn định mình khuyên bạn nên tắt tính năng cập nhật tự động, nếu bạn muốn sử dụng thì bạn phải nhớ rằng một điều hãy sao lưu dữ liệu của bạn thường xuyên. Trong bài này mình sẽ hướng dẫn các bạn quản lý tính năng này một cách hiệu quả và tối ưu. Để can thiệp vào tính năng này bạn cần thay đổi một vài thông số của file wp-config.php nằm trong thư mục web của bạn.

Kích hoạt tính năng tự động cập nhật cho wordpress

Giả sử nếu bạn muốn phiên bản wordpress từ (4.6 lên 4.7) thì bạn cần sao chép câu lệnh sau đây và dán vào file wp-config.php là được.

define('WP_AUTO_UPDATE_CORE', true);

Lưu ý: Đối với tính năng tự động cập nhật phiên bản cho wordpress bạn phải sao lưu dữ liệu thường xuyên nhé, không thì công sức của bạn sẽ đi tong ấy.

Kích hoạt tính năng tự động cập nhật Plugin

Nghĩa là khi một Plugin nào trong danh sách của bạn có phiên bản mới hơn thì nó sẽ tự động cập nhật các Plugin phiên bản mới này cho bạn, tương tự bạn cũng dùng đoạn code sau và dán vào file wp-config.php là được.

add_filter( 'auto_update_plugin', '__return_true' );

Kích hoạt tính năng tự động cập nhật giao diện

Tức là khi giao diện bạn đang dùng có phiên bản mới thì nó sẽ tự động cập nhật cho bạn. Tuy nhiên đối với tính năng này mình khuyến khích các bạn không nên bật tự động vì khi cập nhật giao diện các cài đặt của bạn sẽ được đưa về ban đầu và bạn phải cài đặt lại. Còn nếu bạn muốn bạn cũng có thể dùng đoạn code sau và dán vào file wp-config.php là được.

add_filter( 'auto_update_theme', '__return_true' );

Chú ý rằng: Theme chỉ được cập nhật khi giao diện bạn đang sử dụng có trên WordPress.org.

Ngoài ra bạn có thể kết hợp các kiểu kích hoạt trên bằng cách thay từ True thành False. Ví dụ mình muốn tắt chế độ cập nhật phiên bản cho wordpress và bật tính năng tự động cập nhật Plugin và Theme thì đoạn code sẽ có dạng như sau.

define( 'WP_AUTO_UPDATE_CORE', false );
add_filter( 'auto_update_plugin', '__return_true' );
add_filter( 'auto_update_theme', '__return_true' );

Nếu bạn muốn tắt hoàn toàn các tính năng update của wordpress bạn có thể sử dụng câu lệnh sau và dán vào file wp-config.php là được.

define( 'AUTOMATIC_UPDATER_DISABLED', true );

Lưu ý: Khi bạn dùng câu lệnh này nghĩa là các câu lệnh trên sẽ không hoạt động. Như vậy với các câu lệnh trên bạn có thể kiểm soát được tính năng tự động cập nhật cho blog wordpress của bạn rồi đấy.

Tắt thông báo cập nhật Plugin

<?php
remove_action( 'load-update-core.php', 'wp_update_plugins' );
add_filter( 'pre_site_transient_update_plugins', create_function( '$a', "return null;" ) );
?>

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 vô hiệu hóa tính năng chèn biểu tượng cảm xúc trong wordpress giúp bạn có thể ngăn chặn thêm biểu tượng cảm xúc vào trong bình luận hay bài viết nhằm cải thiện tốc độ trang Web, tiếp tục trong bài viết này mình sẽ hướng dẫn cách tạo đánh giá cho bài viết trong WordPress đơn giản nhất!

Tạo đánh giá cho bài viết trong WordPress

Để tạo đánh giá cho bài viết trong WordPress cách đơn giản nhất là dùng Plugin với Plugin Yet Another Stars Rating bạn có thể làm cho nhận xét của bạn trở nên nổi bật hơn cho phép người truy cập để bỏ phiếu, và đánh giá. Điểm đánh giá hoặc xếp hạng của khách sẽ được lập chỉ mục cho công cụ tìm kiếm. Khi bạn tạo hoặc cập nhật một trang hoặc một bài viết, một hộp “Metabox” sẽ có sẵn ở góc trên bên phải, nơi bạn sẽ có thể chèn các đánh giá tổng thể. Hãy cùng blog thủ thuật tìm hiểu cách tạo đánh giá cho bài viết trong WordPress.

Đầu tiên hãy tiến hành cài đặt Plugin bằng tay bằng cách tải Plugin Yet Another Stars Rating, Sau đó bạn vào Gói mở rộng (Plugins) > cài Plugin mới (Add New) > sau đó bạn chọn tải lên (Upload) (hoặc cách đơn giản nhất là bạn vào Gói mở rộng (Plugins) > cài Plugin mới (Add New) > sau đó bạn gõ Yet Another Stars Rating sau đó tiến hành cài đặt)

Sau khi cài đặt xong bạn kích hoạt plugin

Sau khi kích hoạt bạn sẽ thấy xuất hiện một Menu có tên là Yet Another Stars Rating: Settings trong Menu Cài đặt

Bạn Kích vào và tiến hành Cài đặt các thông số cho Plugin

Giao diện của Plugin có 4 tab chính, Ở đây bạn chỉ cần quan tâm “tab General Settings”

Tab General Settings với các thông số sau đây!

Use Auto Insert: Tức là tự động chèn đánh giá vào bài viết có 2 lựa chọn cho bạn.

What: (hình thức đánh giá) Có 3 sự lựa chọn

Where: Hiển thị đánh giá ở đầu bài viết hay cuối bài viết (Before: Đầu, After: Cuối)

Size: Chọn kích thước ngôi sao mà bạn mong muốn

Exclude Pages: Cho phép hiển thị đánh giá trên các trang hay không

Use only in custom post types: Tùy chọn hiển thị trong bài viết thuộc thể loại nào đấy nếu bạn để No tức là nó sẽ hiển thị trong tất cả các thể loại.

Show “Overall Rating” in Archive Page: Nếu bạn chọn mục này thì ” Xếp hạng tổng thể ” sẽ được cho thấy không chỉ trong bài viết hay trang, mà còn ở các trang như Home Page, trang chuyên mục hoặc lưu trữ.

Show “Visitor Votes” in Archive Page: Nếu bạn chọn mục này thì “người dùng bỏ phiếu ” sẽ được cho thấy không chỉ trong bài viết hay trang, mà còn ở các trang như Home Page, trang chuyên mục hoặc lưu trữ.

Insert custom text to show before / after stars: Các cài đặt hiển thị khi bạn chưa đánh giá hoặc đã đánh giá.

Custom text to display before Overall Rating: Hiển thị đoạn văn bản đánh giá tổng thể

Custom text to display before Visitor Rating: Hiển thị đoạn văn bản trước khi đánh giá

Custom text to display when a non logged user has already rated: Hiển thị đoạn văn bản khi người dùng không đăng nhập đã có đánh giá

Do you want show stats for visitors votes: Hiển thị số liệu thống kê cho khách

Allow only logged in user to vote: Cho phép người dùng đăng nhập để bỏ phiếu – Có 2 sự lựa chọn cho bạn

Allow only logged-in users: Chỉ những người đã đăng nhập

Allow everybody (logged in and anonymous): Tất cả mọi người – kể cả đăng nhập và ẩn danh

Which color scheme do you want to use: Màu sắc mà bạn muốn sử dụng

Which rich snippets do you want to use: Bạn muốn sử dụng dạng rich snippets nào

How do you want to rate “Overall Rating”: Kiểu đánh giá – Bạn có thể chọn ngôi sao hoặc số

Sử dụng đánh giá chèn vào vị trí bài viết mà bạn muốn, để làm được bạn cần vào bài viết > Lúc này bạn sẽ thấy một icon hình sao trên khung soạn thảo bạn chỉ việc chọn vị trí trong bài viết sau đó nhấn vào biểu tượng này

Tiếp tục bạn chọn kiểu đánh giá có rất nhiều sự lựa chọn cho bạn

Sau khi thực hiện xong bạn lưu bài viết lại và ra ngoài trang chủ tận hưởng thành quả nào.

Như vậy việc tạo đánh giá quá là đơn giản và thuận tiện phải không nào. Ngoài ra bạn có thể đặt những đánh giá tổng thể tự động vào đầu hoặc cuối của một bài (xem trong “Settings” -> “Yet Another Stars Rating: Settings”), hoặc bạn có thể sử dụng shortcode [yasr_overall_rating] đặt ở bất cứ đâu mà các bạn muốn. Bạn có thể cung cấp cho người dùng khả năng để bỏ phiếu, dán shortcode [yasr_visitor_votes] nơi bạn muốn các ngôi sao xuất hiệ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!