算是給自己的筆記資料,修改版型 Fortun 的文章列表未正確標示 h1 的問題
修改 theme-functions.php 第 2055 行開始以下程式:
<div id="primary-blog" class="content-area"> <?php if( $archive == true ){ ?> <header class="page-header-archive"> <?php if( is_search() ){ ?> <h5 class="page-title"><?php printf( esc_html__( 'Search Results for: %s', 'fortun' ), '<span>' . get_search_query() . '</span>' ); ?></h5> <?php } else {the_archive_title( '<h5 class="page-title">', '</h5>' ); the_archive_description( '<div class="taxonomy-description">', '</div>' ); } ?> </header>
將 <h5 class=”page-title”>…. 的 h5 修改為 h1,接著再處理下一個檔案 template-tags.php 第 25 行:
<nav class="post-navigation navigation" role="navigation"> <h1 class="screen-reader-text"><?php esc_html_e( 'Post navigation', 'fortun' ); ?></h1> <div id="post-nav-links" class="nav-links">
將 h1 修改為 h3 或 h4、h5 避免一個頁面有過多 h1 的問題。
接著往下修改同一個檔案,搜尋 screen-reader-text 約在第 63 行可看到以下程式碼:
<nav class="portfolio-navigation navigation" role="navigation"> <h1 class="screen-reader-text"><?php esc_html_e( 'Portfolio navigation', 'fortun' ); ?></h1> <div id="portfolio-nav-links" class="nav-links">
將這部份的 h1 也改成 h3 4 5 隨意即可。