Cách xóa Mô tả Trang web (Dòng giới thiệu) trong Genesis

Trên trang Facebook của Genesis, Rian Rietveld đã viết:

Chào mọi người,

Nếu bạn cập nhật lên Genesis 2.2 và kích hoạt các tính năng trợ năng, bạn có thể thấy một số tiêu đề bổ sung trong chủ đề của mình.

Nếu bạn muốn loại bỏ chúng, đừng sử dụng remove_action mà hãy ẩn chúng bằng CSS.

Người mù cần những tiêu đề đó để điều hướng và hiểu một trang web.

Đừng ẩn chúng bằng display: none, nhưng với lớp .screen-reader-text.

Lớp này được bao gồm trong chủ đề mẫu mới: https://github.com/copyblogger/genesis-sample/blob/develop/style.css

Nếu bạn muốn biết thêm về cách sử dụng các tính năng trợ năng, hãy đọc: http://genesis-accessible.org/2015/07/genesis-2-2-accessibility-changes-and-features/

Nếu bạn có bất kỳ câu hỏi nào, hãy hỏi họ trong kênh trợ năng # slack.

Do đó, để loại bỏ dòng giới thiệu, thay vì thêm

// Remove the site description
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );

trong functions.php , thêm

// Add class for screen readers to site description
add_filter( 'genesis_attr_site-description', 'genesis_attributes_screen_reader_class' );

Nếu chủ đề con đang hoạt động của bạn chưa bao gồm CSS cho , hãy thêm chủ đề này vào style.css :.screen-reader-text

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}