Thêm blogroll WordPress không cần plugin

5 tháng ago, Hướng dẫn người mới, Views

Giới thiệu Blogroll và Tại sao Cần Thiết

Blogroll, hay còn gọi là danh sách liên kết, là một phần quan trọng trên website hoặc blog của bạn. Nó là một danh sách các trang web khác mà bạn đánh giá cao và muốn giới thiệu cho độc giả của mình. Blogroll không chỉ giúp độc giả khám phá nội dung mới mà còn xây dựng mối quan hệ với các blogger và nhà sáng tạo nội dung khác trong cộng đồng của bạn. Thêm vào đó, nó có thể cải thiện SEO bằng cách tạo ra các liên kết bên ngoài chất lượng.

Trong WordPress, việc thêm blogroll thường được thực hiện thông qua plugin. Tuy nhiên, việc sử dụng quá nhiều plugin có thể làm chậm tốc độ trang web và gây ra xung đột. Vì vậy, bài viết này sẽ hướng dẫn bạn cách thêm blogroll WordPress mà không cần sử dụng plugin, bằng cách sử dụng các phương pháp thủ công và tùy chỉnh.

Lợi ích của Việc Thêm Blogroll Không Cần Plugin

Việc tránh sử dụng plugin để thêm blogroll mang lại nhiều lợi ích:

Giảm thiểu số lượng plugin: Càng ít plugin, trang web của bạn càng nhanh và ổn định.
Kiểm soát hoàn toàn: Bạn có quyền kiểm soát hoàn toàn cách blogroll hiển thị và hoạt động.
Học hỏi kỹ năng: Bạn sẽ hiểu rõ hơn về cấu trúc theme WordPress và cách tùy chỉnh nó.

Các Phương Pháp Thêm Blogroll WordPress Không Cần Plugin

1. Sử dụng Widget “Links” Mặc Định của WordPress

WordPress có một widget “Links” mặc định, nhưng nó đã bị ẩn đi trong các phiên bản mới hơn. Để kích hoạt lại widget này, bạn cần thêm một đoạn code nhỏ vào file `functions.php` của theme.

Bước 1: Truy cập file `functions.php`

Có hai cách để truy cập file `functions.php`:

Thông qua bảng điều khiển WordPress: Đi tới “Appearance” -> “Theme Editor”. Tìm và chọn file `functions.php` ở phía bên phải. Cẩn thận khi chỉnh sửa file này, vì một lỗi nhỏ có thể làm hỏng trang web của bạn.
Thông qua FTP: Sử dụng một chương trình FTP như FileZilla để kết nối với server của bạn. Tìm thư mục chứa theme WordPress của bạn (thường là `/wp-content/themes/tên-theme-của-bạn/`). Tìm và tải file `functions.php` về máy tính của bạn.

Bước 2: Thêm code vào `functions.php`

Thêm đoạn code sau vào cuối file `functions.php` (trước thẻ đóng `?>` nếu có):


/**
 * Enable the Links Manager (Blogroll)
 */
add_filter( 'pre_option_link_manager_enabled', '__return_true' );

Bước 3: Lưu file `functions.php`

Nếu bạn chỉnh sửa thông qua bảng điều khiển WordPress, hãy nhấn nút “Update File”. Nếu bạn chỉnh sửa thông qua FTP, hãy tải file đã chỉnh sửa lên server, ghi đè file cũ.

Bước 4: Thêm Links

Sau khi kích hoạt lại Links Manager, bạn sẽ thấy mục “Links” trong bảng điều khiển WordPress. Đi tới “Links” -> “Add New” để thêm các liên kết vào blogroll của bạn. Bạn có thể thêm tên, URL, mô tả, và chọn danh mục cho liên kết.

Bước 5: Thêm Widget “Links” vào Sidebar hoặc Footer

Đi tới “Appearance” -> “Widgets”. Tìm widget “Links” và kéo nó vào vị trí bạn muốn hiển thị blogroll (ví dụ: sidebar hoặc footer). Bạn có thể tùy chỉnh tiêu đề, số lượng liên kết hiển thị, và các tùy chọn khác.

2. Tạo Blogroll Thủ Công bằng Code HTML

Nếu bạn muốn có nhiều quyền kiểm soát hơn đối với cách blogroll hiển thị, bạn có thể tạo nó thủ công bằng code HTML. Phương pháp này đòi hỏi bạn phải chỉnh sửa code theme WordPress.

Bước 1: Xác định vị trí hiển thị Blogroll

Xác định vị trí trên trang web của bạn nơi bạn muốn hiển thị blogroll. Ví dụ: sidebar, footer, hoặc một trang riêng.

Bước 2: Chỉnh sửa file Theme WordPress

Tùy thuộc vào vị trí bạn chọn, bạn sẽ cần chỉnh sửa một file theme WordPress khác nhau. Ví dụ:

Sidebar: Chỉnh sửa file `sidebar.php`.
Footer: Chỉnh sửa file `footer.php`.
Trang riêng: Chỉnh sửa file template trang (ví dụ: `page.php` hoặc một template tùy chỉnh).

Truy cập file bạn cần chỉnh sửa bằng cách sử dụng Theme Editor trong bảng điều khiển WordPress hoặc thông qua FTP.

Bước 3: Thêm Code HTML cho Blogroll

Thêm đoạn code HTML sau vào vị trí bạn muốn hiển thị blogroll:


<div class="blogroll">
  <h3>Blogroll</h3>
  <ul>
    <li><a href="https://example.com">Example Website</a></li>
    <li><a href="https://another-example.com">Another Example</a></li>
    <li><a href="https://third-example.com">Third Example</a></li>
  </ul>
</div>

Thay thế các URL và tên trang web bằng các liên kết bạn muốn thêm vào blogroll của mình. Bạn có thể thêm bao nhiêu liên kết tùy thích.

Bước 4: Lưu File

Lưu file đã chỉnh sửa. Nếu bạn chỉnh sửa thông qua bảng điều khiển WordPress, hãy nhấn nút “Update File”. Nếu bạn chỉnh sửa thông qua FTP, hãy tải file đã chỉnh sửa lên server, ghi đè file cũ.

Bước 5: Tùy chỉnh CSS (Tùy chọn)

Bạn có thể tùy chỉnh giao diện của blogroll bằng cách thêm CSS vào file `style.css` của theme. Ví dụ:


.blogroll {
  margin-bottom: 20px;
}

.blogroll h3 {
  font-size: 1.2em;
  margin-bottom: 10px;
}

.blogroll ul {
  list-style: none;
  padding: 0;
}

.blogroll li {
  margin-bottom: 5px;
}

.blogroll a {
  color: #007bff; /* Màu xanh dương */
  text-decoration: none;
}

.blogroll a:hover {
  text-decoration: underline;
}

3. Sử dụng Shortcode để Hiển Thị Blogroll

Shortcode là một đoạn code ngắn gọn mà bạn có thể chèn vào bài viết, trang, hoặc widget để thực hiện một chức năng cụ thể. Chúng ta có thể tạo một shortcode để hiển thị blogroll.

Bước 1: Thêm Code Shortcode vào `functions.php`

Truy cập file `functions.php` của theme (như đã hướng dẫn ở trên) và thêm đoạn code sau:


function custom_blogroll_shortcode() {
  $output = '<div class="blogroll">';
  $output .= '<h3>Blogroll</h3>';
  $output .= '<ul>';
  $output .= '<li><a href="https://example.com">Example Website</a></li>';
  $output .= '<li><a href="https://another-example.com">Another Example</a></li>';
  $output .= '<li><a href="https://third-example.com">Third Example</a></li>';
  $output .= '</ul>';
  $output .= '</div>';
  return $output;
}
add_shortcode( 'blogroll', 'custom_blogroll_shortcode' );

Bạn có thể thay đổi nội dung HTML bên trong hàm `custom_blogroll_shortcode()` để tùy chỉnh blogroll của mình.

Bước 2: Lưu File `functions.php`

Lưu file đã chỉnh sửa.

Bước 3: Sử dụng Shortcode

Bây giờ bạn có thể sử dụng shortcode `[blogroll]` trong bất kỳ bài viết, trang, hoặc widget nào để hiển thị blogroll.

Lời Khuyên và Lưu Ý Quan Trọng

Sao lưu website: Trước khi chỉnh sửa bất kỳ file theme WordPress nào, hãy sao lưu website của bạn để tránh mất dữ liệu nếu có sự cố xảy ra.
Sử dụng Child Theme: Nếu bạn muốn chỉnh sửa code theme WordPress, hãy tạo một child theme. Điều này giúp bạn tránh mất các thay đổi khi cập nhật theme.
Kiểm tra kỹ lưỡng: Sau khi thêm blogroll, hãy kiểm tra kỹ lưỡng để đảm bảo nó hiển thị đúng cách trên tất cả các thiết bị và trình duyệt.
Cập nhật thường xuyên: Nếu bạn sử dụng widget “Links” mặc định, hãy cập nhật các liên kết thường xuyên để đảm bảo chúng vẫn hoạt động và phù hợp.

Kết luận

Thêm blogroll WordPress mà không cần plugin là hoàn toàn khả thi. Bằng cách sử dụng widget “Links” mặc định, tạo blogroll thủ công bằng code HTML, hoặc sử dụng shortcode, bạn có thể tạo một danh sách liên kết tùy chỉnh mà không cần phải lo lắng về việc sử dụng quá nhiều plugin. Hãy chọn phương pháp phù hợp nhất với kỹ năng và nhu cầu của bạn. Chúc bạn thành công!

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa