WordPressで投稿者を隠す方法について説明したことがあります。 この記事では WordPress GeneratePress テーマで、投稿者、作成日などのメタ情報を削除する方法を見てみましょう。
GPテーマの有料版では、投稿者と投稿日を表示するかどうかを選択するオプションがありますが、無料版では提供されません。無料版では、基本的なCSSを使用して必要な要素を隠すことができます。
GeneratePress テーマから投稿者、ポスト日付メタ情報を削除する方法
GP無料版で投稿者、発行日を隠す
無料版を使用している場合は、上の図に示すように、投稿日と投稿者情報(「投稿者」)が表示されます。無料版では、投稿者情報を削除するオプションはありません。代わりにCSSコードを使用して非表示にすることができます。
次のCSSコードを使用すると、個々の投稿に投稿者名がブラウザに表示されません。
/* GeneratePress 테마에서 포스트에 표시되는 글 작성자 정보 숨기기 */
/* Hide author meta info from posts in GeneratePress */
.single .byline {
display: none;
}
/* 포스트 날짜 숨기기 */
/* Hide post date info from posts in GeneratePress */
.single .posted-on {
display: none;
}
両方とも同時に非表示にしたい場合は、上記のコードを使用してもかまいませんが、次のようなコードも使用できます。
.single .entry-header .entry-meta {
display: none;
}
設定»読む»ホームページを表示で「最新の投稿」を選択した場合、ホームページの投稿リストから作成者情報を削除するには、次のコードを使用できます。
/* 전면 페이지에서 글 작성자 정보 숨기기 */
/* Hide author name from the front page in GeneratePress */
.home .byline {
display:none;
}
カテゴリ、タグなどのアーカイブページから、書いたこの名前を削除したい場合は、次のコードで非表示にすることができます。
.archive .byline { display:none; }
カスタムCSSコードは WordPress 管理者ページ»外観(WordPress バージョンに応じて、 "ルックス") » カスタム » 追加 CSSに入力してください。
display:none; を使用すると、実際にはその要素がロードされますが、ブラウザで訪問者には表示されません。
基本的なCSSを理解すると、必要な要素を簡単に隠すことができます。
GP有料版から投稿者、投稿日を削除する
GeneratePress テーマの有料版 GPプレミアムを使用している場合、 外観 » カスタム » Layout » Blogに移動し、 コンテンツ タブの 単発講座 セクションで Display post date (ポスト日付表示) チェックボックスと Display post author (投稿者を表示) チェックボックスをオフにして、投稿の発行日と投稿者の情報を削除できます。
また、GP Premium が提供する Elements モジュールを使用してヘッダーセクションを生成することも可能です。 このブログでは、ヘッダーセクションを作成し、投稿の発行日ではなく投稿の変更日を表示するようにしました。
また、 GeneratePress テーマでは、投稿タイトルの下にコメントの数とリンクを表示するオプションはありませんが、ヘッダーセクションを作成して追加することは可能です。 詳しい方法は、今後の時間になるとまとめてこのブログに載せてみましょう。
最後に、
以上で WordPress GeneratePress テーマから投稿者の名前と作成日を削除する方法について説明しました。
ジェネレートプレスのテーマは高速であるため、韓国では特に 収益型ブログに多く使用されています。 GeneratePress テーマをインストールしてキャッシュプラグインと最適化プラグインを設定すると、速度が速くなります。
/* 作成日のみを残してメタ情報を隠す */
.byline, .single .byline, .home .cat-links, .archive .cat-links, .search .cat-links, .comments-link {
表示:なし;
}
.entry-meta {
margin-bottom:-10px;
}
@media(min-width:1025px){
.separate-containers .inside-article {
パディング: 40px 40px 20px 40px;
}
}
@media(最小幅:720px)および(最大幅:1024px){
.separate-containers .inside-article {
パディング: 30px 30px 20px 30px;
}
}
@media(最大幅:719px){
.separate-containers .inside-article {
パディング: 30px 30px 5px 30px;
}
}
見つかりました^^;
/* 検索ページのメタ情報を隠す */
.search .entry-meta {
表示:なし;
}
検索結果ページはOOに何と書くべきですか?
.OO .entry-meta
.home .entry-meta, .archive .entry-meta {
表示:なし;
}
.single .byline {
表示:なし;
}
この状態でホームページとカテゴリページに作成日を追加したいと思います。
次のコードだけを使用できますか?
.entry-meta .byline {
display: none;
}
必要に応じてうまくいかない場合は、GPテーマの有料版を使用すると簡単に可能です。
また、 基本的なCSSを理解しても難しくありません。
.home .entry-meta {
表示:なし;
}
.single .byline {
表示:なし;
}
この状態でホームに作成日を追加したいです!!ㅎㅎ
.byline, .home .cat-links, .comments-link {
表示:なし;
}
.single .byline {
表示:なし;
}
これはちょうど私が望むCSSコードですが、これを行うと、.cat-linksと.comments-linkの部分に余白がなくなりません。
作成日だけを残してメタ情報を消去したいです。
.entry-meta {
表示:なし;
}
状態で作成日のみを表示するにはどうすればよいですか?