Tùy chỉnh Văn bản Đọc thêm trong Chủ đề Genesis với Trợ năng

Và không làm mất khả năng tiếp cận Đọc thêm!

Hỗ trợ trợ năng đã được thêm vào Genesis Framework với phiên bản 2.2 (ngày 1 tháng 9 năm 2015). Một trong những tính năng trợ năng mới được thêm vào là văn bản trình đọc màn hình trên bài đăng blog đọc nhiều liên kết hơn, vì vậy những người sử dụng trình đọc màn hình biết liên kết đọc thêm đưa họ đến đâu.

Thay vì chỉ nghe nhiều “Đọc thêm”, nếu bài đăng trên blog có tiêu đề “Bài đăng trên blog mới”, giờ đây họ nghe thấy “Đọc thêm về Bài đăng trên blog mới”. Điều này thực sự hữu ích trong việc điều hướng một trang web.

Nhưng điều này cũng có nghĩa là nếu bạn muốn tùy chỉnh văn bản Đọc thêm của chủ đề con Genesis, bạn phải chắc chắn rằng mình không xóa khả năng truy cập. Bạn có thể đọc thêm về các tính năng Trợ năng của Genesis

 

Mẫu Genesis mặc định sử dụng [Đọc thêm…] cho văn bản Đọc thêm. Đây là cách tùy chỉnh văn bản Đọc thêm trong chủ đề Genesis của bạn mà không làm mất khả năng truy cập.

Bước 1. Chủ đề con của bạn có thể truy cập được không?

Trước tiên, bạn cần xác định xem chủ đề của bạn có thể truy cập được hay không. Tìm trong functions.php của bạn. Nếu bạn tìm thấy dòng này, thì chủ đề con của bạn có thể truy cập được.
<!--?php // Remove this line before adding to functions.php

// Add Accessibility support.
add_theme_support( ‘genesis-accessibility’, array( ‘404-page’, ‘drop-down-menu’, ‘headings’, ‘rems’, ‘search-form’, ‘skip-links’ ) );


Dòng có thể không có tất cả các mục mảng, nhưng không sao; bạn có thể làm theo bước tiếp theo.

Bước 2. Chỉnh sửa functions.php

Nếu bạn muốn sử dụng “Continue Reading”, đây là những gì bạn sẽ thêm vào functions.php của mình. Đừng quên thêm văn bản bạn muốn, thay vì Tiếp tục Đọc.
<!--?php // Remove this line before adding to functions.php

add_filter( ‘excerpt_more’, ‘redhs_read_more_link’ );
add_filter( ‘get_the_content_more_link’, ‘redhs_read_more_link’ );
add_filter( ‘the_content_more_link’, ‘redhs_read_more_link’ );
/**

  • Modify the Genesis more-link text with accessibility.

  • @return void
    */
    function redhs_read_more_link( $more ) {

    $new_a11y_read_more_title = sprintf( ‘<span class=“screen-reader-text”>%s %s</span>’, __( 'about ', ‘textdomain’ ), get_the_title() );

    return sprintf( ‘… <a href="%s" class=“more-link”>%s %s</a>’, get_permalink(), __( ‘Continue Reading’, ‘textdomain’ ), $new_a11y_read_more_title );
    }

Bước 3. Chỉnh sửa style.css

Giờ đây, bạn có thể tùy chỉnh kiểu Đọc thêm của mình. Đây là một ví dụ.

Liên hệ với tôi, nếu bạn cần trợ giúp với chủ đề con Genesis của mình!