9 WordPress Mã để Spice Up Blog của bạn và cải thiện UX

Bài viết được viết bởi:
  • WordPress
  • Cập nhật: Có thể 08, 2019

WordPress rất dễ cấu hình và cài đặt, sẵn sàng hoạt động ngay sau khi bạn xuất bản blog của mình.

Nhưng việc dựa vào các tùy chọn mặc định của WordPress có thể dẫn đến việc bạn bị mất:

  • Ít chức năng hơn
  • Người dùng chán (người xem cùng nội dung trên mọi trang web WP họ gặp phải)
  • Giọt trong bảng xếp hạng công cụ tìm kiếm.

Bạn có một công cụ linh hoạt trong tay, rằng bạn có thể tinh chỉnh để biến nó thành một cái gì đó dễ chịu để sử dụng và hiệu quả để dựa vào. Tại sao không thêm gia vị cho người dùng của bạn (và bản thân bạn)?

Bài viết này muốn giúp bạn làm cho trang web dựa trên WordPress của bạn trở nên thú vị và hữu ích cho người dùng của bạn bằng cách thêm thú vị đoạn mã cũng sẽ nâng cao SEO của bạn.

Cần giúp đỡ Spice Up Blog WordPress của bạn?
WHSR hiện đang hợp tác với Codeable.io để hỗ trợ những người dùng cần các dịch vụ phát triển / tùy biến WP chuyên nghiệp.

Để nhận báo giá miễn phí, vui lòng điền vào mẫu yêu cầu này.

Hãy cho họ một thử và cho tôi biết làm thế nào họ làm việc ra cho bạn! ;)

Mã số 9 để nâng cao WordPress Blog của bạn

Tôi sẽ cung cấp cho bạn hai loại đoạn mã trong bài đăng này:

  1. Mã Codex
  2. Đoạn mã và tiện ích con

Codex mã là đoạn mã PHP tôi đã viết bản thân mình (với sự giúp đỡ của vị hôn thê của tôi, Simone) sử dụng nghiêm ngặt Codex WordPress.org như một tham chiếu.

Đoạn mã và tiện ích là các đoạn mã PHP (hoặc plugin WordPress) sẵn có tự do có sẵn trên các trang web khác và trên WordPress.org, nhưng tôi cũng bao gồm các đoạn của vị hôn phu và tôi đã viết từ đầu bằng cách sử dụng tài liệu tham khảo mở và Codex.

Cả hai loại mã đều dễ thực hiện và cài đặt, nhưng bạn có thể muốn bắt đầu với các widget và plugin nếu bạn không chắc chắn cách thao tác mã.

Tôi hiểu rằng các đoạn mã 9 có thể không đủ cho những người bạn thích thử nghiệm nhiều và nhiều mã khác nhau, vì vậy tôi chắc chắn rằng Robert Ludrosky của chúng tôi 25 đoạn mã tiện dụng cho các nhà phát triển WordPress sẽ thỏa mãn cơn đói của bạn (ít nhất là trong một thời gian). ;)

Mã Codex

1. Phân biệt bài viết dính

Để làm cho WordPress kiểm tra xem bài đăng hiện tại của bạn có phải là một bài đăng dính hay không - và hiển thị nó cho phù hợp - bạn có thể sử dụng hàm boolean Codex:

<? php is_sticky (); ?>

Chỉ một mình hàm sẽ trả về giá trị TRUE hoặc FALSE, vì vậy những gì bạn có thể làm ở đây nếu viết một cấu trúc có điều kiện (if / else) để quản lý các bài viết dính của bạn. Một ví dụ:

<? php nếu is_sticky () {the_title (); the_time ('M, d, Y'); trích đoạn(); } other {bao gồm 'post-template.php'; }

Trong cách sử dụng mẫu này, tôi hiển thị bài đăng như một hộp chứa chỉ tiêu đề, ngày đăng và đoạn trích (không phải toàn bộ bài đăng), trong khi mẫu chuẩn cho các bài đăng khác được chứa trong post-template.php.

Mỗi loại bài đăng sẽ có biểu định kiểu CSS riêng, nhưng chúng tôi không xác định kiểu ở đây; chỉ mẫu.

Single.php là mẫu mặc định của bạn cho các bài đăng đơn (bạn sẽ thấy nó được bao gồm trong mọi chủ đề WP mặc định).

Nếu bạn đã phát triển chủ đề WP của riêng bạn nhưng bạn đã thiết lập không có mẫu cho bài viết duy nhất, bạn có thể làm theo hướng dẫn Codex đây..

2. Hiển thị URL bài đăng

Điều này có thể thú vị để thêm vào mẫu của bạn. Nếu bạn muốn người đọc của bạn nhận được URI cho mỗi trang của bạn (hoặc bài viết), chỉ cần sử dụng thẻ sau trong mẫu single.php, page.php hoặc thậm chí index.php của bạn:

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

Thay vì sử dụng the_permalink, đó là lựa chọn rõ ràng nhất và hoạt động cho mọi trường hợp, WP cho phép bạn sử dụng hai hình thức thay thế cho bài đăng và trang:

<? php echo get_post_permalink (); ?>
 <? php echo get_page_link(); > 

Ví dụ: mẫu trang của bạn có thể bao gồm:

<p> Liên kết: <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a> </ p>

3. Truy xuất và hiển thị số ID bài đăng

Ngay cả khi bạn thiết lập cấu trúc liên kết cố định của mình để thân thiện với người dùng và SEO, bạn vẫn có thể hiển thị cho khách truy cập của mình ID bài đăng bằng cách thêm hàm đơn giản này vào dòng meta của bạn:

<?php the_ID(); ?>

Sử dụng mẫu:

<p class = "meta"> Được đăng bởi Tên tác giả. ID bài đăng là <? Php the_ID (); ?> </ p>

4. Danh mục danh sách theo ID

Chức năng chuẩn của WordPress là:

<? php get_all_category_ids ()?>

Dưới đây là ví dụ tôi đã sử dụng trên một trong các blog của mình, được viết bằng mã từ Sách thuốcmột chủ đề trên StackOverflow:

<? php $ category_ids = get_all_carget_ids (); foreach ($ category_ids là $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_carget_link ($ cat_id); // chúng tôi cần liên kết mèo để URL hoạt động! tiếng vang "<a href=\" nb$c Category_link Bolog\"> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

Càng và cách nó hiển thị:

thể loại mã WP

Lưu ý: get_all_category_ids () bây giờ là một hàm không được chấp nhận, nhưng bạn vẫn có thể sử dụng nó mà không có vấn đề, như tôi làm trên blog của tôi (ảnh chụp màn hình ở trên). Tuy nhiên, nếu bạn muốn sử dụng hàm mới cho đoạn mã này, hãy truy cập get_terms () trang của Codex.

Mã này làm gì?

Mã nhận tất cả các ID danh mục và tên danh mục cho mỗi ID, sau đó nó liên kết ID với liên kết danh mục, trong khi mã hiển thị tên danh mục sau “:” - do đó echo () biểu hiện <a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>.

5. Người dùng chi tiết / tác giả trang cho blog của bạn

Bạn đã bao giờ muốn xây dựng một trang tùy chỉnh sẽ hiển thị tất cả các tác giả hoặc người dùng blog của bạn mà không phải dựa vào một plugin?

Vâng, bạn có thể tạo trang Tác giả / Người dùng tùy chỉnh của riêng bạn chỉ với một trình soạn thảo văn bản, trình tải lên FTP và Bảng điều khiển WordPress yêu thích của bạn.

Trước hết, bạn cần phải tạo một bản sao của tệp page.php của bạn. Đổi tên bản sao của bạn thành bất kỳ tên nào - tôi đặt tên là users.php.

Thêm thẻ mẫu ở đầu mẫu này để WordPress nhận ra mẫu dưới dạng mẫu, sau đó chuyển tới Trang tổng quan của bạn -> Trang -> Thêm mới và tạo một trang cho danh sách Người dùng / Tác giả của bạn. Quay lại danh sách Trang, nhấp Chỉnh sửa Nhanh bên dưới tiêu đề trang mới của bạn và chọn mẫu mới của bạn từ trình đơn thả xuống Mẫu. Lưu các thay đổi của bạn.

Bây giờ mở tệp users.php của bạn (hoặc bất kỳ tên nào bạn đặt tên) và áp dụng mã sau:

 <? php $ result = Count_users (); echo 'Có', $ result ['Total_users'], 'tổng số người dùng'; foreach ($ result ['avail_roles'] dưới dạng $ vai trò => $ đếm) echo ',', $ Count, 'are', $ vai trò, 's'; tiếng vang '.'; ?> 

Mã này sử dụng người đếm chức năng được liệt kê là "sử dụng mặc định" trong Codex. Bạn có thể xem ví dụ trực tiếp về mã này tại http://robocity.in/users/.

Sau mã đó, hãy thêm một cái gì đó về quản trị viên blog:

<? php printf (__ ('Số bài viết được xuất bản bởi người dùng "Lãnh đạo":% d', 'text-dom-here'), count_user_posts (1)); ?>

Tôi đã sử dụng đếm_user_posts hoạt động ở đây, theo định dạng sử dụng do Codex đề xuất.

Các chức năng get_userdata là tốt để hiển thị mối tương quan giữa một tên người dùng nhất định và tên thật của người sử dụng nó. Xem bên dưới:

<? php $ user_info = get_userdata (1); $ tên người dùng = $ user_info-> user_login; $ First_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ First_name $ last_name đăng nhập vào trang web WordPress của họ với tên người dùng là $ username."; ?>

Bây giờ, đây là chức năng thú vị nhất mà bạn có thể sử dụng trên trang Tác giả / Người dùng của mình - người nhận chức năng:

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & vai trò = quản trị viên'); // Mảng các đối tượng WP_User. foreach ($ blogusers là $ user) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</ span> <br/>'; }?>

Hàm này sẽ lấy danh sách người dùng theo các tham số nhất định mà bạn có thể định cấu hình trong mã. Trong ví dụ trên (được lấy từ trang Codex và được chỉnh sửa để phù hợp với trang Người dùng của tôi tại Robocity.in), tôi muốn nhận danh sách quản trị viên cho blog ID 1 (blog hiện tại) được sắp xếp theo 'nicename' và cho mỗi người dùng, Tôi muốn hiển thị tên người dùng và email trong một câu thuộc loại Tên người dùng - [Email protected]".

Nếu bạn muốn hiển thị cho người dùng đã đăng nhập một cái gì đó về bản thân, bạn có thể sử dụng get_cienuserinfo chức năng truy xuất, nói, tên và địa chỉ của người dùng. Tôi đã không sử dụng chức năng này trong ví dụ của mình, nhưng sự sáng tạo không biết giới hạn, phải không? ;)

Đoạn mã & Widgets

6. Thay thế… Lưu trữ!

lưu trữ blog đẹp hơnHãy tưởng tượng nếu bạn có thể thay thế danh sách Lưu trữ thanh bên cũ của bạn - điều đó tiếp tục phát triển khi blog của bạn phát triển và buộc người dùng cuộn - với đoạn trích như đoạn bạn có thể thấy ở đây ở bên phải.

Nó sẽ không làm cho mọi người dễ dàng nắm bắt được tuổi blog và độ sâu của tài liệu lưu trữ của bạn trong nháy mắt chứ? :)

Chồng chưa cưới của tôi và tôi đã viết đoạn mã đơn giản này bằng cách sử dụng get_post từ Codex và một menu thả xuống đơn giản cho danh sách lưu trữ. Chúng tôi đã tạo ra các chức năng riêng của mình để làm cho ý tưởng hoạt động tốt.

<? php định dạng hàmPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime (định dạng $, strtotime ($ post-> post_date)); trả lại sản lượng $; } hàm getLastPostID () {list ($ post) = get_posts (mảng ('post_per_page' => 1)); trả lại $ post-> ID; }?> <p> Blog này có các bài đăng kể từ <? php echo formatPostDate (1, '% B% e,% Y'); ?>. <br/> Bài đăng cuối cùng được xuất bản trên <? php echo formatPostDate (getLastPostID (), '% B% e,% Y'); ?>. </ p> <p> Bạn có muốn truy cập vào một kho lưu trữ cụ thể không? value; "> <tùy chọn value =" "> <? php echo esc_attr (__ ('Chọn Lưu trữ')); ?> </ tùy chọn> <? ?> </ chọn>

Mã này làm gì?

Hàm formatPostDate lấy định dạng ID và ngày của bài đăng và trả về một ngày theo định dạng bạn chọn. Hàm thứ hai, getLastPostID, lấy một mảng các bài đăng chỉ chứa một bài đăng và trả về ID của nó.

Để có được bài đăng đầu tiên của blog - nói chung với ID = 1, chúng tôi viết echo formatPostDate (1, '% B% e,% Y') trong đoạn đầu tiên: mã này sử dụng hàm formatPostDate và lấy làm tham số cho ID bài đăng #1 và định dạng tiếng Anh chuẩn cho ngày và trả về ngày.

Để có được bài đăng cuối cùng của blog, chúng tôi sử dụng formatPostDate (getLastPostID (), '% B% e,% Y') để lấy ID của bài đăng cuối cùng và định dạng ngày (một lần nữa, bằng tiếng Anh) và in ngày vào màn.

7. Kiểm tra xem khách truy cập có sử dụng thiết bị di động không

Muneeb tại WP-Snippets.com đã chia sẻ một đoạn mã thú vị (một chức năng) để kiểm tra xem khách truy cập trên trang web của bạn có đang sử dụng thiết bị di động hay không.

Mã có sẵn đây..

Chức năng này giúp tối ưu hóa thiết bị di động, vì nó hữu ích nếu bạn chỉ hiển thị một số chức năng nhất định cho người dùng di động hoặc loại trừ người dùng di động khỏi các tính năng trang web nhất định.

8. Sử dụng cấu trúc if / else để thao tác nội dung thanh bên của trang của bạn

Đoạn mã này dựa trên Codex của WordPress, nhưng tôi đã đặt nó trong phần này vì nó cho phép nhiều sự sáng tạo và bạn có thể tìm thấy các đoạn mã được tạo sẵn trên Web.

Giả sử bạn muốn sử dụng nhiều thanh bên trên trang web của mình. Bạn có thể điền vào thanh bên của bạn với các div và các phần, nhưng tập tin càng lớn (ngay cả khi bạn sử dụng các widget) thì nó càng nặng.

Codex đến để bạn giải cứu với get_sidebar ($ name) chức năng. Cách sử dụng rất đơn giản:

  1. Tạo (nói) một thanh bên cho đoạn trích Trích dẫn của bạn. Đặt tên cho nó là sidebar-quotes.php
  2. Trong tệp sidebar.php chính (hoặc tệp tiêu đề hoặc chỉ mục, theo cấu trúc chủ đề WP của bạn) hãy viết get_sidebar (“dấu ngoặc kép”); để bao gồm tệp “sidebar-quotes.php”.

Bạn sẽ nhận được một sidebar mỏng hơn với các cuộc gọi đến các sidebars phụ khác, rằng bạn có thể tối ưu hóa với if / else xây dựng nếu bạn biết một chút mã PHP cho WordPress.

Bạn có thể không biết điều này, nhưng khi bạn sử dụng mã get_sidebar () chung chung, điều đó sẽ bao gồm cả sidebar.php Thanh vì bạn đã không thêm đối số $ name. Đây là cách sử dụng mặc định. Khi bạn thêm một tên miền-tên miền sau thanh bên * * .php, bạn có thể gọi tên addon đó bằng $ name arg.

Nếu bạn có quảng cáo, ưu đãi đặc biệt hoặc chức năng thanh bên mà bạn muốn hiển thị trên các trang nhất định trong blog hoặc mã của bạn sẽ làm quá tải thanh bên chuẩn, bạn sẽ thấy đoạn mã này là trình tiết kiệm cuộc sống cho UX.

9. Một công cụ để tích hợp đoạn mã vào trang WordPress của bạn

codesnippets ảnh chụp màn hình

Mã Đoạn là một plugin WordPress miễn phí được tạo bởi Shea Bange cho phép bạn dễ dàng thêm đoạn mã vào blog của mình.

Điều tuyệt vời về plugin này là bạn không còn phải chỉnh sửa functions.php nhưng bạn có thể thêm mã tùy chỉnh trực tiếp từ Trang tổng quan WordPress của mình. Về cơ bản, bạn có thể thêm đoạn mã như bạn sẽ thêm bài đăng hoặc trang mới.

Tom Ewer tại WPMUDev.org đã viết một phần giới thiệu thú vị cho plugin này, nhưng tài nguyên hữu ích nhất mà tôi đã tìm thấy cho đến nay cho Đoạn mã là diễn đàn hỗ trợ plugin tại WordPress.org.

Cho bạn!

Chia sẻ các thí nghiệm mã hóa WordPress của bạn trong phần bình luận dưới đây! Và vui lòng đặt câu hỏi về các đoạn giới thiệu trong bài đăng này.

Về Luana Spinetti

Luana Spinetti là một nhà văn và nghệ sĩ tự do có trụ sở tại Ý, và là một sinh viên Khoa học Máy tính đam mê. Cô có bằng tốt nghiệp trung học về Tâm lý học và Giáo dục và tham dự khóa học 3-year in Comic Book Art, từ đó cô tốt nghiệp trên 2008. Là một người có nhiều mặt như cô ấy, cô ấy đã quan tâm đến SEO / SEM và Web Marketing, với một khuynh hướng cụ thể đối với Social Media, và cô ấy đang làm ba tiểu thuyết bằng tiếng mẹ đẻ (tiếng Ý), indie xuất bản sớm.