Khôi phục trường link title WordPress

8 giờ ago, WordPress Plugin, Views
Khôi phục trường link title WordPress

Giới thiệu về trường link title trong WordPress

Trường “link title” trong WordPress, hay còn gọi là thuộc tính title của thẻ <a> (anchor), là một phần quan trọng để cải thiện trải nghiệm người dùng và tối ưu hóa công cụ tìm kiếm (SEO). Thuộc tính này cho phép bạn cung cấp thêm thông tin về liên kết khi người dùng di chuột (hover) lên liên kết đó. Mặc dù WordPress đã loại bỏ trường này khỏi giao diện chỉnh sửa mặc định, nó vẫn rất hữu ích và có thể được khôi phục bằng nhiều phương pháp khác nhau.

Trước khi phiên bản WordPress 4.2, trường link title là một phần mặc định của hộp thoại chèn/chỉnh sửa liên kết. Tuy nhiên, vì nhiều lý do, nó đã bị loại bỏ để đơn giản hóa giao diện cho người dùng mới. Mặc dù vậy, những người dùng có kinh nghiệm vẫn thấy nó là một công cụ mạnh mẽ để cung cấp ngữ cảnh và thông tin bổ sung cho người đọc.

Tại sao cần khôi phục trường link title?

Việc khôi phục trường link title mang lại nhiều lợi ích đáng kể:

  • Cải thiện trải nghiệm người dùng: Bằng cách cung cấp mô tả ngắn gọn về đích đến của liên kết, bạn giúp người dùng hiểu rõ hơn về những gì họ sẽ thấy khi nhấp vào liên kết. Điều này đặc biệt hữu ích cho những liên kết không rõ ràng hoặc chứa thông tin quan trọng.
  • Tối ưu hóa SEO: Mặc dù Google tuyên bố rằng họ không sử dụng thuộc tính title để xếp hạng trang web, nó vẫn có thể cung cấp tín hiệu ngữ nghĩa cho công cụ tìm kiếm. Một mô tả rõ ràng và liên quan đến nội dung của trang đích có thể giúp công cụ tìm kiếm hiểu rõ hơn về cấu trúc và chủ đề của trang web của bạn.
  • Hỗ trợ người dùng khuyết tật: Thuộc tính title có thể được sử dụng bởi các trình đọc màn hình để cung cấp thông tin bổ sung cho người dùng khiếm thị. Điều này giúp trang web của bạn trở nên dễ tiếp cận hơn cho mọi người.

Các phương pháp khôi phục trường link title

Có nhiều cách khác nhau để khôi phục trường link title trong WordPress, từ sử dụng plugin đơn giản đến chỉnh sửa trực tiếp code của theme. Dưới đây là một số phương pháp phổ biến nhất:

Sử dụng plugin

Đây là phương pháp đơn giản và dễ thực hiện nhất, đặc biệt đối với những người không quen thuộc với việc chỉnh sửa code. Có nhiều plugin miễn phí và trả phí có thể giúp bạn khôi phục trường link title chỉ với vài cú nhấp chuột.

Ví dụ về một số plugin phổ biến:

  • Title Attribute on Links: Plugin này là một lựa chọn đơn giản và hiệu quả để thêm lại trường link title vào trình soạn thảo WordPress. Nó không có nhiều tùy chọn cấu hình, nhưng nó hoạt động tốt và dễ sử dụng.
  • Add Link Title: Một plugin khác cũng cung cấp chức năng tương tự, giúp bạn thêm trường link title vào hộp thoại chèn/chỉnh sửa liên kết.

Cách sử dụng plugin:

  1. Đăng nhập vào trang quản trị WordPress của bạn.
  2. Đi tới “Plugins” -> “Add New”.
  3. Tìm kiếm plugin bạn muốn sử dụng (ví dụ: “Title Attribute on Links”).
  4. Nhấp vào “Install Now” và sau đó “Activate”.
  5. Sau khi kích hoạt, trường link title sẽ tự động xuất hiện trong hộp thoại chèn/chỉnh sửa liên kết.

Chỉnh sửa file functions.php của theme

Phương pháp này đòi hỏi bạn phải chỉnh sửa code của theme, vì vậy bạn cần phải cẩn thận và tạo bản sao lưu trước khi thực hiện bất kỳ thay đổi nào. Nếu bạn không quen thuộc với việc chỉnh sửa code, tốt nhất là bạn nên sử dụng plugin.

Các bước thực hiện:

  1. Đăng nhập vào trang quản trị WordPress của bạn.
  2. Đi tới “Appearance” -> “Theme Editor”.
  3. Tìm file functions.php trong danh sách các file theme.
  4. Thêm đoạn code sau vào cuối file functions.php:

    “`php
    add_filter( ‘wp_link_dialog_fields’, ‘add_link_title_field’, 10, 2 );
    function add_link_title_field( $fields, $link ) {
    $fields[‘link_title’] = ‘‘;
    return $fields;
    }

    add_action( ‘admin_footer’, ‘add_link_title_js’ );
    function add_link_title_js() {
    ?>

    jQuery(function($){
    $(‘#wp-link-submit’).click(function(e){
    var title = $(‘#wp-link-title’).val();
    if(title){
    var linkHTML = ‘‘+$(‘#wp-link-text’).val()+’‘;
    $(‘#wp-link-text’).val(linkHTML); // This is the important part!
    }
    });
    });

    <?php
    }
    “`

  5. Nhấp vào “Update File” để lưu các thay đổi.
  6. Kiểm tra xem trường link title đã xuất hiện trong hộp thoại chèn/chỉnh sửa liên kết chưa.

Lưu ý:

  • Việc chỉnh sửa trực tiếp file functions.php có thể gây ra lỗi nếu bạn không cẩn thận. Hãy đảm bảo bạn có bản sao lưu của file trước khi thực hiện bất kỳ thay đổi nào.
  • Nếu bạn đang sử dụng child theme, bạn nên chỉnh sửa file functions.php của child theme thay vì theme chính để tránh mất các thay đổi khi cập nhật theme.

Sử dụng plugin chỉnh sửa code (Code Snippets)

Một lựa chọn an toàn hơn so với việc chỉnh sửa trực tiếp file functions.php là sử dụng plugin “Code Snippets”. Plugin này cho phép bạn thêm các đoạn code vào trang web của mình mà không cần chỉnh sửa các file theme trực tiếp.

Cách sử dụng plugin Code Snippets:

  1. Đăng nhập vào trang quản trị WordPress của bạn.
  2. Đi tới “Plugins” -> “Add New”.
  3. Tìm kiếm plugin “Code Snippets” và cài đặt, kích hoạt nó.
  4. Đi tới “Snippets” -> “Add New”.
  5. Nhập tiêu đề cho đoạn code (ví dụ: “Khôi phục trường link title”).
  6. Dán đoạn code PHP đã được cung cấp ở trên (phần “Chỉnh sửa file functions.php của theme”) vào ô code.
  7. Chọn “Only run in administration area” trong phần “Run snippet everywhere”.
  8. Nhấp vào “Save Changes and Activate” để lưu và kích hoạt đoạn code.

Kiểm tra và sử dụng trường link title

Sau khi đã khôi phục trường link title, bạn có thể sử dụng nó bằng cách:

  1. Tạo hoặc chỉnh sửa một bài viết hoặc trang.
  2. Chọn văn bản bạn muốn liên kết.
  3. Nhấp vào biểu tượng “Insert/edit link” (hoặc sử dụng phím tắt Ctrl+K).
  4. Nhập URL của liên kết.
  5. Nhập nội dung bạn muốn hiển thị trong thuộc tính title vào trường “Title” (nếu sử dụng plugin) hoặc trường “link_title” (nếu chỉnh sửa code).
  6. Nhấp vào “Add Link” (hoặc “Update”) để lưu liên kết.

Để kiểm tra xem thuộc tính title đã được thêm vào liên kết hay chưa, bạn có thể di chuột lên liên kết đó trong trình duyệt của mình. Một tooltip sẽ xuất hiện, hiển thị nội dung của thuộc tính title.

Kết luận

Việc khôi phục trường link title trong WordPress là một cách đơn giản nhưng hiệu quả để cải thiện trải nghiệm người dùng, tối ưu hóa SEO và hỗ trợ người dùng khuyết tật. Bạn có thể lựa chọn phương pháp phù hợp nhất với trình độ kỹ thuật của mình, từ sử dụng plugin đơn giản đến chỉnh sửa trực tiếp code của theme. Hãy nhớ luôn tạo bản sao lưu trước khi thực hiện bất kỳ thay đổi nào và kiểm tra kỹ lưỡng sau khi hoàn thành.

Related Topics by Tag
, , , ,

..