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 loại bỏ chữ category trong URL WordPress hiệu quả giúp bạn có thể rút gọn liên kết trong WordPress giúp trang Web của bạn Seo tốt, thân thiện với người dùng 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 trình soạn thảo vào form bình luận WordPress.

Tích hợp trình soạn thảo vào form bình luận WordPress

Như mình đã đề cập ở trên việc tích hợp trình soạn thảo vào form bình luận WordPress giúp độc giả của bạn có thể dễ dàng đưa ra những nội dung chi tiết, trọng tâm để cộng đồng mạng có thể giúp đỡ họ tốt hơn! Vậy để tích hợp trình soạn thảo vào form bình luận WordPress phải làm như thế nào? Hãy cùng blog thủ thuật tìm hiểu cách tích hợp trình soạn thảo vào form bình luận WordPress.

Mình sẽ giới thiệu với các bạn một Plugin rất nhẹ và đơn giản có thể giúp bạn tích hợp trình soạn thảo vào form bình luận WordPress. Với Plugin “ark-commenteditor” sẽ giúp bạn tích hợp vào form bình luận WordPress một trình soạn thảo “WYSIWYG” hoàn toàn tùy biến dựa trên TinyMCE hoặc ckeditor sử dụng CDN cho trình soạn thảo và đặc biệt nó hoàn toàn miễn phí. Đầu tiên hãy truy cập vào liên kết này để tải Plugin về máy tính và tiến hành cài đặt và kích hoạt Plugin (bạn có thể tham khảo bài viết hướng dẫn cài đặt Plugin WordPress với các phương pháp) > Sau khi kích hoạt bạn sẽ thấy xuất hiện thêm một Menu có tên “ark-commenteditor” kích chọn để tiến hành cấu hình Plugin.

Giao diện tùy chỉnh Plugin khá đơn giản bạn có 2 cách tùy biến Form (TinyMCE hoặc ckeditor). Bạn chỉ việc tích chọn vào những chức năng muốn hiển thị trên thanh công cụ của trình soạn thảo là được. Để thay đổi ngôn ngữ bạn kéo xuống phía dưới trong thuộc tính “Advanced settings TinyMCE” lựa chọn lại ngôn ngữ là được.

Sau khi tùy chọn xong bạn hãy lưu lại các cài đặt và ra ngoài trang chủ kích chọn một bài viết nào đó kéo xuống phần bình luận bạn sẽ thấy form bình luận với trình soạn thảo chuyên nghiệp.

Như bạn thấy form bình luận ở trên với rất nhiều công cụ bạn có thể chèn hình ảnh, tạo bảng, canh chỉnh phông chữ… và rất nhiều chức năng khác rất chuyên nghiệp phải không? Và bạn có sử dụng trình soạn thảo trên form bình luận hay không? bạn có cảm nhận gì về việc tích hợp trình soạn thảo trên form bình luận WordPress.

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

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách tạo Facebook Like Box cho WordPress giúp bạn tạo hộp “Facebook Like” một cách chuyên nghiệp trên mã nguồn WordPress tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo cửa sổ “Popup” cho WordPress chuyên nghiệp giúp bạn có thể quảng bá nội dung tốt hơn ngay trên chính Website của mình!

Tạo cửa sổ Popup cho WordPress chuyên nghiệp

Như đã đề cập bên trên để thu hút độc giả chú ý vào nội dung hay sản phẩm nào đó bạn cần làm nổi bật các nội dung, sản phẩm đó, để làm nổi bật các nội dung, sản phẩm đó từ Website bạn có thể sử dụng “Popup” để hiển thị. Tìm hiểu qua một số Plugin Popup cho WordPress mình thấy Plugin Popslide là một Plugin giúp bạn tạo cửa sổ “Popup” một cách chuyên nghiệp đơn giản. Hãy cùng blog thủ thuật tìm hiểu cách tạo cửa sổ “Popup” cho WordPress chuyên nghiệp với việc sử dụng Plugin Popslide!

Đầu tiên hãy truy cập vào liên kết này để tải Plugin Popslide về máy tính sau đó hãy cài đặt Plugin vào WordPress (tham khảo bài viết hướng dẫn cài đặt Plugin trong WordPress để biết các phương pháp cài đặt Plugin trong WordPress). Sau khi cài đặt xong bạn sẽ thấy xuất hiện thêm một Menu có tên Popslide trong Menu Cài đặt

Giao diện Plugin khá đơn giản với 4 thẻ chức năng chính bao gồm Settings, Content, Styling, Pro

Thẻ Settings với các chức năng

Status: Trạng thái Plugin mặc định Plugin chưa được kích hoạt để Kích hoạt bạn chỉ cần tích chọn thuộc tính Active

Preview: Xem trước cửa sổ Popup mặc định chưa được kích hoạt để Kích hoạt bạn chỉ cần tích chọn thuộc tính Active (đối với tính năng này nó sẽ không lưu vào Cookie)

Mobile: Nếu muốn cửa sổ Popup hiển thị trên điện thoại hãy tích chọn Display for mobile

Cookie: Lưu cookie khi người dùng truy cập (mặc định cookie được lưu trong 30 ngày bạn có thể thay đổi số ngày hoặc nếu bạn không muốn lưu Cookie có thể tích bỏ thuộc tính Save cookie on visitor’s machine)

Display rule: Cấu hình thời gian hiển thị Popup

Thẻ Content với chức năng

Với thẻ Content bạn có thể viết nội dung muốn quảng bá tùy thích, bạn có thể chèn mã HTML, Shortcode…

Thẻ Styling với các tính năng

Background color: Màu nền Popup bạn có thể chọn màu tùy thích

Font color: Chọn màu chữ trên Popup

Position: Vị trí hiển thị (có 2 vị trí phía trên, phía dưới)

Align: Canh lề (trái, phải, giữa)

Width: Độ rộng có thể thay đổi theo đơn vị Pixel

Padding: Khoảng cách lề so với cửa sổ Popup

Close button position: Vị trí nút đóng cửa sổ Popup

Close button size: Độ lớn của nút đóng cửa sổ Popup

Close button color: Màu sắc của nút đóng cửa sổ Popup

Animation: Hiệu ứng cửa sổ Popup (mặc định là 3 giây)

Custom CSS: Tùy chỉnh CSS cho cửa sổ Popup

Thẻ Pro với chức năng

Đăng ký bản phiên bản cao cấp của Plugin với phiên bản cao cấp bạn có thể sử dụng các tính năng như thay đổi tập tin Cookie, sử dụng cửa sổ Popup trong suốt… Để sử dụng tính năng Pro hãy thực hiện như sau > Kích chọn chữ Share trong thẻ Pro

Một cửa sổ hiện ra > Lúc này bạn hãy nhấn vào chữ Share để chia sẻ trên Facebook sau khi chia sẽ xong bạn sẽ thấy một đoạn mã xuất hiện lúc này hãy sao chép đoạn mã dán vào trong ô code > Nhấn chữ Verify để xác nhận

Sau khi nâng cấp thành công phiên bản Pro bạn sẽ không còn thấy xuất hiện thẻ Pro nữa. Bây giờ giả sử tôi sẽ chèn một Shortcode Facebook Like chẳng hạn!

Sau khi chèn Shortcode xong > Nhấn Save ra ngoài trang chủ bạn sẽ thấy kết quả như sau

Nếu có thắc mắc về cách sử dụng Plugin bạn hãy để lại bình luận bên dưới để dược hỗ trợ! Quá đơn giản để bạn có thể tạo được cửa sổ Popup cho WordPress 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!

Trong bài viết trước mình có hướng dẫn các bạn thủ thuật WordPress cách tích hợp trang AMP lên trang Web WordPress của bạn bằng cách sử dụng Plugin AMP tuy nhiên khi sử dụng Plugin AMP để cài đặt cho WordPress khi Google Index xảy ra tình trạng lỗi rất nhiều dẫn đến Google không thể Index bài viết có sử dụng trang dành cho thiết bị di động tăng tốc được vậy để khắc phục lỗi khi cài đặt AMP cho trang Web bằng WordPress phải làm sao?

Khắc phục lỗi khi cài đặt AMP cho trang Web

Như mình đã nói sau khi bạn cài đặt Plugin AMP cho Website WordPress bạn sẽ gặp tình trạng rất nhiều lỗi xảy ra dẫn đến Google không thể Index bài viết lên công cụ tìm kiếm được vì thế nếu bạn đang gặp phải tình trạng này hãy cùng blog thủ thuật tìm hiểu cách khắc phục lỗi trang AMP trong mã nguồn WordPress!

Khi blog của mình cài đặt trang AMP thì khi google index bài viết xảy ra lỗi rất nhiều và không google không thể index bài viết được!

Vậy để khắc phục các lỗi này bạn phải làm sao? Để khắc phục các lỗi trên trang AMP bạn hãy sử dụng Plugin có tên Facebook Instant Articles & Google AMP Pages với Plugin này nó sẽ giúp bạn khắc phục hầu hết các lỗi trên trang AMP! Đầu tiên bạn hãy truy cập vào liên kết này để tải Plugin về máy tính và tiến hành cài đặt Plugin hoặc bạn có thể tham khảo hướng dẫn cài đặt Plugin cho WordPress với các phương pháp đơn giản nhất!

Sau khi cài đặt và Kích hoạt xong bạn sẽ thấy xuất hiện một Menu có tên là Mobile Formats với các Menu con tương ứng

Để khắc phục lỗi bạn chỉ cần Kích chọn Settings trong Mobile Formats sau đó bạn kéo xuống bên dưới và tích vào 2 tùy chọn

Force AMP compliance by removing other plugins/functions from AMP pages

Display Featured Image

Cuối cùng hãy lưu lại cài đặt và sau đó hãy vào Google Webmaster Tools và cập nhật lại Sitemap cho trang Web của bạn. Bạn hãy chờ khoảng 3 đến 5 ngày Google sẽ index lại nội dung cho bạn và tất nhiên các lỗi trang AMP sẽ tự động biến mất trên trang WordPress!

Ngoài ra với Plugin Facebook Instant Articles & Google AMP Pages có rất nhiều tùy chỉnh khác như bạn có thể đồng bộ mã theo dõi truy cập Google Analytics và một số mã theo dõi khác, bạn có thể chèn quảng cáo Google Adsense nếu có… Bạn có thể tìm hiểu tính năng trong quá trình sử dụng Plugin nà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!

Việc xảy ra lỗi 404 có rất nhiều nguyên nhân có thể bài viết của bạn đã bị xóa đi hoặc liên kết đã bị thay đổi so với lúc trước… từ đó dẫn đến tình trạng khi người dùng truy cập vào liên kết nhưng không tồn tại dẫn đến tình trạng lỗi “404 NOT FOUND“. Có rất nhiều phương pháp để bạn xử lý lỗi 404 này! Cách đơn giản nhất là bạn có thể tạo ra file thông báo lỗi để cho người dùng biết liên kết này không tồn tại…

Một vấn đề đặt ra ở đây nếu lỗi 404 xuất hiện quá nhiều trên blog bạn không thể Fix bằng tay tuy nhiên nếu bạn đang sử dụng mã nguồn WordPress thì có rất nhiều phương pháp để bạn khắc phục lỗi 404. Hôm nay blog thủ thuật sẽ hướng dẫn các bạn cách chuyển toàn bộ trang lỗi 404 về trang chủ trong WordPress bằng cách sử dụng Plugin nhỏ gọn!

Chuyển toàn bộ trang lỗi 404 về trang chủ trong WordPress

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách cải thiện tốc độ tải trang với Plugin Async JS and CSS giúp bạn có thể đẩy nhanh tốc độ tải trang Web tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách chuyển toàn bộ trang lỗi 404 về trang chủ trong WordPress hoặc một trang khác giúp bạn điều hướng người dùng tốt hơn.

Để chuyển toàn bộ trang lỗi 404 về trang chủ trong WordPress đầu tiên hãy truy cập vào liên kết tại đây để tải Plugin có tên là “All 404 Redirect to Homepage“. Sau khi tải về hãy cài đặt Plugin (tham khảo hướng dẫn cài đặt Plugin WordPress)!

#Cách cấu hình

Sau khi cài đặt và kích hoạt Plugin xong bạn sẽ thấy xuất hiện thêm một Plugin có tên là “All 404 Redirect to Homepage” trong Menu cài đặt (Settings). Kích chọn Menu cài đặt (Settings) > Kích chọn “All 404 Redirect to Homepage” để cấu hình Plugin!

Giao diện Plugin khá đơn giản có 2 tùy chọn chính!

404 Redirection Status: Chọn Enabled để kích hoạt, Disabled để vô hiệu hóa plugin.

Redirect all 404 pages to: Thiết lập trang mà bạn muốn redirect tới khi gặp lỗi 404. Bạn có thể để mặc định là trang chủ hoặc thiết lập một trang bất kỳ.

Ví dụ: Như hình dưới tôi sẽ chuyển tất cả các trang lỗi 404 về trang chủ của tôi là: https://huuthuan.net

Sau khi thiết lập xong > Nhấn Update Options để áp dụng (Nếu bạn sử dụng Plugin tạo Cache hãy xóa Cache để Plugin hoạt động đúng). Theo đánh giá đây là một Plugin hỗ trợ chuyển hướng tốt nhất!

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

Với Plugin Super Socializer giúp bạn tích hợp Social Login, chia sẻ và bình luận trên trang web… Với tất cả trong một sẽ giúp bạn đơn giản hơn trong quá trình cài đặt và sử dụng. Không giới thiệu gì nhiều nữa hãy cùng blog thủ thuật khám phá những tính năng tuyệt vời mà Plugin mang lại, chắc chắn rằng bạn sẽ cảm thấy thích thú với Plugin đa năng này!

Plugin Super Socializer là gì?

Plugin “Super Socializer” là một công cụ mạnh mẽ cho WordPress giúp bạn tích hợp nhiều chức năng xã hội vào trang web của mình. Đây là một plugin đa chức năng có thể cung cấp các tính năng như Social Share, Social Login và Social Comments, cùng với một số tính năng khác để tạo ra một trải nghiệm xã hội tốt hơn trên trang web của bạn.

Các điểm nổi bật của Super Socializer?

Social Share (Chia Sẻ Xã Hội):

• Cho phép bạn thêm các nút chia sẻ xã hội vào bài viết, trang hoặc sản phẩm trên trang web của bạn.
• Hỗ trợ nhiều nền tảng mạng xã hội như Facebook, Twitter, LinkedIn, Pinterest và nhiều nền tảng khác.
• Tùy chỉnh vị trí và kiểu dáng của các nút chia sẻ để phù hợp với thiết kế của trang web.

Social Login (Đăng Nhập Xã Hội):

• Cung cấp khả năng đăng nhập bằng tài khoản mạng xã hội như Facebook, Google, Twitter, và nhiều dịch vụ khác.
• Giúp người dùng tránh việc phải nhập thông tin đăng nhập mới, tạo trải nghiệm đăng nhập thuận tiện hơn.

Social Comments (Bình Luận Xã Hội):

• Cho phép bạn thay thế hệ thống bình luận mặc định của WordPress bằng việc sử dụng các tài khoản xã hội để bình luận.
• Tạo sự tương tác cao hơn với các tùy chọn bình luận xã hội, biểu tượng, và chia sẻ.

Các Tính Năng Khác:

• Hỗ trợ tích hợp ứng dụng di động để tối ưu hóa trải nghiệm xã hội trên các thiết bị di động.
• Cung cấp khả năng tùy chỉnh giao diện và hiển thị của các thành phần xã hội.
• Cung cấp thống kê chia sẻ xã hội và tương tác của người dùng với nội dung của bạn.

Các tính năng chính của Super Socializer?

• Chia sẻ bài viết lên mạng xã hội từ khắp nơi trên thế giới với 100 mạng xã hội được tích hợp sẵn
• Tùy chọn để định dạng biểu tượng chia sẻ
• Tùy chọn để định dạng kích thước biểu tượng chia sẻ
• Kích hoạt url rút ngắn sử dụng trong việc chia sẻ
• Với 2 cách bố trí ngang và dọc
• Sắp xếp lại thứ tự của các biểu tượng chia sẻ
• Xác định vị trí của các biểu tượng chia sẻ quan đến nội dung – trên và dưới
• Thân thiện với thiết bị di động
• Kích hoạt tính năng Login xã hội tại màn hình Đăng nhập, Đăng ký và bình luận
• Tương thích với BuddyPress, bbPress, WooCommerce
• Hỗ trợ HTTPS phép các trang web…

Ngoài ra còn rất nhiều, rất nhiều tính năng khác bạn có thể khám phá trong quá trình sử dụng

Tích hợp chia sẻ, bình luận, đăng nhập… trong wordpress

Đầu tiên bạn cần truy cập vào địa chỉ dưới đây để tải Plugin về máy.

Sau khi tải về xong bạn tiến hành cài đặt Plugin vào Web – Nếu bạn chưa biết cách cài Plugin hãy theo dõi các cách Hướng dẫn cài đặt Plugin! Sau khi cài đặt xong bạn sẽ thấy xuất hiện thêm một Menu có tên là Super Socializer tương ứng!

Tùy chỉnh General Options

Sau khi bạn đã cài đặt thành công Plugin, bạn có thể vào thẻ General Options để cấu hình các tính năng trong đó.

Bước 1: Đăng nhập vào Bảng điều khiển WordPress của bạn .
Bước 2: Nhấp vào Super Socializer rồi nhấp vào General Options chung trong menu điều hướng.
Bước 3: Tại đây, bạn có thể chọn nếu bạn muốn đưa JavaScript vào chân trang web của mình và tải tất cả vào một tệp. Bạn cũng có thể chọn nếu bạn muốn xóa tất cả tùy chọn của mình nếu plugin bị xóa và thêm CSS tùy chỉnh.

Bước 4: Nhấp vào nút Save changes sau khi thay đổi cài đặt của bạn.

Kích hoạt bình luận xã hội

Cho phép khách truy cập nhận xét bằng nền tảng truyền thông xã hội ưa thích của họ là một cách tuyệt vời để khuyến khích sự tham gia và tận dụng quảng cáo truyền miệng. Bây giờ chúng tôi sẽ chỉ cho bạn cách bật tính năng bình luận trên mạng xã hội để cho phép Facebook và Disqus cùng với khả năng bình luận mặc định của WordPress.

Bước 1: Đăng nhập vào Bảng điều khiển WordPress của bạn .
Bước 2: Nhấp vào Super Socializer rồi nhấp vào Social Commenting trong menu điều hướng của bạn.
Bước 3: Chọn hộp “Enable Social Commenting” để Kích hoạt tính năng bình luận trên mạng xã hội.

Bước 4: Sau đó, bạn sẽ thấy các cài đặt bổ sung xuất hiện. Chọn General Options, Labels và Facebook Commenting Options.
Bước 5: Cuộn xuống phần Disqus Commenting Options và tích vào ô Enable Disqus Commenting nếu bạn muốn tích hợp nền tảng này.

Bước 6: Nhập vào Disqus Shortname của bạn .
Bước 7: Nhấp vào nút Save changes.

Kích hoạt tính năng Social Login

Cho phép người dùng đăng nhập vào trang web của bạn bằng thông tin đăng nhập xã hội là một cách thuận tiện để khuyến khích mọi người nhận xét về trang web của bạn. Nó tiết kiệm thời gian của khách truy cập vì họ không phải tạo tài khoản mới trên trang web của bạn. Họ chỉ cần xác thực bằng một tài khoản hiện có như Google, Facebook, LinkedIn hoặc Instagram.

Bước 1: Đăng nhập vào Bảng điều khiển WordPress của bạn.
Bước 2: Nhấp vào liên kết Super Socializer rồi chọn Social Login trong menu điều hướng.
Bước 3: Tích vào tùy chọn Enable Social Login.

Bước 4: Sau đó, bạn sẽ thấy các cài đặt bổ sung. Chọn các mạng xã hội bạn muốn kích hoạt. Có 20 tùy chọn để lựa chọn như LinkedIn, Google, Facebook, Twitter và Instagram.

Bước 5: Nhập App ID cho các tùy chọn bạn đã chọn. (API Key, Client Secret, Client ID, v.v.)
Bước 6: Nhấp vào tab Advanced Configuration để thiết lập các tùy chọn sau: Đăng nhập mạng xã hội, Liên kết tài khoản mạng xã hội và tùy chọn bật lên Email.

Bước 7: Nhấp vào tab GDPR để bật tùy chọn chọn tham gia GDPR. Sau đó, bạn có thể nhập các cài đặt bổ sung như vị trí và văn bản chọn tham gia.
Bước 8: Chọn tab Shortcode & Widget nếu bạn muốn thêm thông tin đăng nhập xã hội và liên kết xã hội vào trang web của mình bằng mã ngắn.
Bước 9: Nhấp vào các liên kết có sẵn để được chuyển hướng đến danh sách các mã ngắn với các tùy chọn kiểu dáng mà bạn có thể sử dụng.

Kích hoạt tính năng Social Sharing

Thêm các nút chia sẻ xã hội là một cách hay để khuyến khích khách truy cập đăng nội dung của bạn. Chỉ với một lần bấm nút, họ có thể chia sẻ hoặc giới thiệu các trang và bài đăng của bạn trên các tài khoản truyền thông xã hội của riêng họ. Điều này giúp bạn tiếp cận nhiều người hơn với tiếp thị truyền miệng hữu cơ.

Bước 1: Đăng nhập vào Bảng điều khiển WordPress của bạn .
Bước 2: Nhấp vào Super Socializer rồi chọn Social Sharing trong menu WordPress.
Bước 3: Chọn giao diện (theme) và biểu tượng (iCon) của bạn trên tab Theme Selection.
Bước 4: Chọn tab Standard Interface để chọn nền tảng Truyền thông xã hội nào bạn muốn thêm các nút chia sẻ. Tích chọn vào hộp bên cạnh những cái bạn muốn sử dụng, có hơn 100 cái để lựa chọn và thậm chí có cả tùy chọn chia sẻ qua email.

Bước 5: Bạn có thể kéo các biểu tượng để thay đổi thứ tự chúng hiển thị.
Bước 6: Nhấp vào Save Changes khi bạn đã chọn các tùy chọn chia sẻ xã hội của mình.

Kichs hoạt tính năng Like Buttons

Các nút thích là một cách nhanh chóng để khách truy cập thể hiện sự tán thành hoặc chấp nhận các bài viết trên trang web của bạn. Vì họ không phải viết bất kỳ văn bản nhận xét nào hoặc tạo bài đăng nên đây là cách dễ dàng để mọi người tương tác với bạn.

Bước 1: Đăng nhập vào Bảng điều khiển WordPress của bạn .
Bước 2: Nhấp vào Super Socializer rồi nhấp vào liên kết Like Buttons.
Bước 3: Tích vào tùy chọn Enable Like Buttons.

Bước 4: Sau đó, bạn có thể chọn Standard Interface của mình .
Bước 5: Nhấp vào Save Changes.

Cách thêm tiện ích Super Socializer

Bước 1: Đăng nhập vào Bảng điều khiển WordPress của bạn .
Bước 2: Nhấp vào Giao diện (Appearance) rồi nhấp vào Tiện ích (Widgets) trong menu điều hướng.
Bước 3: Nhấp vào Super Socializer Widget mà bạn muốn thêm.

Bước 4: Chọn vị trí bạn muốn thêm widget vào. Các tùy chọn vị trí sẽ khác nhau dựa trên chủ đề cụ thể mà bạn đang sử dụng.

Quá tuyệt vời phải không, nếu bạn cảm thấy thích hãy cài đặt và sử dụng, quá đơn giản để bạn có thể tích hợp chia sẻ, bình luận, đăng nhập… trong wordpress phải không?

Nếu bạn dùng các mã nguồn Joomla hay Drupal thì tính năng này được cài đặt sẵn cho bạn nó còn được gọi với thuật ngữ Post Relationship tác dụng chính của nó là giúp bạn phân chia bài viết thành nhiều cấp dạng Mẹ – Con như: Series, tập truyện, chủ đề … Tuy nhiên đối với mã nguồn wordpress tính năng này không được cài đặt sẵn nói như vậy không phải là không làm được. Với sự hỗ trợ các Plugin Posts 2 Posts bạn có thể tạo chức này một cách đơn giản và dễ dàng. Trong bài này mình sẽ hướng dẫn các bạn tạo chức năng này.

Hướng dẫn tạo series bài viết liên quan cho blog wordpress với các bước

Đầu tiên có thể tiến hành cài đặt bằng tay bằng cách tải Plugin Posts 2 Posts – 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õ Posts 2 Posts sau đó tiến hành cài đặt.

Sau khi cài đặt thành công Plugin bạn tiến hành kích hoạt Plugin lên và bắt đầu thực hiện các thao tác sau đây.

Sau đó hãy vào Menu Giao diện > Chọn Editor (Công cụ tùy chỉnh)

Một giao diện mới xuất hiện bạn nhìn sang cột Menu bên phải và chọn “functions.php”

Tiếp tục bạn dán đoạn code sau vào trước thẻ đóng ?> của file functions.php

 function tap_truyen() {
        p2p_register_connection_type( array(
                'name' => 'create_tap_truyen',
                'from' => 'post',
                'to' => 'post'
        ) );
}
add_action( 'p2p_init', 'tap_truyen' );

Sau đó bạn đừng quên nhấn Cập nhật tập tin.

Ở đoạn code trên bạn cần chú ý đến 3 thành phần sau:

Name: Cái này bạn có thể tự đặt tuy nhiên bạn phải nhớ cái tên này để tí nữa sẽ có đoạn code hiển thị bài viết ra trang chủ và cái phần Name này nó phải giống ở đoạn code hiển thị bài viết.

From: Tên bài viết, trang làm Mẹ (Chỗ này bạn có thể để Post, Page)

To:  Tên bài viết, trang làm Con (Chỗ này bạn có thể để Post, Page)

Sau khi bạn thêm đoạn code trên xong bạn vào Menu Công cụ thử xem có mục Connection Type hay chưa nếu có là được rồi đấy – Bạn click vào Menu Connection Type

Nếu bạn thấy giao diện như thế này là được

Tiếp theo là cài đặt hiển thị ra ngoài trang chủ. Bạn có thể hiển thị các Post Relationship ở các file sau: Page.php, single.php …

Ví dụ: ở đây tôi sẽ hiển thị các Post Relationship ở file “single.php” nằm trước khung Comment > Bạn quay trở lại Giao diện > Editor (Công cụ tùy chỉnh) sau đó chọn file “Single.php”

Sau đó bạn dán đoạn code sau đây vào trước đoạn code khung bình luận là đươc

<?php
// Find connected pages
$connected = new WP_Query( array(
  'connected_type' => 'create_tap_truyen',
  'connected_items' => get_queried_object(),
  'nopaging' => true,
) );
// Display connected pages
if ( $connected->have_posts() ) :
?>
<h3>Cùng Series bài viết</h3></br>
<ul>
<?php while ( $connected->have_posts() ) : $connected->the_post(); ?>
	<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
<?php
// Prevent weirdness
wp_reset_postdata();
endif;
?>

Sau khi dán xong bạn Cập nhật lại tập tin nhé. Vậy là quá trình hiển thị các bài viết cùng Series ra ngoài trang chủ được rồi đấy.

Cuối cùng là chọn bài viết liên quan cùng cấp để hiển thị ra ngoài trang chủ.

Vào Menu Bài viết > Chọn Viết bài mới

Sau khi chọn viết bài mới bạn sẽ thấy xuất hiện bên cột bên phải Menu Connected Bài viết (from) và Menu Connected Bài viết (to) bạn click vô “Create connections” để thêm các bài viết cùng Series là được.

Và đây là kết quả mình đã làm DEMO theo hướng dẫn bên trên.

Tuy các bước hướng dẫn có dài dòng tuy nhiên nếu bạn thật sự bắt tay làm thì chưa đầy 2 phút là bạn có một Series chuyên nghiệp 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 tạo Drop cap cho bài viết wordpress không dùng Plugin giúp bạn có thể tùy biến dễ dàng bài viết của mình theo phong cách riêng tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo quảng cáo trượt hai bên trong WordPress.

Tạo quảng cáo trượt hai bên trong WordPress

Bạn có thể lựa chọn việc hiển thị quảng cáo ở hai bên trang web bằng cách sử dụng Plugin hoặc code và bạn là người ra quyết định? Về ưu nhược điểm của việc sử dụng Plugin và code chắc bạn cũng đã hiểu? Hãy cùng blog thủ thuật tìm hiểu cách tạo quảng cáo trượt hai bên trong WordPress đơn giản nhất.

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

Với plugin Float Left Right Advertising bạn sẽ dễ dàng chèn quảng cáo trượt hai bên trang chỉ cần cài đặt và kích hoạt Plugin là bạn có thể sử dụng. 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).

Lưu ý: Plugin này đã được phát triển hơn hai năm và chưa có bản cập nhật mới tuy nhiên theo mình test thử nó vẫn hoạt động trơn tru.

Sau khi cài đặt thành công bạn hãy Kích hoạt Plugin > Sau khi bạn kích hoạt bạn sẽ thấy xuất hiện một Menu có tên là Float Left Right Advertising hãy kích chọn vào menu này.

Sau đó hãy thực hiện các cài đặt sau đây.

Active Plugin: Bạn chọn Yes nếu muốn hiển thị quảng cáo 2 bên và chọn No để tắt

Show ads if client screen width: Hiển thị quảng cáo ở chế độ màn hình nào, có 3 sự lựa chọn cho bạn đó là 800, 1024 và 1280 px.

Main content width: Độ rộng tối đa của website, thông thường các website có độ rộng là 1024px, bạn có thể thay đổi theo theme bạn đang dùng.

Show Ads on mobile devices: Hiển thị quảng cáo với mobile

Banner Left & Banner Right: Tùy chỉnh chiều cao, chiều rộng của banner hiển thị ở bên trái và bên phải

Margin Left: Khoảng cách lề quảng cáo so với bên trái

Margin Right: Khoảng cách lề quảng cáo so với bên phải

Margin Top: Khoảng cách lề quảng cáo so với bên trên

HTML left Code: Mã HTML quảng cáo hiển thị ở cột bên trái

HTML right Code: Mã HTML quảng cáo hiển thị ở cột bên phải

Khi dán mã quảng cáo HTML xong bạn bạn lưu lại các cài đặt và bây giờ bạn ra ngoài trang chủ để xem kết quả.

Phương pháp 2: Sử dụng mã HTML

Nếu bạn cảm thấy trong website của mình đã quá nhiều Plugin thì bạn có thể dùng code sau để hiển thị quảng cáo trượt hai bên trong WordPress > hãy sao chép đoạn mã sau và dán vào file Header.php sau thẻ <body> là được.

<div id='ads-left'>
<div style='margin:0 0 5px 0; padding:0;width:200px;position:fixed; left:0; top:0;'>
<a href='http://you.com' target='_blank'><img border='0' height='665' src='http://you.com/gIM9she.jpg' width='200'/></a>
</div></div>
<div id='ads-right'>
<div style='margin:0 0 5px 0; padding:0;width:200px;position:fixed; right:0; top:0;'>
<a href='http://you.com' target='_blank'><img border='0' height='665' src='http://you.com/gIM9she.jpg' width='200'/></a>
</div></div>

Chú ý bạn thay đổi như sau.

You.com: Thay bằng địa chỉ website của bạn nhé

Phần ảnh bạn thay đổi lại đường dẫn ảnh của bạn nhé

Vậy là xong rồi đấy bây giờ bạn có thể hiển thị quảng cáo trượt 2 bên rồi đấy, quá đơn giản để bạn có thể tạo quảng cáo trượt hai bên trong WordPress 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 thủ thuật wordpress này blog thủ thuật sẽ hướng dẫn các bạn thay đổi tên thư mục rất quan trọng này mà bạn không cần dùng plugin. Giúp bạn an tâm hơn trong việc bảo mật Website cũng như tránh được những truy cập không mong muốn vào khu vực nhạy cảm nhất là Wp-admin. Nếu bạn cảm thấy các bước quá khó khăn hãy sử dụng một số Plugin có chức năng tương tự với dung lượng không đáng kể như “Rename wp-login.php” chẳng hạn…

Cách thay đổi thư mục wp-admin không cần Plugin

Các bước thay đổi thư mục wp-admin trong wordpress

Đầu tiên các bạn xác định các file liên quan gồm 3 file: .htaccess, default-constants.php nằm trong thư mục wp-includes và cuối cùng là file Functions.php. Sau khi xác định 3 file chính hãy copy đoạn code sau và dán vào file .htaccess.

RewriteEngine on
RewriteBase /
RewriteRule ^xxx/(.*) wp-admin/$1?%{QUERY_STRING} [L]

Chú ý: Hãy thay thế dòng “xxx” bằng cái folder mới của bạn và nếu 2 câu lệnh sau đây

RewriteEngine on
RewriteBase /

đã có rồi thì bạn chỉ cần copy câu lệnh còn lại và dán vào thôi. Tiếp tục, sau đó bạn vào thư mục wp-includes tìm file default-constants.php. Mở file lên sau đó tìm câu lệnh sau đây.

if ( !defined('ADMIN_COOKIE_PATH') )
	define( 'ADMIN_COOKIE_PATH', SITECOOKIEPATH . 'wp-admin' );

Và thay bằng câu lệnh sau đây

if ( !defined('ADMIN_COOKIE_PATH') )
	define( 'ADMIN_COOKIE_PATH', SITECOOKIEPATH . 'xxx' );

Chú ý: Cái xxx này phải giống cái xxx trong file .htaccess

Tiếp tục bạn copy đoạn code sau đây và dán vào file Function.php trước thẻ đóng ?> của theme mà bạn đang sử dụng.

add_filter('site_url',  'wpadmin_filter', 10, 3);
function wpadmin_filter( $url, $path, $orig_scheme ) {
	$old  = array( "/(wp-admin)/");
	$new  = array( "xxx");
	return preg_replace( $old, $new, $url, 1);
}

Chú ý: Cái xxx giống như 2 file trên!

Cuối cùng vào file wp-config.php tìm đến dòng define(‘WP_DEBUG’, false);  và thêm vào nội dung sau

define('WP_ADMIN_DIR', 'xxx');  
define( 'ADMIN_COOKIE_PATH', SITECOOKIEPATH . WP_ADMIN_DIR);

Chú ý: Cái xxx giống như 3 file trên!

Sau đó bạn lưu tất cả lại và ra ngoài thử nghiệm xem nào. Vậy là mình đã hướng dẫn các bạn thay đổi folder admin rồi nhé, chúc bạn thành công. Nhớ trước khi làm bạn phải có bản dự phò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!

Ở bài trước blog thủ thuật đã hướng dẫn các bạn cách chèn breadcrumb menu vào website giúp seo tốt hơn bằng Plugin, việc các bạn dùng Plugin giúp bạn đơn giản hóa công việc nhưng nếu các bạn cảm thấy mình đã có quá nhiều Plugin trên một website thì bạn nên dùng Code việc dùng code sẽ giúp trang Web của bạn tránh được các vấn đề về không tương thích, bảo mật…

Cách tạo breadcrumb menu dùng code trong WordPress

Đầu tiên bạn cần xác định các tập tin liên quan cần sử dụng bao gồm tập tin Functions.php, Single.php… của giao diện đang sử dụng (đồng thời bạn cần phải nắm bắt được cách truy cập vào các tập tin bạn có thể tham khảo bài viết sửa giao diện, plugin WordPress không cần FTP hoặc bạn có thể tham khảo cài đặt và sử dụng phần mềm CuteFTP).

Chuẩn bị code

Bạn có thể sử dụng một trong các đoạn code tạo breadcrumb menu cho WordPress được cung cấp bên dưới.

Code 1: Đây là code mình đang dùng

function the_breadcrumb() {
                echo '<ul id="crumbs">';
        if (!is_home()) {
                echo '<a href="';
                echo get_option('home');
                echo '">';
                echo '<img src="https://huuthuan.net/home.JPG"/>Home';
                echo "</a> / ";
                if (is_category() || is_single()) {
                        the_category(' / ');
                        if (is_single()) {
                                the_title(' / ');
                        }
                } elseif (is_page()) {
                        echo the_title(' / ');
                }
        }
        elseif (is_tag()) {single_tag_title();}
        elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
        elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
        elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
        elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
        elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
        elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
        echo '</ul>';
}

Code 2: Code sưu tầm

function ntvn_breadcrumbs() { 
  $delimiter = '<span>&raquo;</span>';
  $name = 'Home'; //text for the 'Home' link
  $currentBefore = '<span class="current">';
  $currentAfter = '</span>'; 
  if ( !is_home() || !is_front_page() || is_paged() ) { 
    echo '<div id="crumbs">'; 
    global $post;
    $home = get_bloginfo('url');
    echo '<a href="' . $home . '">' . $name . '</a> ' . $delimiter . ' '; 
    if ( is_category() ) {
      global $wp_query;
      $cat_obj = $wp_query->get_queried_object();
      $thisCat = $cat_obj->term_id;
      $thisCat = get_category($thisCat);
      $parentCat = get_category($thisCat->parent);
      if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
      single_cat_title(); 
    } 
    echo '</div>'; 
  }
}

Code 3: Code sưu tầm

function wp_breadcrumbs(){ 
		$delimiter = '»';
		$name = 'Home';
		$currentBefore = '<span class="current">';
		$currentAfter = '</span>';

		if(!is_home() && !is_front_page() || is_paged()){

			global $post;
			$home = get_bloginfo('url');
			echo '<a href="' . $home . '">' . $name . '</a> ' . $delimiter . ' ';

			if(is_tax()){
				  $term = get_term_by('slug', get_query_var('term'), get_query_var('taxonomy'));
				  echo $currentBefore . $term->name . $currentAfter;

			} elseif (is_category()){
				global $wp_query;
				$cat_obj = $wp_query->get_queried_object();
				$thisCat = $cat_obj->term_id;
				$thisCat = get_category($thisCat);
				$parentCat = get_category($thisCat->parent);
				if($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
				echo $currentBefore . '';
				single_cat_title();
				echo '' . $currentAfter;

			} elseif (is_day()){
				echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
				echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
				echo $currentBefore . get_the_time('d') . $currentAfter;

			} elseif (is_month()){
				echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
				echo $currentBefore . get_the_time('F') . $currentAfter;

			} elseif (is_year()){
				echo $currentBefore . get_the_time('Y') . $currentAfter;

			} elseif (is_single()){
				$postType = get_post_type();
				if($postType == 'post'){
					$cat = get_the_category(); $cat = $cat[0];
					echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
				} elseif($postType == 'portfolio'){
					$terms = get_the_term_list($post->ID, 'portfolio-category', '', '###', '');
					$terms = explode('###', $terms);
					echo $terms[0]. ' ' . $delimiter . ' ';
				}
				echo $currentBefore;
				the_title();
				echo $currentAfter;

			} elseif (is_page() && !$post->post_parent){
				echo $currentBefore;
				the_title();
				echo $currentAfter;

			} elseif (is_page() && $post->post_parent){
				$parent_id  = $post->post_parent;
				$breadcrumbs = array();
				while($parent_id){
					$page = get_page($parent_id);
					$breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
					$parent_id  = $page->post_parent;
				}
				$breadcrumbs = array_reverse($breadcrumbs);
				foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
				echo $currentBefore;
				the_title();
				echo $currentAfter;
			} elseif (is_search()){
				echo $currentBefore . __('Search Results for:', 'wpinsite'). ' &quot;' . get_search_query() . '&quot;' . $currentAfter;
			} elseif (is_tag()){
				echo $currentBefore . __('Post Tagged with:', 'wpinsite'). ' &quot;';
				single_tag_title();
				echo '&quot;' . $currentAfter;
			} elseif (is_author()) {
				global $author;
				$userdata = get_userdata($author);
				echo $currentBefore . __('Author Archive', 'wpinsite') . $currentAfter;
			} elseif (is_404()){
				echo $currentBefore . __('Page Not Found', 'wpinsite') . $currentAfter;
			}
			if(get_query_var('paged')){
			if(is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
			echo ' ' . $delimiter . ' ' . __('Page') . ' ' . get_query_var('paged');
			if(is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
			}

		}
	}

Sử dụng code

Ngoài ra còn rất nhiều code khác nhưng với 3 code trên các bạn có thể chọn kiểu phù hợp với trang Web của mình. Sau khi chọn được code thích hợp bạn copy sau đó bạn dán vào file Functions.php của giao diện mà bạn đang sử dụng hãy dán trước thẻ đóng ?> là được.

Sau khi bạn copy 1 trong 3 code dán vào file Functions.php xong. Tiếp tục bây giờ bạn copy các code tương ứng dưới đây và bạn có thể dán vào 1 trong các file Header.PHP, Single.PHP… nơi nào mà bạn muốn hiển thị breadcrumb menu (chú ý các bạn dán vào trong nội dung của thẻ <?php dán vào trong này, bạn có thể tùy chỉnh vị trí phù hợp ?>).

Code 1: Đây là code mình đang dùng

<?php the_breadcrumb(); ?>

Code 2: Sưu tầm

<?php if (function_exists('breadcrumbs')) breadcrumbs(); ?>

Code 3: Sưu tầm

<?php wp_breadcrumb(); ?>

Cuối cùng hãy lưu lại và tận hưởng thành quả, quá đơn giản để bạn có thể tạo breadcrumb menu dùng code trong WordPress 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 mình có hướng dẫn các bạn cách chống copy bài viết trong mã nguồn wordpress giúp bạn có thể bảo vệ nội dung trong bài viết WordPress tốt hơn khi ai đó muốn sao chép 100% bài viết của bạ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ạo “Drop cap” cho bài viết giúp bài viết trong WordPress trở nên sinh động và chuyên nghiệp hơn!

Hướng dẫn tạo “Drop cap” cho bài viết WordPress

Để tạo “Drop cap” cho bài viết WordPress bạn có thể sử dụng code hoặc Plugin, tuy nhiên cách đơn nhất là bạn có thể sử dụng Plugin Initial Letter WordPress nó sẽ giúp bạn tạo chữ cái đầu tiên thật lớn với kích thước mà bạn mong muốn. Hãy cùng blog thủ thuật làm tìm hiểu cách làm nổi bật bài viết WordPress bằng cách tạo “Drop cap” cho bài viết!

Đầu tiên bạn có thể tiến hành cài đặt bằng tay bằng cách tải Plugin Initial Letter Wordpress về máy tính và tiến hành cài đặt. Nếu bạn chưa biết cách cài đặt Plugin cho WordPress thì có thể tham khảo bài viết hướng dẫn cài đặt Plugin cho wordpress. Đơ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õ  Initial Letter sau đó tiến hành cài đặt.

Sau khi cài đặt xong hãy kích hoạt Plugin lên – Khi kích hoạt xong bạn sẽ thấy xuất hiện một Menu Initial Letter trong phần Cài đặt

Kích chọn vô menu Initial Letter và tiến hành cài đặt hiển thị ngoài trang chủ – Giao diện cài đặt khá là đơn giản với các cài đặt rất dễ dàng.

Gồm các mục cài đặt như sau

Font: Các bạn chọn font hiển thị mà hình muốn Plugin cung cấp với 7 font thông dụng

Size: Cỡ chữ bạn muốn

Right Padding: Khoảng cách từ chữ cái đến văn bản

Vertical Alignment: Chiều dứng của chữ

Color: Chọn màu sắc cho chữ

First Paragraph Only: Nếu bạn muốn hiện chữ cái ở dòng đầu tiên – Nếu bạn không tick vào thì nó sẽ hiện ở tất cả đầu dòng

Và đây là kết quả khi mình đã thực hiện các cài đặt như trê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 tìm kiếm và thay thế dữ liệu trong WordPress đơn giản giúp bạn dễ dàng thay đổi dữ liệu trong bài viết WordPress hay các liên kết nhanh chóng và đơn giả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 chèn breadcrumb vào bài viết giúp SEO tốt hơn.

Chèn breadcrumb vào bài viết giúp SEO tốt hơn

Vậy để làm được các breadcrumb menu này bạn bạn làm sao? Bạn có thể dùng code nhưng có một cách rất là đơn giản bạn có thể sử dụng Plugin RDFa Breadcrumb bạn không cần bận tâm gì nhiều về Plugin này vì nó rất nhỏ bé không và không ảnh hưởng gì đến tốc độ trang web. Đầu tiên hãy truy cập vào liên kết để tải Plugin RDFa Breadcrumb . 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 cài đặt xong bạn kích hoạt Plugin(Active) lên > Sau đó bạn sẽ thấy bên cột menu bên trái sẽ xuất hiện thêm một Menu RDFa Crumbs bạn click vô và tiến hành Cài đặt Plugin.

Cấu hình và sử dụng Plugin

Các thông số của Plugin rất đơn giản không có gì mà bạn phải cài đặt cả bạn chỉ chỉnh sửa lại dòng Title và Home Title thành từ khác mà bạn thích sau đó bạn nhấn nút Update Options là xong bước cấu hình.

Sau đó hãy sao chép đoạn code sau đây và dán vào vị trí mà bạn muốn hiển thị cái breadcrumb menu này là được (ví dụ như trong file single.php chẳng hạn).

<?php if(function_exists('rdfa_breadcrumb')){ rdfa_breadcrumb(); } ?>

Cuối cùng lưu lại và tận hưởng thành quả, bạn hãy đợi công cụ tìm kiếm cập nhật dữ liệu sau khi công cụ tìm kiếm cập nhật dữ liệu xong khi bạn tìm kiếm trang Web nó sẽ xuất hiện kết quả dạng như thế này.

Quá đơn giản để bạn có thể chèn breadcrumb vào bài viết giúp SEO tốt hơn phải không?

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

]]> https://huuthuan.net/thu-thuat-chen-breadcrumb-menu-vao-website-giup-seo-tot-hon.html/feed 0 https://huuthuan.net/thu-thuat-tao-hieu-ung-cuon-goc-cho-wordpress-don-gian.html https://huuthuan.net/thu-thuat-tao-hieu-ung-cuon-goc-cho-wordpress-don-gian.html#respond Mon, 12 Jun 2023 11:25:55 +0000 http://it60s.org/?p=2146 [Thủ thuật WordPress] Cách tạo hiệu ứng cuốn góc cho WordPress đơn giản – Hiệu ứng cuốn góc cho website có thể giúp blog, website của bạn trở nên chuyên nghiệp hơn – Với hiệu ứng cuốn góc trong trang Web bạn có thể đặt quảng cáo hoặc những mục đích khác mà bạn muốn người dùng chú ý. Đối với mã nguồn wordpress mình không biết là có Plugin nào hỗ trợ bạn tạo hiệu ứng này hay không? nếu có mình sẽ tìm hiểu và sẽ có một bài viết riêng tuy nhiên trong khi chờ đợi bạn có thể tạo hiệu ứng độc đáo này cho blog, website của mình với vài bước đơn giản sau.

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 chèn từ khóa vào bài viết WordPress tự động giúp bạn có thể dễ dàng chèn liên kết trong từ khóa tự động giúp SEO tốt 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ạo hiệu ứng cuốn góc cho WordPress đơn giản.

Tạo hiệu ứng cuốn góc cho WordPress đơn giản

Như mình đã đề cập ở trên việc tạo hiệu ứng cuốn góc giúp độc giả sẽ chú ý hơn những nội dung mà bạn cần giới thiệu vậy để tạo hiệu ứng cuốn góc trong WordPress phải làm sao? thực hiện như thế nào? có đơn giản hay không? hãy cùng blog thủ thuật tìm hiểu cách tạo hiệu ứng cuốn góc cho WordPress đơn giản. Đầu tiên các bạn hãy truy cập vào liên kết bên dưới để tải file cài đặt về máy tính.

Tải file về tại đây hoặc tại đây!

Sau khi tải về bạn giải nén ra bạn sẽ thấy có 5 file trong thư mục này với các tên như sau.

Large.swf, large.jpg, small.swf, small.jpg, peel.js.

Sau đó bạn dùng phần mềm CuteFTP hoặc Filezella… Up toàn bộ các file này lên vào thư mục web nơi nào các bạn thích (bạn có thể up ngang hàng với thư mục gốc). Sau đó các bạn mở file peel.js ra và tiến hành thay đổi đoạn đầu với các thông số như sau.

jaaspeel.ad_url = escape('http://www.domain.com');
jaaspeel.small_path = 'http://www.domain.com/peel/small.swf';
jaaspeel.small_image = escape('http://www.domain.com/peel/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://www.domain.com/peel/large.swf';
jaaspeel.big_image = escape('http://www.domain.com/peel/large.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

Chú ý: Chỗ nào có liên kết như sau: http://www.domain.com thì bạn đổi thành tên miền mình nhé!

Hiệu chỉnh quảng cáo

Tiếp tục hãy hiệu chỉnh ảnh nền và hình ảnh quảng cáo như sau.

Small.jpg : Bạn có thể chỉnh sửa cho phù hợp với website của bạn và đây chính là một hình nền sẽ được thấy khi lần đầu tiên load trang.

Large.jpg : Bạn cũng có thể chỉnh sửa tùy thích theo mục đích của bạn và đây chính là hình mà sau khi bạn cuộn trang sẽ thấy, hoặc đây chính là hình banner mà bạn muốn khách hàng kích vào.

Chú ý: Các hình ảnh này bạn có thể tùy chỉnh nhưng bạn không được đổi tên ảnh và định dạng ảnh vì khi đổi như vậy sẽ dẫn đến tình trạng không hiển thị ảnh.

Cuối cùng các bạn chèn đoạn code sau vào trước thẻ đóng </head> trong file header.php là được.

<script src="http://www.yourdomain.com/peel/peel.js" type="text/javascript"></script>

Hãy thay đổi địa chỉ http://www.domain.com thành tên miền của bạn. Quá đơn giản để bạn có thể tạo hiệu ứng cuốn góc cho WordPress 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 tạo Drop cap nhờ việc sử dụng Plugin Initial Letter WordPress với những tùy chỉnh vô cùng đơn giản là bạn có ngay một văn bản độc đáo tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách cách tạo Drop cap cho bài viết wordpress không dùng Plugin.

Tạo Drop cap cho bài viết wordpress không dùng Plugin

Có rất nhiều cách khác nhau để làm cho văn bản của bạn sinh động hơn tuy nhiên việc tạo chữ cái lớn trong văn bản là điều đơn giản nhất giúp văn bản của bạn có một phong cách riêng. Nếu bạn cảm thấy blog của bạn có quá nhiều Plugin thì bài viết này sẽ giúp bạn, hãy cùng blog thủ thuật tìm hiểu cách tạo Drop cap cho bài viết wordpress không dùng Plugin.

Đầu tiên hãy đăng nhập vào trang quản trị wordpress sau đó chọn Giao diệ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 về cách can thiệp nhanh vào các tập tin giao diện).

Giao diện chỉnh sửa code hiện ra > hãy chọn file Functions.php ở cột menu bên trái sau đó dán đoạn code dưới đây trước thẻ đóng ?> này là được.

function post_first_letter($content = '') {
   $pattern = '/<p( .*)?( class="(.*)")??( .*)?>((<[^>]*>|\s)*)(("|“|‘|‘|“|\')?[A-Z])/U';
   $replacement = '<p><span title="$7" class="post-first-letter">$7</span>';
   $content = preg_replace($pattern, $replacement, $content, 1 );
return $content;
}		
add_filter('the_content', 'post_first_letter');

Tiếp tục bạn copy các mẫu CSS mà  mình cung cấp dưới đây nếu bạn thích mẫu nào thì chọn > hãy sao chép và dán vào cuối file Style.css là xong.

Mẫu một

.post-first-letter{
  float: left;
  color: #7FFFD4;  
  font-size: 60px;
  line-height: 50px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 2px;
  font-family: Georgia;
}

Mẫu hai

.post-first-letter{
 	float: left;
	font-family: Times, Times New Roman, Serif;
	color: #00FF00; 
	font-size: 5em; 
	font-weight: bold; 
	line-height: 1em; 
	padding-right: 0.15em;
}

Mẫu số 3

.post-first-letter{
 	background: #990000;
        border: 4px double #ffcc00;
        color: #ffffff;
        float: left;
        font-family: "Times New Roman", Times, serif;
        font-size: 3em;
        font-weight: bold;
        margin: 7px 10px 0px 0px;
        padding: 10px;
        text-transform: uppercase;
}

Với 3 mẫu này bạn có thể tùy chỉnh màu sắc theo ý thích của bạn. Quá đơn giản để bạn có thể tạo Drop cap cho bài viết wordpress không dùng Plugin 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 chỉnh sửa lỗi khi Rich Snippets từ WordPress giúp bạn có thể sửa lỗi cấu trúc trong theme WordPress khi không đúng cấu trúc chuẩ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ạo vị trí menu wordpress không dùng Plugin.

Tạo vị trí menu wordpress không dùng Plugin

Như mình đã đề cập bên trên để tạo Menu WordPress bạn có thể sử dụng Plugin tuy nhiên nếu bạn cảm thấy việc sử dụng Plugin trong trang Web đã quá nhiều thì bạn có thể tham khảo phương pháp dưới đây! hãy cùng blog thủ thuật tìm hiểu cách tạo vị trí menu wordpress không dùng Plugin.

Đầu tiên hãy đăng nhập vào trang quản trị WordPress sau đó chọn Giao diện > Sửa (bạn có thể tham khảo cách truy cập vào các tập tin để chỉnh sửa tại bài viết sửa giao diện, plugin WordPress không cần FTP hoặc bạn có thể tham khảo cài đặt và sử dụng phần mềm CuteFTP)), và sau đó bạn hãy dán đoạn code sau vào File Functions.php của theme đang sử dụng (đoạn code này mục đích giúp bạn định nghĩa thêm một cái Menu mới).

function register_my_menus() {
register_nav_menus(
array( 'new-menu' => __( 'New Menu' ) )
);}
add_action( 'init', 'register_my_menus' );

Ở code trên chúng ta đăng ký với tên menu là: “New Menu” (hoặc nếu các bạn muốn nhiều hơn 1 Menu các bạn cũng có thể thực hiện bằng Code sau).

Thêm nhiều Menu

function register_my_menus() {
register_nav_menus(
array(
'new-menu' => __( 'New Menu' ),
'add-menu' => __( 'Add Menu' )
));}
add_action( 'init', 'register_my_menus' );

Và bây giờ chúng ta sẽ có 2 Menu tương ứng đó là “New Menu” và “Add Menu”, tiếp tục bạn hãy copy đoạn code sau dán vào những vị trí bạn muốn xuất hiện Menu như trong tập tin Header.php, Footer.php … Chẳng hạn.

<?php wp_nav_menu( array( 'theme_location' => 'new-menu' ) ); ?>

Ở đây bạn cần chỉ định theme_location = tên theme mà bạn đang sử dụng. Nếu bạn muốn chèn thêm Class thì dùng code sau.

<?php wp_nav_menu( array( 'theme_location' => 'add-menu', 'container_class' => 'my_add_menu_class' ) );?>

Sau khi thêm xong code bạn nhớ cập nhật lại tập tin. Bạn quay trở lại trang quản trị và chọn vào Appearance(Giao diện) > Menus(Trình đơn), lúc này bạn sẽ thấy các menu mà bạn vừa kích hoạt bên trên. Và bạn tiến hành thêm các chuyên mục tương ứng vô các menu vừa tạo là được.

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 tạo bộ đếm thời gian khuyến mãi sản phẩm trong WordPress giúp bạn có thể tùy biến bộ đếm thời gian khuyến mãi sản phẩm đơ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 tạo bài viết nổi bật trong wordpress không dùng Plugin.

Tạo bài viết nổi bật trong wordpress không dùng Plugin

Nếu bạn sử dụng mã mã nguồn WordPress để xây dựng trang Web thì có một số Plugin giúp bạn thực hiện chức năng này tuy nhiên nếu bạn thấy trang Web của mình có quá nhiều Plugin thì hãy áp dụng phương pháp sau. Hãy cùng blog thủ thuật tìm hiểu cách tạo bài viết nổi bật trong wordpress không dùng Plugin đơn giản nhất.

Đầu tiên hãy  đăng nhập vào trang quản trị wordpress nhé sau đó chọn Giao diện > kích chọn sửa (hoặc bạn có thể tham khảo bài viết cách chỉnh sửa giao diện, plugin WordPress không cần FTP để biết cách xác định các tập tin của giao diện đang sử dụng và thay đổi).

Sau đó hãy sao chép đoạn code sau và dán vào tập tin sidebar.php của giao diện đang sử dụng.

<!--side bar-->
<div>
<div id="sidebarxemnhieu">
<div class="iconsidebar"></div>
<h2 class="my_widget">BÀI VIẾT NỔI BẬT</h2>
</div>
<div class="xemnhieu">
<ul>
<?php                  
// The Query       //query_posts('meta_key=post_views_count&year=$current_year&monthnum=$current_month&posts_per_page=5&orderby=meta_value_num&order=DESC');
query_posts( array ( 'category_name' => 'Featured', 'posts_per_page' => 5 ) );
// The Loop             
while ( have_posts() ) : the_post();
//hinh anh
?>
<li> 
<div class="imgnew"><a href="<?php the_permalink(); ?>"  title="Permanent Link to <?php the_title(); ?>"><?php get_thumbnail($post->ID, 'thumbnail', 'alt="' . $post->post_title . '"'); ?></a></div>
<a href="<?php the_permalink(); ?>"  rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a>
</li>  
<?php
endwhile;
// Reset Query
wp_reset_query();
?> 
</ul>
</div>        
</div>
 <!--end sidebar-->

Các bạn chú ý câu lệnh

query_posts( array ( 'category_name' => 'Featured', 'posts_per_page' => 5 ) );

Ở đây tôi sẽ lấy các bài viết theo một “Catagory” nào đó (ví dụ tôi sẽ lấy “Catagory” là “Featured” với số bài viết là 5, hãy thay đổi theo chuyên mục mà trang Web của bạn đang có).

Nếu khi bạn tạo xong Bài viết nổi bật mà các bạn cảm thấy xấu quá thì bạn có thể thêm đoạn code sau vào tập tin Style.css của giao diện đang sử dụng.

/******************end share**********************/
#sidebarxemnhieu
{
    background: url("images/sidebarnew.png") no-repeat transparent;
    width:260px;
    height:29px;  
}
#sidebarxemnhieu h2
{
color: #FFFFFF;
    float: left;
    font-style: bold;
    left: 15px;
    position: relative;
    top: 5px;
}
.iconsidebar
{
background: url("images/icon2.png") no-repeat scroll left -290px transparent;
}
.xemnhieu
{
    background: transparent url(images/back_widget.png) repeat-x top left;
    padding: 10px; 
    margin-bottom:20px;    
}
.xemnhieu ul
{
border: medium none;
    margin: 0;
    padding: 0;
}
.xemnhieu ul li
{
    height: 50px;
    margin:0px 0px 20px 0px ;    
}
.imgnew
{
    border: 1px solid #DDDDDD;
    height: 50px;
    margin:0px 10px 0px 10px;
    overflow: hidden;
    width: 60px;
    float:left;
}
.xemnhieu ul li a:hover:
{
    background-color:red;
}
/********end bai viet noi bat*************/

Chú ý: Ngoài ra bạn chỉ cần đổi câu lệnh query là ta có thể thực hiện tùy biến không chỉ là bài viết cùng chuyên mục mà lấy cả bài viết cùng tag , bài viết mới nhất và bài viết có số lượng xem nhiều nhất.

Quá đơn giản để bạn có thể tạo bài viết nổi bật trong wordpress không dùng Plugin 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!

Tận dụng những ưu thế của “NO RECAPTCHA” mà WordPress đã xây dựng ngay một Plugin hỗ trợ việc xác thực người dùng bằng tính năng này. Nếu bạn đang sử dụng WordPress sao bạn không dùng thử tính năng này bạn sẽ cảm thấy tuyệt vời và hơn thế nữa? Ngoài tính năng bảo mật cho web nó còn là công cụ chống Spam hiệu quả.

Bảo mật WordPress tốt nhất bằng cách tích hợp “NO RECAPTCHA”

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 cấu hình iThemes Security để bảo mật WordPress giúp bạn có thể nắm được một số cấu hình iThemes Security giúp bảo mật trang Web tốt 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 bảo mật WordPress tốt nhất bằng cách tích hợp “NO RECAPTCHA”.

Trước khi sử dụng Plugin này bạn phải có một mã API do google cung cấp vậy để lấy được cái mã này phải làm sao, đầu tiên bạn hãy truy cập vào địa chỉ này! > sau đó bạn gõ tiêu đề mà bạn muốn vào ô Label và copy địa chỉ Website của bạn dán vào phần Domains (lưu ý phần Domain của bạn chỉ cần gõ tenmien.domain thôi nhé không có http hay https gì cả, ngoài ra bạn cần phải có tài khoản Google).

Sau khi bạn điền xong bạn nhấn Register thì sẽ hiện ra một giao diện mới bao gồm các thông tin API (ở đây các bạn chú ý 2 phần đó là Site key và Secret key).

Cài đặt Plugin

Giống như mọi Plugin khác đầu tiên bạn cần cài đặt Plugin NO RECAPTCHA 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 đó kích hoạt Plugin > sau khi kích hoạt xong bạn sẽ thấy mục “No CAPTCHA reCAPTCHA” xuất hiện trên menu bạn tiến hành kích vào và tiếp tục cài đặt.

Sau khi click vào bạn sẽ thấy phía bên phải xuất hiện các thuộc tính của Plugin và bạn chú ý phần “Site key” và “Secret” key của Plugin.

Hãy quay trở lại trang google lúc này mà bạn đã đăng ký bạn copy 2 thuộc tính “Site key” và “Secret key” tương ứng và quay trở lại trang quản lý Plugin và dán nó vào tương ứng > sau đó chọn Save All Changes. Ngoài ra trong Plugin này còn có các cài đặt khác như là cho xuất hiện mã No-capcha ở các mục khác: Đăng nhập, comment … và các cài đặt giao diện, ngôn ngữ …

Sau khi thay đổi các cài đặt bạn lưu tất cả lại và đây là kết quả mà mình đã thực hiện.

Quá đơn giản để bạn có thể bảo mật WordPress tốt nhất bằng cách tích hợp “NO RECAPTCHA” 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 cách giới hạn độ dài của tiêu đề bài viết trong wordpress giúp tiêu đề bài viết của bạn hợp lý hơn đảm bảo cấu trúc trang Web không bị vỡ, 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ông cụ soạn thảo văn bản trong WordPress.

Để tích hợp trình soạn thảo nâng cao trong Worpdress bạn phải sử dụng Plugin hổ trợ, một trong những Plugin được người dùng nhiều nhất đó là Plugin Advanced Editor Tools.

Plugin Advanced Editor Tools là gì?

Plugin Advanced Editor Tools (TinyMCE Advanced) là một plugin hữu ích cho người dùng WordPress, giúp bạn tùy biến và mở rộng các công cụ soạn thảo văn bản trong trình soạn thảo WordPress. Nó có rất nhiều tính năng mà trình soạn thảo mặc định WordPress không có, bạn có thể sử dụng các tính năng như tạo và chỉnh sửa bảng, chèn danh sách, tìm và thay thế, thiết lập phông chữ và kích thước chữ, và nhiều tính năng khác. Bạn cũng có thể sử dụng plugin để thay đổi trình soạn thảo mặc định của WordPress.

Các tính năng nổi bật của Advanced Editor Tools?

• Kích hoạt TinyMCE menu
• Tạo và chỉnh sửa bảng
• Một số tùy chọn cho các danh sách (lists)
• Thay đổi Font chữ và kích thước chữ
• Khả năng tìm kiếm và thay thế trong trình soạn thảo

Cài đặt công cụ soạn thảo văn bản trong WordPress

Để tích hợp các công cụ soạn thảo nâng cao trong WordPress bạn có thể sử dụng Plugin một trong những Plugin hỗ trợ mạnh mẽ nhất đó là TinyMCE Advanced với Plugin này bạn sẽ dễ dàng tích hợp các công cụ soạn thảo nâng cao trong WordPress hãy cùng blog thủ thuật tìm hiểu cách tích hợp công cụ soạn thảo văn bản trong WordPress.

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 cài đặt xong bạn tiến hành kích hoạt Plugin (Active) > sau đó bạn vào menu Cài đặt (settings) bạn sẽ thấy một Menu có tên là TinyMCE Advanced hãy kích chọn.

Đọ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

Cấu hình Plugin

Bạn chọn nút Enable the editor menu để cho phép các nút này hiển thị trên thanh menu trong cửa sổ bài viết.

Sau đó bạn muốn thêm các chức năng cần thiết thì bạn chọn các nút ở phần Unused Buttons và lôi nó lên trên. Vậy là xong sau khi thực hiện xong bạn đừng quên Save Changes.

Các bạn lưu ý: Nếu các bạn đang dùng wordpress phiên bản nhỏ hơn 4.0 thì bạn vào đây chọn phiên bản tương ứng và tải về cài đặt. Đối với hướng dẫn trên dành cho phiên bản 4.0 trở lên. Và sau khi thực hiện xong, bạn sẽ thấy giao diện bài viết như bên dưới.

Giao diện Plugin khi sử dụng trình soạn thảo cổ điển?

Giao diện Plugin khi sử dụng trình soạn thảo Gutenberg?

Vậy là bạn đã thành công, quá đơn giản để bạn có thể tích hợp công cụ soạn thảo văn bản trong WordPress phải không?

Kết luận

Plugin Advanced Editor Tools (trước đây gọi là TinyMCE Advanced) là một công cụ không thể thiếu cho bất kỳ người quản trị website WordPress nào muốn nâng cao trải nghiệm soạn thảo và tạo nội dung của mình. Với khả năng cung cấp nhiều tùy chọn và công cụ định dạng nâng cao, từ việc thêm bảng, danh sách nhiều cấp, đến việc tùy chỉnh phông chữ và màu sắc, plugin này giúp việc tạo ra các bài viết và trang web đẹp mắt và chuyên nghiệp trở nên dễ dàng hơn bao giờ hết. Dù bạn là một blogger, nhà phát triển web, hay chủ doanh nghiệp nhỏ, Advanced Editor Tools cung cấp những công cụ mạnh mẽ để tối ưu hóa nội dung, làm cho trang web của bạn nổi bật và thu hút độc giả.

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách hiển thị bài viết nhiều người comment wordpress không plugin giúp bạn có thể dễ dàng tích hợp vào WordPress những bài viết được nhiều người quan tâm bằng cách lấy những bài viết có lượng bình luận nhiều nhất để hiển thị tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách chèn nút like mạng xã hội vào WordPress không Plugin.

Chèn nút like mạng xã hội vào WordPress không Plugin

Để tạo được các nút like này có rất nhiều Plugin giúp bạn chuyện này? Nhưng bạn cảm thấy số lượng Plugin của trang Web đã quá nhiều và bạn không muốn sử dụng Plugin nữa? Bạn muốn tích hợp các nút Like vào WordPress bằng mã lệnh thì phải làm sao?

# Cài đặt nút like wordpress

Đầu tiên hãy truy cập vào địa chỉ này  sau đó chọn kiểu hiển thị mà bạn muốn xuất hiện (ở đây tôi sẽ chọn mẫu đầu tiên).

Giao diện mới xuất hiện ở phần này bạn hãy tùy chỉnh các mục như sau:

Channels: Các hệ thống mạng xã hội bạn muốn xuất hiện chỉ cần tích chọn vào các biểu tượng để kích hoạt hay vô hiệu mạng xã hội.

Alignment: Tùy chỉnh canh lề xuất hiện các biểu tượng mạng xã hội (Left – trái, Center – giữa, Right – phải, Justified – canh đều hai bên).

Và các cài đặt khác như độ rộng của biểu tượng, tên gọi biểu tượng, các cài đặt xuất hiện số lượng bình luận…

Sau khi thực hiện xong các cài đặt hãy kéo xuống dưới cùng nhấn “Register & Get the code” (đăng ký và nhận Code). Giao diện đăng ký tài khoản xuất hiện (gõ tên miền của bạn, địa chỉ Email và đặt mật khẩu).

Sau đó tích vào “I have read and agree…” > Nhấn Get the code, lúc này bạn sẽ được chuyển đến trang lấy mã để dán vào trang Web, tuy nhiên bạn không cần vội bạn có thể tùy biến lại các biểu tượng một lần nữa bằng cách kéo xuống dưới cùng và nhấn “Go to your dashboard” để vào khu vực quản lý.

# Kích hoạt và sử dụng

Khi đến khu vực quản lý bạn cần xác minh trang Web bằng cách nhấn vào chữ “Get the code” sau đó hãy sao chép đoạn mã này và dán vào bên trong thẻ <head> (bạn có thể dán tập tin header.php hoặc footer.php) của giao diện đang sử dụng.

Sau khi dán xong nhấn chữ “Verity” để xác minh, sau khi xác minh trang Web thành công tiếp tục bạn copy đoạn mã thứ 2 và dán vào bất cứ vị trí nào mà bạn muốn xuất hiện là được (có thể dán vào Widget, Single.php…).

Sau khi thực hiện xong bạn có thể ra ngoài trang Web và kiểm nghiệm kết quả, với công cụ này cũng tích hợp khá nhiều tính năng bạn có thể khám phá trong quá trình sử dụng, quá đơn giản để bạn có thể chèn nút like mạng xã hội vào WordPress không Plugin 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!

]]> https://huuthuan.net/thu-thuat-chen-nut-like-mang-xa-hoi-vao-wordpress-no-plugin.html/feed 27 https://huuthuan.net/thu-thuat-tinh-diem-comment-wordpress-cho-thanh-vien.html https://huuthuan.net/thu-thuat-tinh-diem-comment-wordpress-cho-thanh-vien.html#comments Mon, 12 Jun 2023 09:41:10 +0000 http://it60s.org/?p=2033 [Thủ thuật WordPress] Hướng dẫn cách tích hợp tính năng tính điểm bình luận cho các thành viên trong WordPress – Bạn có muốn quản lý số lượng bình luận trên website của từng thành viên hay không hoặc bạn muốn hiển thị các thành viên có số lượng bình luận và chuyển chúng thành điểm để khuyến khích các thành viên trong các hoạt động của trang Web hay không? Việc khuyến khích các thành viên trên trang Web không chỉ thể hiện được sự quan tâm của bạn đến các thành viên mà nó còn là động lực mạnh mẽ cho các thành viên để họ trở nên tích cực hơn.

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách hiển thị số lượt xem bài viết không dùng Plugin giúp bạn có thể dễ dàng hiển thị số lượt xem trên các bài viết đơ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 tích hợp tính năng tính điểm bình luận cho các thành viên trong WordPress.

Tích hợp tính năng tính điểm bình luận cho các thành viên

Để tích hợp tính năng tính điểm bình luận cho các thành viên trong WordPress bạn có thể sử dụng Plugin CubePoints, đây là một hệ thống quản lý điểm cho các trang web chạy trên WordPress. Người dùng có thể kiếm được các khoản tín dụng ảo trên trang web của bạn bằng cách đăng ý kiến, tạo bài viết, hoặc thậm chí bằng cách đăng nhập mỗi ngày! Cài đặt CubePoints và xem tương tác visitor của bạn bằng cách cung cấp cho họ những điểm số mà có thể được sử dụng để xem các bài viết nhất định.

Lưu ý: Plugin đã được phát triển cách đây hơn 2 năm tuy nhiên vẫn còn sử dụng tốt đối với các phiên bản WordPress hiện nay.

Giống như mọi Plugin khác đầu tiên bạn cần cài đặt Plugin CubePoints 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 bạn sẽ thấy xuất hiện một menu có tên là Cubeponts với 5 mục menu con chính.

Manage: Quản lý các comment và điểm số.

Add Poind: Thêm điểm cho các thành viên.

Configure: Các cài đặt liên quan đến tính điểm.

Logs: Quản lý các bài viết được comment.

Modules: Các module liên quan.

Cấu hình Plugin

Ở phần này ta chỉ quan tâm các thông số ở phần cài đặt là được. Bạn có thể tùy chỉnh mỗi comment được điểm bao nhiêu, bài viết được điểm bao nhiêu….

Phần General Settings: Bạn để mặc định cũng được.

Phần Point Settings: Bạn chỉnh sửa lại các số điểm mà bạn muốn, bao gồm: Mỗi comment được mấy điểm, Comment bị xóa trừ mấy điểm, viết bài được bao nhiêu điểm, thành viên mới được tặng bao nhiêu. Sau khi thay đổi hãy lưu lại.

Để hiển thị ra ngoài trang chủ hãy vào Menu Giao diện > widget. Ở đây có 2 widget để bạn chọn lựa đó là CubePoints Top Users: Những thành viên có số điểm đứng top (Ở đây bạn có thể cho hiển thị số lượng thành viên theo tùy thích) và CubePoint: Điểm của thành viên(Cái này thành viên đăng nhập mới thấy).

Hãy kéo vào Sidebar bạn muốn hiển thị là được. Ngoài ra nếu bạn không muốn dùng Plugin thì có thể thử đoạn code sau đây hãy copy sau đó vào file Functions.php của theme đang dùng và dán vào trước thẻ đóng ?> là được.

<? function commentCount() {
global $wpdb, global $current_user;
get_currentuserinfo();
$userId = $current_user->ID;
 
$count = $wpdb->get_var('
SELECT COUNT(comment_ID)
FROM ' . $wpdb->comments. '
WHERE user_id = "' . $userId . '"');
echo $count . ' comments';
}
?>

Đoạn mã trên sẽ thống kê số bình luận của các thành viên đã được phê duyệt. Dù gì đi nữa mỗi phương pháp sẽ có 2 mặt của nó và bạn dễ dàng nhận thấy đúng 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 thêm Gravatar vào Post Info trong giao diện Genesis đơn giản giúp bạn có thể dễ dàng tùy biến Post Info cho giao diện Genesis chuyên nghiệp tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tích hợp công cụ tìm kiếm Google trong WordPress.

Cách tích hợp công cụ tìm kiếm Google

Với Plugin WP Google Search bạn sẽ dễ dàng tích hợp công cụ tìm kiếm của Google lên trang Web. Bằng cách này bạn có thể chèn các công cụ tìm kiếm Google vào trang web của bạn, hoặc một bộ sưu tập các trang web một cách dễ dàng. Bạn có thể tìm kiếm các trang web và hình ảnh. Bạn có thể tùy chỉnh nếu bạn muốn tìm kiếm chỉ bên trong trang web của bạn (hoặc các trang web khác), hoặc toàn bộ các trang web trên internet. Hãy cùng blog thủ thuật tìm hiểu cách tích hợp công cụ tìm kiếm Google vào trang Web WordPress.

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 xong bạn sẽ thấy ở menu Cài đặt xuất hiện thêm mục WP Google Search > hãy kích chọn để tiến hành cài đặt.

Lấy ID Google Search

Ở giao diện này bạn chú ý thuộc tính Google Search Engine ID, để có được cái ID này bạn phải có một tài khoản Google. Hãy kích chọn địa chỉ http://www.google.com/cse/ để đến trang cài đặt google search (bạn nên đăng nhập vào tài khoản Google trước để tiện cho việc cài đặt).

Điền địa chỉ trang Web của bạn vào ô “Sites to search” (trang Web để tìm kiếm), tiếp tục bạn chọn ngôn ngữ tìm kiếm của trang Web > Sau đó bạn đặt tên cho công cụ tìm kiếm ở ô Name of the search engine (để mặc định cũng được) > Chọn Create (tạo).

Một thông báo cài đặt thành công ở đây có 3 sự lựa chọn

Add it to your site: Chèn code này vào website của bạn

View it on the web: Nhìn Demo trên web của bạn

Modify your search engine: Cài đặt, chỉnh sửa cho phù hợp với trang Web

Hãy kích chọn “Modify your search engine” để đến khu vực cấu hình công cụ tìm kiếm để lấy ID của công cụ vừa tạo. Ở giao diện cấu hình kích chọn vào “Search engine ID” lúc này bạn sẽ thấy xuất hiện một cửa sổ Pop-up với cái ID hãy sao chép nó.

Dán ID mà bạn copy được trong đoạn code trên vào ô Google Search Engine ID sau đó tích chọn các thuộc tính hoặc bạn có thể để mặc định sau đó bạn lưu các thay đổi này lại

Hiển thị trên Widget

Và bây giờ bạn đã có công cụ Search google rồi đấy bạn có thấy cái địa chỉ trong ô Search Page Target URL hay không bạn hãy copy dán vào trình duyệt là bạn sẽ thấy công cụ này, nhưng cái này nó đang ở trên một trang vậy bây giờ phải làm sao? Tiếp tục bạn vào menu Giao diện sau đó chọn Widget > để lấy cái Widget nhúng vào Sidebar… Sau khi vào khu vực Widget bạn kéo xuống bên dưới bạn sẽ thấy Widget có tên là “WP Google Search (WGS)” dùng chuột kéo Widget nhúng vào Sidebar mà bạn muốn hiển thị hộp thoại tìm kiếm.

Tùy chỉnh giao diện

Sau khi thực hiện xong hãy quay trở ra trang chủ và kiểm nghiệm kết quả, tuy nhiên nếu bạn cảm thấy giao diện tìm kiếm của Google trên trang Web không phù hợp bạn có thể tùy chỉnh lại bằng cách hãy vào trang quản lý công cụ tìm kiếm > Chọn “Look and feel” > Chọn “Layout” > Chọn giao diện mà bạn muốn là được.

Vậy là bạn đã tích hợp được công cụ tìm kiếm vào trang Web rồi đấy, quá đơn giản để bạn có thể tích hợp công cụ tìm kiếm Google trong WordPress 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!