WordPress ニックネームを変更する

WordPress で始めに行うことの一つに、ニックネームを変更する作業があります。
これは WordPress セキュリティを高めるために行います。

初期設定で設定されているニックネームは、ログイン名と同じです。
変更を行わないと不正なログインを行いたいハッカーに、不用心にもログイン名を教えてしまっていることになります。

WordPress のニックネームとは

WordPressのニックネームとは、記事を公開したときに表示される投稿者のことです。
下のように投稿者が表示されていると、そこにニックネームが表示されます。

WordPress ニックネームを変更する方法

WordPress ニックネームを変更する方法はとても簡単です。
簡単に変更できるので、WordPress でWebサイトを立ち上げたらすぐにニックネームを変更してしまいましょう。

ダッシュボード＞ユーザー＞あなたのプロフィール と進んでください。

「プロフィール」画面が立ち上がります。
下方向にスクロールを進めると「ニックネーム（必須）」と「ブログ上の表示名」が表示されます。

まずは、ニックネームを変更します。
先ほども記述したとおり、ニックネームは投稿した記事に投稿者として表示されます。
自分のWebサイトに則したニックネームにすると良いと思います。
ニックネーム（必須）欄に任意のニックネームを入力してください。

ニックネーム（必須）欄に任意のニックネームの入力を終えたら、次はブログ上の表示名を先ほど変更したニックネームに選択し直します。
ブログ上の表示名はリストボックスになっているので、表示される任意のニックネームを選択します。

上の２つの変更を行ったら、「プロフィールを更新」ボタンで変更を保存します。
「プロフィールを更新」は「プロフィール」画面の一番下にあります。

「プロフィールを更新」ボタンをクリックしたら「ニックネームの変更」作業は終了です。

後は正常に変更したニックネームで表示されているかを確認してください。

以上、「WordPress ニックネームを変更する」でした。
セキュリティ対策としてちゃんと変更しておきましょう。

テーマの選択

WordPress は「テーマ」を切り替えることで見た目などサイトから受ける印象を簡単に変えることができます。
サイトの情報に沿ったテーマに変えることで、より一層サイトの情報が伝わりやすくなります。
逆にサイトの情報とテーマがあまりにも違うと、ユーザーは混乱するかもしれません。
適切なテーマを選ぶとことで親しみ深いサイトにすることができます。
『WordPress テーマとは』
『WordPressのテーマを決める』

テーマの選択と変更方法

ダッシュボードメニューの「外観」⇒「テーマ」をクリックして表示します。
テーマ画面が開くとデフォルトのテーマが選択されています。
その他にもいくつか既にインストールされているかもしれません。

お気に入りのテーマを探す

そのままデフォルトのテーマでも良いですが、自分のサイトにマッチしたテーマを選びたい場合は、以下のボタンをクリックして「テーマ追加画面」を開きます。

WordPress テーマ追加画面表示ボタン

お気に入りのテーマをクリックしてインストールすれば、テーマ画面に表示され自分のサイトのテーマに選択できるようになります。

自分のサイトのテーマに選択

テーマ画面でテーマに

ユーザー情報の変更をする

WordPress のインストールをしたらまずやることに、サイトの全体設定を行う「設定」の変更があります。
基本的には何もしなくても動きますが、設定しておいた方が良い情報もありますので、確認しておきましょう。

設定は、現在のバージョン（4.8.2）では6つのメニューに分かれています。
・一般（一般設定画面）
・投稿設定（投稿設定画面）
・表示設定（表示設定画面）
・ディスカッション（ディスカッション設定画面）
・メディア（メディア設定画面）
・パーマリンク設定（パーマリンク設定画面）

一般設定

ダッシュボードメニューの「設定」⇒「一般」をクリックして表示します。
一般設定項目では、WordPressのインストール時に設定した情報がすでに入っています。

ここで変更をしないといけない項目は、「キャッチフレーズ」です。
デフォルトでは「Just another WordPress site」となっています。
自分のサイトに合わせたキャッチフレーズに変更しましょう。

SEO を積極的に取り入れてるサイトでは、キャッチフレーズを空白にしているところもあります。
キャッチフレーズにはh2タグが使われるケースがあるため、SEO的に不利になるというのがその理由のようです。
個人的には、SEOで不利になるかもしれないですが、どのんなサイトか一目でわかるようにするためのキャッチフレーズを空白にすることは反対です。この辺りは個人の主観によるものなので、各人で考えてください。

その他の設定は基本的にデフォルトのままでも問題ありません。

投稿設定

ダッシュボードメニューの「設定」⇒「投稿設定」をクリックして表示します。
特に行うことはありませんが。。。

「整形」項目については、チェックを外した方が良いとされています。
詳しくはわかりませんが、プラグイン等の影響によって不具合が生じる可能性もあるそうです。

「投稿用カテゴリーの初期設定」はカテゴリーを作ってからでないとできません。。。
カテゴリーをいくつか登録して、デフォルトにしたカテゴリができたら、ここで設定してください。

メールによる投稿が行いたい場合、ここで設定します。
が、今はメールよりもスマホのWordPress対応アプリがありますので、そちらを利用した方が良いかと。
WordPress for Android アプリ
WordPress for iOS
メール投稿はそのうち削除されるそうです。

「更新情報サービス」は、記事を投稿したとき、登録したURLに自動で登録や更新が通知されます。
ping送信と呼ばれる更新通知サービスです。
ping送信を行うサーバーは、検索エンジン、ランキングサイト、ブログサービスなど様々で、Googleなどの検索エンジンにインデックスされるのが早くなると言われています。
が、「Google Search Console」等を使ってしっかり管理した方がより効果的と思われます。
Googleが自然巡回してくれるまでFatch as Googleしましょう

表示設定

ダッシュボードメニューの「設定」⇒「表示設定」をクリックして表示します。
ここでも特に何かをする必要はないのです。

「フロントページの表示」で、サイトのトップページを特定の固定ページにすることができます。
サイトを構築して行く上で固定ページをサイトのトップページにしたくなったら、設定しましょう。

ディスカッション設定

ダッシュボードメニューの「設定」⇒「ディスカッション」をクリックして表示します。
ここでも特に何かをする必要はないのです。
デフォルトのままで十分です。

ただ、コメントやトラックバックはスパムの温床になりますので、先に紹介した「Akismet Anti-Spam (アンチスパム)のインストール」などのスパム対策を必ずしてください。

メディア設定

ダッシュボードメニューの「設定」⇒「メディア」をクリックして表示します。
ここでも特に何かをする必要はないのです。
WordPressは記事などに写真などを貼る場合に、メディア（写真）を追加してから張り付けるのですが、その際に「サムネイル」「中サイズ」「大サイズ」など幾つかのサイズで写真を保存します。
自分のサイトの中で使用したいサイズが固まってきたら、ここでサイズを指定します。

パーマリンク設定

ダッシュボードメニューの「設定」⇒「パーマリンク設定」をクリックして表示します。
ここではSEOを気にする人は変更をする必要があります。

インストール直後のデフォルト状態の WordPress では、その記事のURLは、” http://example.com/?p=123 ” のように数字と記号の組み合わせで表示されます。
この URL のうち、末尾の「 ?p=123 」の部分がパーマリンクです。

GoogleではサイトのURLを、「サイトのURL構造はできる限りシンプルにします。論理的かつ人間が理解できる方法で（可能な場合はIDではなく意味のある単語を使用して）URLを構成できるよう、コンテンツを分類します。」とアナウンスされています。
SEO的にはこれを満たす方が有利と思われています。

そこで、先ほどのパーマリンクです。
P=123ではなく、記事の名前で指定した方が、上の条件を満たしそうですから。
というわけで、ここでは

「カスタム構造」を選択して
サイトのURL/%postname%
という風にすべきとされています。

カスタム構造の一番後ろの /%postname% だけを残してばっさり消してしまいましょう。

以上、WordPress のインストールをしたらまずやること、サイトの全体設定を行う「設定」の変更の紹介でした。

Akismet Anti-Spam (アンチスパム)

WordPress のWebサイトは常にスパム広告などを行う人々から狙われています。
そのため、WordPress をインストールしたら、まず自分のサイトをスパムから守る「Akismet」プラグインをインストールしましょう。

Akismet のインストール

以前に投降した記事を参照してください。
WordPressのWebサイトをスパムから守る「Akismet」プラグイン

Akismet でなくても、スパムからサイトを守れればどんなプラグインインでも方法でも構いません。
でも、Akismet をサクッと入れてしまうのが良いと思います。

以上、WordPress のインストールをしたらまずやることに、Akismet プラグインのインストールをしましょうでした。

Google Analytics トラッキング コードの設定 方法

今回は子テーマをせっかく作ったのでそれを利用してGoogle Analytics トラッキング コードの設定 をします。

ちなみに良く見かける方法は、親テーマの「header.php」へ直接書き込んだりする方法です。
もちろん手軽ではありますが、親テーマのアップデートでコードが無くなってしまいます。

それから、プラグインでGoogle Analytics トラッキング コードを設定する方法もありますが、プラグインって何かと問題を起こすし重くなるので、ほんとうに使いたい機能以外は極力避けたいと思っています。
これは好みの話なので、プラグインを使ってももちろんOKだと思います。
検索してみると下の2つが良く使われているプラグインみたいです。
・Google Analytics by Yoast
・All in One SEO Pack

子テーマを使った Google Analytics トラッキング コードの設定

では、初心者にもわかる「子テーマを使ったトラッキング コードの設定」を紹介します。
子テーマに便利な「functions.php」ファイルがあります。
このファイルには自分で関数を定義追加することができます。
なので、自分でGoogle Analytics トラッキング コードをheadに貼り付ける関数を登録してしまおうという方法です。

『twentyelevenの子テーマの作り方』や『twentyseventeenの子テーマの作り方』の方法で子テーマを作ってあると「functions.php」が作ってあるはずです。
親テーマのスタイルシートを読み込む際に以前は @import: を使用して親テーマのスタイルシートをインポートしていましたが、これはもはや良い方法ではありませんと言われています。
親テーマのスタイルシートを読み込む正しい方法は、子テーマの 「functions.php」 で wp_enqueue_script()を使用する方法です。したがって子テーマには 「functions.php」 を作成する必要があります。

で、その「functions.php」にしたのコードのようにコピペするだけです。

//Gole Analytics Code設定
function set_gac() { ?>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-XXXXXXXX-X', 'auto');
        ga('send', 'pageview');

    </script> 
<?php }
add_action('wp_head', 'set_gac');

これで親テーマがアップデートされても上書きされないのでメンテナンスが楽になります。

以上、子テーマを使ったGoogle Analytics トラッキング コードの設定方法でした。

WordPress Twenty Seventeen の子テーマの作り方

今回は、twentyseventeenの子テーマの作り方 を紹介します。
「twentyelevenの子テーマの作り方」はこちらまで

今回はサクッと一番簡単な作り方を紹介します。

子テーマ設置方法

子テーマ設置場所

子テーマを作成する最初の行程は、子テーマディレクトリの作成です。
wp-content/themes ディレクトリ下に作成します。
子テーマディレクトリの名前には最後に ‘-child’ を付けることが推奨されます。

今回は、「twentyseventeen-child」という名前のディレクトリを「wp-content/themes」ディレクトリに作ります。
作り方は、FTPアプリやレンタルサーバのファイル管理アプリで作ります。
※子テーマディレクトリの名前には空白を含めないでください。エラーが発生します。

子テーマ設置必須ファイル

子テーマは、2つのファイル「style.css」と「functions.php」を作成する必要があります。

まずは、「style.css」から作ります。

/*
 Theme Name:   Twenty SeventeenChild
 Template:     twentyseventeen
*/

Theme Name:Twenty SeventeenChild
テーマの名称。全角可。ここに書いた名称が管理画面のテーマ選択画面に表示される。
Template:twentyseventeen
親テーマのディレクトリ名。大文字小文字を区別するのできっち書くこと。
※全角文字を入れたときにはエディタの文字コードを UTF-8 にする必要があります。

次に、「functions.php」を作ります。
以前は「style.css」の中で @import: を使用して親テーマのスタイルシートをインポートしていましたが、これはもはや良い方法ではないそうです。
親テーマのスタイルシートを反映させる正しい方法は、子テーマの functions.php で wp_enqueue_script()を使用する方法です。
したがって子テーマには functions.php を作成する必要があります。

私も初心者なので理解できないこともありますが、言われたとおりに作っておきます。

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

普通はこれで親のスタイルシート（「style.css」）を読み込んだ後に、子テーマのスタイルシート（「style.css」）を読み込み上書きされることになります。
しかし、なぜかうまく子テーマのスタイルシート（「style.css」）が読み込まれないパターンがあるそうです。
その際は、下のようにすると良いらしいです。

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}
?>

各々ファイルを保存したら、先ほど作った子テーマディレクトリへファイルをアップロードします。
と言うか、どんな方法でも良いので、先ほど作った子テーマディレクトリに２つのファイルを置ければOKです。
なお、エディタの文字コードを UTF-8 で保存しましょう。

子テーマの有効化

正常にアップロード出来たら、子テーマを有効化できる準備ができました。
サイトの管理画面にログインし、管理画面 > 外観 > テーマに移動してください。
子テーマが表示され、有効化できる状態になっています。

なお、 子テーマを有効化したあとは、メニュー (外観 > メニュー または 外観 > カスタマイズ > メニュー) およびテーマのオプション (背景やヘッダイメージ) を保存し直す必要があります。
今まで触って居なければそのままでもOKです。
以上でtwentyseventeenの子テーマの設定ができます。
後は、自由にカスタマイズすればOKですので学習してカスタマイズしてください。

WordPress TwentyEleven の 子テーマ の作り方

今回は「twentyeleven」の子テーマの作り方を紹介します。
そもそも 子テーマ とは、親テーマ（今回はtwentyeleven）と呼ばれる別のテーマの機能とスタイルを継承して、必要な部分だけ変更するテーマです。
既存のテーマを変更する方法として、子テーマが推奨されています。

子テーマ の有用性

子テーマの有用性は、親テーマがアップデートされてもカスタマイズ（変更）が消えない点にあります。

親テーマ（twentyeleven）は頻繁にアップデートされます。
それはとてもありがたいことですが。。。しかし、、、
自分で編集したファイルも上書きされてしまい、カスタマイズも無かったことにされてしまいます。

子テーマはそれを防いでくれる良い方法なのです。
子テーマがすべてを防いでくれるわけではありませんが、初心者レベルのカスタマイズなら問題ないでしょう。

子テーマ設置方法

子テーマ設置場所

子テーマを作成する最初の行程は、子テーマディレクトリの作成です。
wp-content/themes ディレクトリ下に作成します。
子テーマディレクトリの名前には最後に ‘-child’ を付けることが推奨されます。

今回は、「twentyeleven-child」という名前のディレクトリを「wp-content/themes」ディレクトリの中に作ります。

wp-content＞themes＞twentyeleven-child

作り方は、FTPアプリやレンタルサーバのファイル管理アプリで作ります。
※子テーマディレクトリの名前には空白を含めないでください。エラーが発生します。

子テーマ設置必須ファイル

子テーマは、2つのファイル「style.css」と「functions.php」を作成する必要があります。

まずは、「style.css」から作ります。

/*
 Theme Name:   Twenty ElevenChild
 Template:     twentyeleven
*/

Theme Name:Twenty ElevenChild
テーマの名称。全角可。ここに書いた名称が管理画面のテーマ選択画面に表示される。
Template:twentyeleven
親テーマのディレクトリ名。大文字小文字を区別するのできっち書くこと。
※全角文字を入れたときにはエディタの文字コードを UTF-8 にする必要があります。

次に、「functions.php」を作ります。
以前は「style.css」の中で @import: を使用して親テーマのスタイルシートをインポートしていましたが、これはもはや良い方法ではないそうです。
親テーマのスタイルシートを反映させる正しい方法は、子テーマの functions.php で wp_enqueue_script()を使用する方法です。
したがって子テーマには functions.php を作成する必要があります。

私も初心者なので理解できないこともありますが、言われたとおりに作っておきます。

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

普通はこれで親のスタイルシート（「style.css」）を読み込んだ後に、子テーマのスタイルシート（「style.css」）を読み込み上書きされることになります。
しかし、なぜかうまく子テーマのスタイルシート（「style.css」）が読み込まれないパターンがあるそうです。
その際は、下のようにすると良いらしいです。

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}
?>

各々ファイルを保存したら、先ほど作った子テーマディレクトリへファイルをアップロードします。
と言うか、どんな方法でも良いので、先ほど作った子テーマディレクトリに２つのファイルを置ければOKです。
なお、エディタの文字コードを UTF-8 で保存しましょう。

子テーマの有効化

正常にアップロード出来たら、子テーマを有効化できる準備ができました。
サイトの管理画面にログインし、管理画面 > 外観 > テーマに移動してください。
子テーマが表示され、有効化できる状態になっています。

なお、 子テーマを有効化したあとは、メニュー (外観 > メニュー または 外観 > カスタマイズ > メニュー) およびテーマのオプション (背景やヘッダイメージ) を保存し直す必要があります。
今まで触って居なければそのままでもOKです。