“1001” thủ thuật WordPress tuyệt vời mà bạn cần biết – Diều Hâu
Trong bài viết này mình sẽ hướng dẫn tổng thể thủ thuật WordPress .
Mà Diều Hâu thấy hay nhất và hữu ích nhất cho mọi website WordPress.
Bạn hoàn toàn có thể tha hồ vận dụng cho website, hoặc vọc vạch để học WordPress .
Cùng khởi đầu ngay nhé …Những Nội Dung Chính Bài Viết
- 1. Thay đổi URL đăng nhập mặc định
- 2. Thay đổi giao diện trang Login
- 3. Vô hiệu hóa post revisions
- 4. Xóa post revision có sẵn
- 5. Tạo child theme
- 6. Tạo custom page template trong WordPress
- 7. Cho phép user subscribe comment
- 8. Cài đặt Google Analytics cho website
- 9. Tùy biến Gravatar Image
- 10. Sử dụng công cụ Inspect để chỉnh sửa giao diện
- 11. Thêm Custom CSS trên giao diện WordPress
- 12. Thay đổi Thumbnail khi chia sẻ trên mạng sẽ hội
1. Thay đổi URL đăng nhập mặc định
Đây là một trong những thủ thuật, mình khuyến khích những bạn làm ngay lập tức .
Nó khá đơn thuần nhưng lại giúp bạn tránh bị spam hoặc brute force attack .
Mọi người đều biết, mặc định đường dẫn đăng nhập admin sẽ có dạng : dieuhau / wp-admin .
Ngay cả đến giờ đây vẫn có rất nhiều website để url đăng nhập mặc định .
Điều tệ hại tiếp theo là User và Password cũng rất dễ mò kiểu
- Admin
- 123456789
- admin
- iloveyou
- 12345678
- Password
- …
Và hacker chỉ đơn thuần tạo một công cụ quét, và sẽ biết đâu website bạn nằm trong số đó .
Cho nên đổi khác URL đăng nhập và tạo một mật khẩu mạnh là điều thiết yếu .
Cách đơn thuần nhất là bạn hoàn toàn có thể sử dụng những plugin như :
Chúng đều có tính năng đổi khác đường dẫn đăng nhập thuận tiện .2. Thay đổi giao diện trang Login
Nếu bạn đã thấy nhàm chán với giao diện mặc định khi đăng nhập .
Bạn trọn vẹn hoàn toàn có thể custom lại nó theo ý thích bằng cách sau đây .
Vào thư mục theme hiện tại của bạn wp-content / themes / ten-cua-theme / .
Tạo thư mục có tên là “ Login ”, sau đó tạo 1 file trong thư mục đó là custom-login-styles.css .
Tiếp theo vào file function.php thêm đoạn code phía dưới nhé :function my_custom_login() { echo ''; } add_action('login_head', 'my_custom_login');Okie bây giờ bạn chỉ cần custom CSS vào file
custom-login-style.css
là được.Để đổi khác logo bạn hoàn toàn có thể sử dụng đoạn CSS sau, nhớ đổi khác những giá trị .
Và logo sẽ có kích thức 80 px x 80 px .Thêm title Open cùng với logo
function my_login_logo_url_title() { return 'Your Site Name and Info'; } add_filter( 'login_headertitle', 'my_login_logo_url_title' );Thay đổi đường dẫn ghi bấm vào logo
function my_login_logo_url() { return "https://www.example.com"; } add_filter( 'login_headerurl', 'my_login_logo_url' );3. Vô hiệu hóa post revisions
Post revision là một trong những tính năng tuyệt vời của WordPress .
Tuy nhiên một số ít người sẽ không thích nó lắm, vì nó làm nặng database của bạn .Rất đơn giản bạn chỉ cần thêm đoạn code sau vào file
wp-config.php
.define('AUTOSAVE_INTERVAL', 120 ); // seconds define('WP_POST_REVISIONS', false );Đoạn code này sẽ giúp bạn disable trọn vẹn tính năng Post Revisions .
Và tăng thời hạn auto save từ 60 lên 120 s .4. Xóa post revision có sẵn
Ở trên thì mình đã hướng dẫn disable công dụng post revision .
Vậy làm thế nào để xóa hết những post revision đã có sẵn trên WordPress .
Chạy câu lệnh SQL từ PHPMyAdmin nhé :DELETE FROM wp_posts WHERE post_type = 'revision';5. Tạo child theme
Nếu bạn tiếp tục chỉnh sửa code trên theme .
Chắc chắn sử dụng child theme là điều thiết yếu, nó giúp bạn update mà không mất đi những tùy biến cũ .
Rất đơn thuần chỉ cần tạo thư mục có tên là your-child-theme .
Trong đó tạo 1 file css như sau :/* Theme Name: Child Theme Name Template: parenttheme */ @import url("../parenttheme/style.css");Để tìm hiểu và khám phá thêm về Child Theme bạn hoàn toàn có thể tìm hiểu thêm thêm tại bài viết :
6. Tạo custom page template trong WordPress
Mặc định một website sẽ hiển thị những lastest ( post mới nhất ) trên homepage .
Bạn hoàn toàn có thể đổi khác nó, và chọn bất kể page nào làm homepage .Chỉ cần vào Setting » Reading
Hoặc nếu không thích bạn hoàn toàn có thể tự tạo một mẫu homepage riêng .
Tạo một file có tên custom-homepage-template.php .
Và thêm đoạn code sau vào, nhớ save lại nhé .;Sau đó upload file custom-homepage-template.php lên thư mục wp-content / themes / ten-theme / .
Quay lại tạo một page mới bạn sẽ thấy tên Custom Home ở phần template .Lưu ý là trang này trắng tinh chưa có gì, anh em có thể tự custom riêng.
Hoặc sử dụng những page builder để kéo thả nếu không biết code nhé .
7. Cho phép user subscribe comment
Mặc định người dùng sẽ không hề biết được bạn đã vấn đáp comment của họ .
Vậy làm thế nào để user biết bạn vừa vấn đáp comment của họ ?
Đó là được cho phép người dùng theo dõi phần comment của mình .
Khi bạn phản hồi, sẽ có một email thông tin gửi tới người dùng
Đơn giản chỉ cần cài plugin Subscribe to Comment Reload .
Sau đó bạn chỉ cần Active và Setting cho plugin là được .8. Cài đặt Google Analytics cho website
Tất nhiên rồi mọi website đều cần setup Google Analytics .
Việc theo dõi những thông số kỹ thuật là rất thiết yếu để có những kế hoạch trong tương lai .
Bây giờ ngoài việc setup Google Analytics trực tiếp .
Bạn đã hoàn toàn có thể sử dụng Google Tag Manager để thiết lập và gộp tổng thể tag lại chung một chỗ .
Dễ quản trị hơn, việc đổi khác những tag cũng thuận tiện hơn .9. Tùy biến Gravatar Image
Mặc định WordPress sẽ sử dụng Gravatar để hiện thị ảnh đại diện thay mặt cho user pofile .
Nếu người dùng đó không có Gravatar, thì WP sẽ sử dụng những hình ảnh mặc định gói là “ Mystery Persion ” .
Bạn hoàn toàn có thể thuận tiện thấy chúng ở phần comment ( phần lớn ít người dùng Gravatar ) .
Nếu muốn chọn những hình ảnh mang đặc thù tên thương hiệu riêng cho mình .
Thì trọn vẹn hoàn toàn có thể đổi khác được bằng cách sau :
Đầu tiên hay upload những hình ảnh đó lên truyền thông .
Sau đó thêm đoạn code sau vào file function.php .add_filter( 'avatar_defaults', 'dieuhau_new_gravatar' ); function dieuhau_new_gravatar ($avatar_defaults) { $myavatar = 'http://example.com/wp-content/uploads/2017/01/dieuhau-default-gravatar.png'; $avatar_defaults[$myavatar] = "Default Gravatar"; return $avatar_defaults; }10. Sử dụng công cụ Inspect để chỉnh sửa giao diện
Trên trình duyệt tất cả chúng ta sử dụng hàng ngày, có một công cụ rất hay cho Web Developer .
Đó là Inspect, mọi trình duyệt đều có nhé từ FireFox, Chrome…
Như bạn bè đều biết trên website mỗi thành phần sẽ được những Developer đánh số ID hoặc tên .
Để tiện dễ chỉnh sửa cũng như design sau này .
Các CSS cũng vậy chúng thuộc những class khác nhau .
Muốn biết thành phần bạn muốn sửa thuộc CSS class nào .
Đơn giản hãy click chuột phải ở thành phần đó và chọn Inspector .
Như ở đây mình có thấy thay đổi
font-size
của H1 từ 30px lên 40pxNgay lập tức bên trái sẽ biến hóa tương ứng để bạn dễ hình dùng .
Giống tính năng preview trên nhiều công cụ .
Bạn hoàn toàn có thể vận dụng tương tự như như thế cho nhiều thành phần khách nhau trên website .11. Thêm Custom CSS trên giao diện WordPress
Ở trên bạn đã biết cách sử dụng Inspect để tùy chỉnh font chữ, sắc tố, căn lề …
Vậy làm thế nào để thêm những css này vào giao diện bạn đang sử dụng .Rất đơn giản bạn chỉ cần đi đến menu Appearance » Customize
Ở dòng cuối cùng bạn chọn vào Additional CSS
Ví dụ ở đây mình đổi khác font chữ sang roboto và màu đỏ của thẻ H2
12. Thay đổi Thumbnail khi chia sẻ trên mạng sẽ hội
Khi san sẻ những bài viết trên facebook nó sẽ tự động hóa lấy ảnh trong bài viết của bạn .
Thông thường nó sẽ lấy luôn feature image, nhưng bạn hoàn toàn có thể đổi khác hoặc đặt mặc định sang ảnh khác .
Bạn hoàn toàn có thể sử dụng plugin Yoast SEO hoặc Rank Math để biến hóa ảnh thumbnail khi share lên facebook .Bạn có thể chọn ảnh, điền title và description cho phù hợp với nội dung của mình.
Còn nếu bạn muốn để mặc định thì có thể vào phần Social trong Menu Yoast
Anh em cứ bình tĩnh hàng ngày mình sẽ vào update thủ thuật tiếp theo nhé 😀
Source: https://suadieuhoa.edu.vn
Category : Blog