Thêm featured posts sidebar WordPress

2 giờ ago, Hướng dẫn người mới, Views

Giới Thiệu Về Featured Posts Sidebar Trong WordPress

Sidebar là một phần quan trọng của nhiều website WordPress, thường được đặt ở bên trái hoặc bên phải nội dung chính. Nó cung cấp một không gian lý tưởng để hiển thị các thông tin bổ sung, tiện ích, quảng cáo, hoặc các bài viết nổi bật (featured posts). Việc thêm một sidebar hiển thị các bài viết nổi bật có thể giúp tăng tương tác của người dùng, khuyến khích họ khám phá thêm nội dung trên trang web của bạn, và cuối cùng là cải thiện trải nghiệm người dùng tổng thể.

Bài viết này sẽ hướng dẫn bạn chi tiết cách thêm và tùy chỉnh một featured posts sidebar trong WordPress, sử dụng nhiều phương pháp khác nhau, từ các plugin chuyên dụng đến việc viết code thủ công.

Tại Sao Nên Sử Dụng Featured Posts Sidebar?

Có rất nhiều lý do để bạn cân nhắc việc thêm một featured posts sidebar vào trang web WordPress của mình. Dưới đây là một vài lợi ích chính:

Tăng Tương Tác Người Dùng: Hiển thị các bài viết hấp dẫn nhất của bạn một cách nổi bật giúp thu hút sự chú ý của người dùng và khuyến khích họ click vào xem.
Cải Thiện Khả Năng Điều Hướng: Sidebar giúp người dùng dễ dàng tìm thấy các nội dung quan trọng hoặc liên quan đến chủ đề mà họ quan tâm.
Quảng Bá Nội Dung Quan Trọng: Sử dụng sidebar để quảng bá các bài viết khuyến mãi, bài viết mới, hoặc các bài viết có lượng truy cập cao.
Tăng Thời Gian Ở Lại Trang Web: Khi người dùng đọc nhiều bài viết hơn, họ sẽ ở lại trang web của bạn lâu hơn, điều này có lợi cho SEO.
Cải Thiện SEO: Liên kết nội bộ từ sidebar đến các bài viết quan trọng khác có thể giúp cải thiện thứ hạng SEO của bạn.

Các Phương Pháp Thêm Featured Posts Sidebar

Có nhiều cách để thêm một featured posts sidebar vào trang web WordPress của bạn. Chúng ta sẽ xem xét một vài phương pháp phổ biến nhất:

Sử Dụng Plugin WordPress

Đây là phương pháp đơn giản và nhanh chóng nhất, đặc biệt phù hợp cho những người không quen thuộc với code. Có rất nhiều plugin WordPress miễn phí và trả phí cho phép bạn tạo featured posts sidebar một cách dễ dàng. Dưới đây là một vài plugin phổ biến:

WordPress Popular Posts: Plugin này cho phép bạn hiển thị các bài viết phổ biến nhất dựa trên số lượng xem, bình luận, hoặc thời gian.
Recent Posts Widget With Thumbnails: Hiển thị các bài viết mới nhất kèm theo hình ảnh thumbnail.
Advanced Post Slider: Tạo một slider bài viết nổi bật trong sidebar của bạn.
Contextual Related Posts: Hiển thị các bài viết liên quan dựa trên nội dung hiện tại của trang.

Hướng Dẫn Sử Dụng Plugin:

Tìm kiếm và cài đặt plugin mong muốn từ trang quản trị WordPress (Plugins > Add New).
Kích hoạt plugin sau khi cài đặt.
Truy cập Appearance > Widgets.
Kéo widget của plugin vào khu vực sidebar mà bạn muốn hiển thị.
Cấu hình các tùy chọn của widget theo ý muốn (ví dụ: số lượng bài viết hiển thị, hình ảnh thumbnail, v.v.).
Lưu thay đổi.

Sử Dụng Code Thủ Công (Cho Người Có Kinh Nghiệm)

Nếu bạn có kinh nghiệm với code WordPress, bạn có thể tự tạo một featured posts sidebar bằng cách chỉnh sửa file `functions.php` của theme và tạo một widget tùy chỉnh. Phương pháp này linh hoạt hơn và cho phép bạn kiểm soát hoàn toàn giao diện và chức năng của sidebar.

Ví Dụ Code (Rất Cơ Bản):


// Đăng ký Sidebar
function my_register_sidebars() {
  register_sidebar(
    array(
      'id'            => 'featured-posts-sidebar',
      'name'          => __( 'Featured Posts Sidebar', 'textdomain' ),
      'description'   => __( 'Sidebar hiển thị các bài viết nổi bật.', 'textdomain' ),
      'before_widget' => '',
      'after_widget'  => '',
      'before_title'  => '',
      'after_title'   => '',
    )
  );
}
add_action( 'widgets_init', 'my_register_sidebars' );

// Hiển thị Sidebar trong template
<?php if ( is_active_sidebar( 'featured-posts-sidebar' ) ) : ?>
  <div id="sidebar" class="widget-area" role="complementary">
    <?php dynamic_sidebar( 'featured-posts-sidebar' ); ?>
  </div>
<?php endif; ?>

// Widget tùy chỉnh (Ví dụ: Hiển thị 3 bài viết mới nhất)
class Featured_Posts_Widget extends WP_Widget {

  function __construct() {
    parent::__construct(
      'featured_posts_widget',
      __( 'Featured Posts Widget', 'textdomain' ),
      array( 'description' => __( 'Hiển thị các bài viết nổi bật.', 'textdomain' ), )
    );
  }

  public function widget( $args, $instance ) {
    $title = apply_filters( 'widget_title', $instance['title'] );

    echo $args['before_widget'];
    if ( ! empty( $title ) )
      echo $args['before_title'] . $title . $args['after_title'];

    $args = array(
      'posts_per_page' => 3,
      'orderby'        => 'date',
      'order'          => 'DESC',
    );

    $the_query = new WP_Query( $args );

    if ( $the_query->have_posts() ) {
      echo '';
      while ( $the_query->have_posts() ) {
        $the_query->the_post();
        echo '' . get_the_title() . '';
      }
      echo '';
      wp_reset_postdata();
    }

    echo $args['after_widget'];
  }

  public function form( $instance ) {
    if ( isset( $instance[ 'title' ] ) ) {
      $title = $instance[ 'title' ];
    }
    else {
      $title = __( 'Featured Posts', 'textdomain' );
    }
    ?>
    <p>
    <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
    <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
    </p>
    <?php
  }

  public function update( $new_instance, $old_instance ) {
    $instance = array();
    $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
    return $instance;
  }

}

function register_featured_posts_widget() {
    register_widget( 'Featured_Posts_Widget' );
}
add_action( 'widgets_init', 'register_featured_posts_widget' );

Lưu ý quan trọng:

Sao lưu file `functions.php` trước khi chỉnh sửa.
Code trên chỉ là ví dụ cơ bản, bạn cần tùy chỉnh cho phù hợp với nhu cầu của mình.
Nếu bạn không quen thuộc với code, hãy sử dụng plugin thay vì viết code thủ công.

Hướng Dẫn Sử Dụng Code Thủ Công:

Thêm đoạn code đăng ký sidebar vào file `functions.php` của theme.
Thêm đoạn code hiển thị sidebar vào các file template mà bạn muốn hiển thị sidebar (ví dụ: `single.php`, `page.php`, `index.php`).
Thêm đoạn code widget tùy chỉnh vào file `functions.php` của theme.
Truy cập Appearance > Widgets.
Kéo widget “Featured Posts Widget” vào khu vực sidebar “Featured Posts Sidebar”.
Cấu hình tiêu đề của widget theo ý muốn.
Lưu thay đổi.

Sử Dụng Theme Options (Nếu Theme Hỗ Trợ)

Một số theme WordPress cao cấp đi kèm với các tùy chọn tích hợp để tạo featured posts sidebar. Kiểm tra tài liệu của theme để xem liệu theme của bạn có hỗ trợ tính năng này hay không.

Tùy Chỉnh Giao Diện Featured Posts Sidebar

Sau khi thêm featured posts sidebar, bạn có thể tùy chỉnh giao diện của nó để phù hợp với thiết kế tổng thể của trang web của bạn. Dưới đây là một vài cách để tùy chỉnh giao diện:

CSS: Sử dụng CSS để thay đổi màu sắc, font chữ, kích thước, và khoảng cách của các phần tử trong sidebar.
Widget Options: Nhiều widget đi kèm với các tùy chọn tùy chỉnh riêng, cho phép bạn thay đổi cách hiển thị bài viết (ví dụ: hiển thị hình ảnh thumbnail, trích đoạn, v.v.).
Theme Options: Một số theme cung cấp các tùy chọn tùy chỉnh sidebar trong trang quản trị theme.

Ví Dụ CSS:


#sidebar .widget {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #eee;
}

#sidebar .widget-title {
  font-size: 1.2em;
  margin-bottom: 10px;
}

#sidebar ul li {
  list-style: none;
  margin-bottom: 5px;
}

#sidebar ul li a {
  text-decoration: none;
  color: #333;
}

Bạn có thể thêm CSS này vào file `style.css` của theme hoặc sử dụng plugin tùy chỉnh CSS.

Mẹo và Thủ Thuật

Dưới đây là một vài mẹo và thủ thuật giúp bạn tạo một featured posts sidebar hiệu quả:

Chọn Bài Viết Cẩn Thận: Chọn các bài viết hấp dẫn, có liên quan đến chủ đề chính của trang web của bạn, và có khả năng thu hút sự chú ý của người dùng.
Sử Dụng Hình Ảnh Thumbnail Chất Lượng Cao: Hình ảnh thumbnail đóng vai trò quan trọng trong việc thu hút sự chú ý của người dùng. Đảm bảo rằng bạn sử dụng hình ảnh chất lượng cao, rõ ràng và hấp dẫn.
Giữ Cho Sidebar Ngắn Gọn: Tránh hiển thị quá nhiều bài viết trong sidebar, vì điều này có thể làm cho sidebar trở nên lộn xộn và khó điều hướng.
Kiểm Tra Trên Nhiều Thiết Bị: Đảm bảo rằng sidebar của bạn hiển thị tốt trên cả máy tính để bàn và thiết bị di động.
Thử Nghiệm và Theo Dõi: Thử nghiệm các phương pháp khác nhau để tìm ra cách hiển thị featured posts hiệu quả nhất cho trang web của bạn. Theo dõi hiệu suất của sidebar để xem liệu nó có thực sự tăng tương tác của người dùng hay không.

Kết Luận

Thêm một featured posts sidebar là một cách tuyệt vời để cải thiện trải nghiệm người dùng, tăng tương tác, và quảng bá nội dung quan trọng trên trang web WordPress của bạn. Bằng cách sử dụng các plugin, code thủ công, hoặc theme options, bạn có thể dễ dàng tạo một sidebar tùy chỉnh phù hợp với nhu cầu của mình. Hãy nhớ thử nghiệm và theo dõi hiệu suất của sidebar để đảm bảo rằng nó thực sự mang lại lợi ích cho trang web của bạn.

admin

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