ゼロイチ

WordpressやWEB技術ネタ

Wordpress

WordPressの投稿ページに表示される投稿者・作成者を非表示にしたい

投稿日:2017年6月3日 更新日:

ついうっかり投稿者を表示したまま放置してました。自分のサイトって意外と見落としているミスってありますよね。今回は投稿内容をチェックしていた際「ん?投稿者名表示されとるやんけー!」となったので、今回はWordpressサイトにおいて投稿者名を非表示にする手順について書いていきます。

やり方は以下の2つかなと思います。

  1. HTMLソース上から削除する
  2. CSSで無理やり見えないようにする

オススメは1の方法です。非表示にしたいのであれば、そもそもHTMLから削除すべきです。

2の方法はCSSで無理やり見えないようにしているだけなので、ブラウザからのちょっとした手順を実行することで投稿者を知ることができます。また、CSSで非表示にするということは、一度ページ上に表示→CSSで非表示というユーザにとっては無駄な処理が走ります。

上記については細かい話ですが、すべてのページに関わる設定なのでより良い方法を選択することが重要です。

今回は現在このサイトで適用しているテーマ「Stinger8」の投稿者の非表示方法について解説していきます。ただし、投稿者を表示するコードというのは<?php the_author_posts_link(); ?>で共通なので、どのテーマでも有効だとは思います。

HTMLソース上から削除する

*作業の前にバックアップを取っておくことを強くオススメします。

管理画面から外観>テーマ編集をクリックします。右の欄から【メインインデックスのテンプレート(index.php)】を選択します。表示されたソースの中から以下のコードを検索し、削除します。

<p>執筆者:<?php the_author_posts_link(); ?></p>

周りのコードを誤って削除しないように気をつけてください。その後、ファイルを更新ボタンをクリックします。

同様の手順を個別投稿(single.php)と個別投稿ページ(page.php)でも実行します。

Stinger8以外のテーマでも<?php the_author_posts_link(); ?>の部分を検索して該当ソースコードがあれば削除できます。

CSSで無理やり見えないようにする

上記と同じくStinger8での方法になりますが、他のテーマでもrel属性を変えたりクラス名を変えたりして応用可能です。

管理画面から外観>テーマ編集をクリックします。スタイルシート(style.css)をクリックします。ソースコードの末尾に以下のコードを記載して、ファイルを更新ボタンをクリックします。
a[rel~=”author”] {
display: none;
}

更新してもCSSが効かない場合は、記述が間違えている or キャッシュが残っているかのどちらかです。Windowsの場合はCntr + F5 、Macの場合は command + shift + R を押してリロードしてください。

以上です。おつかれさまでした!

PR

PR

-Wordpress

管理人

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

サイトマップを自動生成!Google XML Sitemapsのインストールと設定手順

サイトマップを用意することは検索エンジンに対して自サイトの情報を正確に伝えるために必要なことです。 しかし、サイトマップはXML形式のファイルであり、編集するにはある程度の知識が必要です。また、知識が …

WordPressのテーマを削除する方法

WordPressのテーマは数多くの中から選ぶことができ、さらに簡単に切り替えることができます。いろいろテーマを試して、気に入ったテーマを長く使う人がほとんどでしょう。 でもちょっと待って下さい。いつ …

Google検索エンジンに記事の更新をいち早く知らせる!PubSubHubbub

通常記事を公開するとGoogle検索エンジンにクロールしてもらうまで、時間がかかります。 それもそのはずで、世界中のWEBサイトをクロール対象とするGoogle検索エンジンにとっては、更新を通知してこ …

WordPressでサイトURLからサブディレクトリ(/WP)を削除する方法

WordPressをインストールした際、サブディレクトリ(/wpなど)にインストールするとサイトURLにもサブディレクトリ名が付与されてしまいます(サイトURL/wp)。URLを短く端的に表現したい管 …

[WordPress]ファビコン(favicon.ico)を設置する方法

WordPressサイトを立ち上げるときに、やるべき作業というのはたくさんありますよね。 プラグインインストールやGoogleAnalytics設定やSNS登録など、盛り沢山で大変ですが、ひとつひとつ …