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 cài đặt Plugin cho mã nguồn WordPress với các phương pháp khác nhau tiếp tục trong bài viết này mình sẽ giúp các bạn nắm được cách chỉnh sửa giao diện hay Plugin trong mã nguồn WordPress đơn giản nhất.

Sửa giao diện, plugin WordPress không cần FTP

Như mình đã đề cập bên trên với phương pháp này bạn chỉ áp dụng cho việc chỉnh sửa giao diện hay Plugin trong mã nguồn WordPress nếu liên quan đến các thành phần của mã nguồn bạn không thể sử dụng phương pháp này (có thể phương pháp này chắc ai cũng biết mình đưa ra chỉ để giúp những ai mới tiếp cận mã nguồn WordPress mong các bạn ủng hộ). Hãy cùng blog thủ thuật tìm hiểu cách sửa giao diện plugin WordPress không cần FTP.

Chỉnh sửa giao diện WordPress

Đầu tiên hãy đăng nhập vào trang quản trị WordPress. Sau khi đăng nhập vào xong bạn sẽ thấy một giao diện cơ bản như bên dưới.

Để chỉnh sửa các vấn đề liên quan đến giao diện bạn đang sử dụng (như tập tin Functions.php, header.php, single.php…). Bạn vào Menu Giao diện > Kích chọn sửa

Một giao diện mới xuất hiện lúc này hãy chọn tập tin liên quan mà bạn muốn thay đổi

Lưu ý sau khi thay đổi xong bạn nhớ cập nhật mới cho tập tin rồi ra ngoài trang chủ xem kết quả đã thực hiện.

Chỉnh sửa Plugin Wordpress

Tương tự trong trang quản lý WordPress > Kích chọn Menu Gói mở rộng > Kích chọn biên tập

Sau đó chọn Plugin liên quan để chỉnh sửa theo ý muốn

Tương tự sau khi chỉnh sửa xong bạn hãy cập nhật mới tập tin để áp dụng các thay đổi. Quá đơn giản để bạn có thể chỉnh sửa giao diện plugin WordPress không cần FTP 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 máy tính mình có hướng dẫn bạn cách tạo thêm tài khoản người dùng trong windows giúp bạn có thể nhanh chóng tạo thêm tài khoản trên hệ điều hành Windows tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách “lột áo” cũ “thay áo” mới cho Winrar và 7-Zip đơn giản nhất.

Cách thay đổi giao diện mới cho Winrar và 7-Zip

Việc sử dụng một giao diện trong một thời gian dài sẽ trở nên “nhàm chán” vì thế nếu bạn cảm thấy giao diện mặc định của Winrar và 7-Zip đang “lỗi thời” thì bạn có thể thay đổi giao diện một cách đơn giản. Hãy cùng blog thủ thuật tìm hiểu cách “lột áo” cũ “thay áo” mới cho Winrar và 7-Zip.

Thay đổi giao diện cho Winrar

Đầu tiên bạn khởi động Winrar lên sau đó bạn vào đường dẫn Options > Themes > Get more themes…

Sau khi chọn trình duyệt sẽ mở ra và đưa bạn đến kho giao diện của Winrar.

Tại đây có rất nhiều giao diện để bạn lựa chọn, sau khi chọn lựa xong bạn nhấn vào liên kết để tải giao diện về máy.

Sau khi tải về thành công bạn nhấn vào tập tin .RAR để mở gói tập tin giao diện. Khi bạn kích vào tập tin giao diện một hộp thoại xuất hiện bạn nhấn YES để tiến hành cài đặt.

Sau khi cài đặt xong bạn nhấn OK để xác nhận. Tiếp tục bạn khởi động lại Winrar và truy cập lại đường dẫn Options > Themes > và chọn tên giao diện mà bạn vừa cài đặt.

Sau khi chọn giao diện Winrar của bạn đã được khoác một chiếc áo mới trông thật là đẹp và sang trọng. Để quản lý các giao diện đã được cài đặt cho Winrar bạn truy cập vào đường dẫn Options > Themes > Organize themes. Tại đây bạn có thể xóa, thêm, áp dụng giao diện một cách dễ dàng. Ngoài kho giao diện được cung cấp bởi RarLab, bạn có thể tìm thêm các giao diện khác trên DeviantArt tại đây.

Thay đổi giao diện cho 7-ZIP

Với 7-ZIP bạn phải sử dụng công cụ của hãng thứ 3 để thay đổi giao diện cho 7-ZIP. Đầu tiên bạn cần truy cập vào địa chỉ này.

Sau đó bạn hãy tải gói công cụ 7-ZIP Theme Manager này về máy tính. Sau đó bạn giải nén tập tin này ra và tiến hành chạy File .EXE của 7-ZIP Theme Manager. Nếu có thông báo lỗi bạn cứ nhấn OK để bỏ qua (Thông báo lỗi chưa có giao diện nào trong 7-ZIP Theme Manager).

Sau đó bạn truy cập vào địa chỉ này! Tìm và tải một giao diện 7-ZIP nào mà các bạn thích về máy tính.

Sau khi tải về xong bạn hãy giải nén ra và sau đó Copy toàn bộ thư mục chứa giao diện bao gồm “toolbar” và “filetype” rồi dán chúng vào vị trí ngang hàng với tập tin EXE của 7-Zip Theme Manager. Bây giờ bạn hãy khởi chạy lại 7-Zip Theme Manager.

Lúc này bạn sẽ thấy xuất hiện giao diện mới ở trong danh sách của 7-ZIP Theme Manager. Và bây giờ bạn chỉ cần chọn giao diện và nhấn “Activate theme” để thay đổi giao diện 7-ZIP là được.

Và quá trình kích hoạt giao diện bắt đầu, lúc này sẽ có một cửa sổ xác nhận xuất hiện bạn nhấn OK. Bạn đợi một lúc và sau khi kết thúc bạn hãy mở giao diện 7-ZIP lên để xem kết quả nhé.

Như vậy là mình đã hướng dẫn các bạn “lột áo” cho hai trình nén rồi đấy. Đó là những gì bạn cần phải làm để có được một giao diện đẹp hơn và sang trọng hơn.

Kết luận

Như vậy để thay đổi giao diện mới cho Winrar và 7-Zip bạn có thể áp dụng các hướng dẫn bên trên, các hướng dẫn rõ ràng và dễ thực hiện. Hy vọng bạn sẽ có một giao diện tuyệt đẹp khi áp dụng việc “lột xác” Winrar và 7-zip. Chúc bạn thành công!

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 tạo thông báo chính sách bình luận trong WordPress giúp bạn có thể nhanh chóng tạo chính sách bình luận cho mã nguồn WordPress đơn giản nhất tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách sửa lỗi giao diện AMP theo chuẩn của Google.

Cách sửa lỗi giao diện AMP theo chuẩn của Google

Giao diện AMP là một giao diện được thiết kế dành riêng cho những trang Web giúp trang Web có thể hoạt động trong những điều kiện đường truyền mạng không cố định hoặc quá yếu vì thế việc tích hợp giao diện AMP là điều bạn cần nên làm. Hãy cùng blog thủ thuật tìm hiểu cách tích hợp giao diện AMP và sửa lỗi giao diện AMP.

Đầu tiên bạn cần tích hợp giao diện AMP cho trang Web của mình bằng cách tham khảo bài viết tạo trang dành cho thiết bị di động được tăng tốc (AMP) trong WordPress, sau khi tích hợp xong bạn hãy thực hiện tiếp tục các công việc sau đây để chuẩn hóa giao diện AMP cho trang Web.

Để chuẩn hóa giao diện AMP theo chuẩn bạn cần sử dụng Plugin Accelerated Mobile Pages đây được xem là một Plugin quá hoàn hảo để bạn có thể chuẩn hóa giao diện AMP cho trang Web, hỗ trợ rất nhiều tính năng hấp dẫn các thiết kế chuẩn giao diện hãy cùng blog thủ thuật tìm hiểu các tính năng của Plugin.

Cài đặt Plugin

Đầu tiên bạn vào liên kết này để tải Plugin Accelerated Mobile Pages dành cho WordPress về máy tính và tiến hành cài đặt Plugin (nếu bạn chưa biết cách cài đặt Plugin cho WordPress bạn có thể tham khảo bài viết hướng dẫn cài đặt Plugin cho WordPress) Sau khi cài đặt xong hãy kích hoạt Plugin và tiến hành cấu hình các thông số như sau.

Cấu hình Plugin

Plugin Accelerated Mobile Pages cung cấp khá nhiều tính năng, bạn có thể dễ dàng thiết kế giao diện AMP cho trang Web một cách chuyên nghiệp nhất, hãy điểm qua một số tính năng của Accelerated Mobile Pages.

Thẻ General

Cung cấp các tùy chỉnh cho trang Web AMP như.

Logo: Đưa Logo trang Web.

Mobile Redirection: Hãy kích hoạt tính năng này nếu bạn muốn tất cả các thiết bị di động khi truy cập vào trang Web sẽ tự động chuyển qua giao diện AMP (như bạn thấy khi bạn dùng thiết bị di động truy cập vào trang Web của tôi nó sẽ được tự động chuyển qua AMP).

Analytic Type: Chọn công cụ đo lường lượng truy cập.

Google Analytic: ID theo dõi lượng truy cập từ Google Analytic.

Front Page: Kích hoạt tùy chỉnh AMP ở trang chủ.

Link to Non-AMP page: Hiển thị tính năng liên kết đến trang không sử dụng AMP ở Footer.

RTL Support: Kích hoạt tùy chỉnh giao diện ở phía bên phải.

AMP on Archive Pages: Tùy chỉnh AMP cho chuyên mục và các tag.

AMP on Pages: Tùy chỉnh AMP cho các trang.

Non-AMP HomePage link in Header: Tùy chỉnh trang chủ liên kết AMP.

Thẻ Design

Thiết kế giao diện AMP, trong phần này có 2 giao diện được thiết kế sẵn hãy chọn giao diện mà bạn thích, bạn cũng có thể sử dụng mã CSS để tùy biến trực tiếp.

Thẻ SEO

Nếu bạn đã cài Plugin Yoast SEO thì không cần phải cấu hình thêm nữa nó sẽ tự động lấy các thông số từ Yoast SEO.

Thẻ Menu

Tùy chỉnh Menu cho giao diện AMP chỉ cần vào Giao diện > Menu > Chọn “Quản lý Menu” > Và chọn Menu cho giao diện AMP là được.

Thẻ Advertisement

Tùy chỉnh hiển thị quảng cáo, đối với tính năng này bạn chỉ sử dụng được quảng cáo từ Google Adsense.

Thẻ Single

Tùy chỉnh hiển thị bài viết bao gồm

Sticky Social Icons: Tùy chỉnh các biểu tượng xã hội vào trong bài viết.

Next-Previous Links: Tùy chỉnh chế độ Next-Previous bài viết.

Featured Image Width: Chiều rộng ảnh đại diện.

Featured Image height: Chiều cao ảnh đại diện.

Show Related Post from: Hiển thị bài viết liên quan theo (chuyên mục, thẻ tag).

Thẻ Social

Tùy chỉnh hiển thị các mạng xã hội (gồm Facebook, Google +…).

Thẻ Structured Data

Các tùy chỉnh về cấu trúc trang Web khi hiển thị.

Thẻ Notifications

Tùy chỉnh hiển thị thông báo khi truy cập vào giao diện AMP.

Thẻ Translation Panel

Tùy chỉnh hiển thị ngôn ngữ (bạn có thể việt hóa).

Ngoài ra bạn có thể tùy chỉnh cấu trúc hiển thị giao diện AMP bằng cách vào Giao diện > Chọn AMP, sau đó tùy chỉnh các hiển thị phù hợp bằng cách kéo và thả các vị trí tương ứng.

Sau khi thực hiện xong các thao tác bạn chỉ cần lưu lại và tận hưởng thành quả. Và tất nhiên lỗi AMP của trang Web sẽ được khắc phục.

Sau khi thực hiện trang Web của mình đã khắc phục được lỗi, tuy nhiên phải đợi Google cập nhật. Quá đơn giản để bạn có thể sửa lỗi trang Web AMP 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 về thủ thuật WordPress trước đây mình có hướng dẫn các bạn cách tạo bài viết liên quan có hình ảnh cho giao diện Genesis không Plugin giúp bạn có thể tạo bài viết liên quan một cách chuyên nghiệp mà không cần phải sử dụng Plugin 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ùy chỉnh Post meta cho giao diện Genesis.

Tùy chỉnh Post meta cho giao diện Genesis

Như mình đã nói ở trên Post meta sẽ hiển thị các chuyên mục, thẻ tag… thông thường trong giao diện Genesis nó nằm ở cuối bài viết. Trong bài viết này mình sẽ hướng dẫn các bạn cách tùy chỉnh Post meta cho giao diện Genesis theo phong cách chuyên nghiệp nhất, hãy cùng blog thủ thuật tìm hiểu cách tùy chỉnh Post meta cho giao diện Genesis.

Hình bên dưới là giao diện mặc định của Post meta (như bạn thấy nó rất đơn điệu và xấu xí).

Đầu tiên bạn hãy truy cập vào tập tin style.css của giao diện đang sử dụng (nếu bạn dùng giao diện Genesis thì chắc chắn bạn sẽ có một giao diện con (child theme) hãy truy cập vào tập tin style.css của giao diện con) bằng cách truy cập vào trang quản lý WordPress > Vào Giao diện > Kích chọn Sửa (bạn có thể tham khảo bài viết sửa giao diện, plugin WordPress không cần FTP để nắm rõ hơn cách chỉnh sửa các tập tin của giao diện). Sau đó hãy tìm đoạn mã sau trong tập tin style.css.

p.entry-meta {
 font-size: 16px;
 margin-bottom: 0;
}
.entry-header .entry-meta {
 margin-bottom: 24px;
}
.entry-footer .entry-meta {
 border-top: 2px solid #f5f5f5;
 padding-top: 24px;
}
.entry-categories,
.entry-tags {
 display: block;
}

Và tiến hành thay đổi các đoạn mã ở trên tương ứng như sau.

Thay đổi màu nền Post meta

.entry-footer .entry-meta {
 border-top: 2px solid #f5f5f5;
 padding: 24px;
 background: #DCDADA;
}

Chú ý: Thay mã màu tại thuộc tính background thành màu sắc mà bạn muốn là được.

Hiển thị Post meta trên một dòng

Hãy chỉnh sửa đoạn lệnh

.entry-categories,
.entry-tags {
 display: block;
}

thành

.entry-categories,
.entry-tags {
}

Ở đoạn lệnh này bạn chỉ cần loại bỏ thuộc tính display: block; là được.

Tùy chỉnh màu nền khi di chuyển chuột đến thuộc tính

Đầu tiên bạn hãy xóa đoạn mã sau

.entry-categories,
.entry-tags {
 display: block;
}

Sau đó thay thế toàn bộ đoạn lệnh bên dưới

.entry-categories a,
.entry-tags a {
padding: 6px 5px;
margin-right: 0;
margin-bottom: 4px;
line-height: 100%;
display: inline-block;
background-color: #ffffff;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.entry-categories a:hover,
.entry-tags a:hover {
background-color: #DA4453;
border-color: #DA4453;
color: #ffffff;
text-decoration: none;
}

Sau khi thực hiện xong hãy lưu lại và kiểm nghiệm kết quả.

Tùy chỉnh hiển thị

Ngoài ra nếu bạn muốn thay đổi chữ Filed Under và Tagged With thành chữ khác thì có thể sử dụng đoạn lệnh sau đây dán vào file Functions.php của giao diện con Genesis.

//* Customize the post meta function
add_filter( 'genesis_post_meta', 'sp_post_meta_filter' );
function sp_post_meta_filter($post_meta) {
if ( !is_page() ) {
	$post_meta = '[post_categories sep="/" before="Chuyên mục: "] [post_tags sep="/" before="Thẻ tag: "]';
	return $post_meta;
}}

Sau đó hãy cập nhật tập tin. Sau khi thực hiện xong bạn sẽ có được kết quả như hình dưới.

Quá đơn giản để bạn có thể tùy chỉnh Post meta cho giao diện Genesis theo cách chuyên nghiệp 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!