WordPress:WordPressで固定ページの表示順を変更する

WordPress固定ページを公開すると、メニュー(ナビゲーション)の箇所に固定ページへのリンクが作成されます。
作成されたリンクの順番を変更したい場合があります。下記の手順で固定ページリンクの順番を変更できます。

wp_linksort_1

1.サイドメニューの「固定ページ」をクリックします。

wp_linksort_2

2.順番を変更するページの編集画面に遷移します。

wp_linksort_3

3.固定ページ編集画面「ページ属性」の「順序」を半角数字で表示する順番を変更します。

wp_linksort_4

4.「更新」ボタンで反映すれば、固定ページリンクの表示順が変更されます。

wp_linksort_5

5.公開画面を確認すると下記のように表示順が変更されます。

wp_linksort_6

WordPress:WordPressでコンタクトページを設置

WordPressコンタクトページお問い合わせページ)を設置した方法をメモします。
簡単にフォームを作成したかったので、「Contact Form 7」というプラグインを使用し、コンタクトページを設置しました。
下記に「Contact Form 7」をインストールした時の設定方法を記載します。


Contact Form 7

WordPressのお問い合わせフォームを設置するプラグインです。
シンプルで使いやすく、簡単にフォームを作成することができます。

「Contact Form 7」ダウンロードページ


設定方法

1.プラグインから新規追加で「Contact Form 7」で検索します。

wp_contact_1

2.検索結果に表示されるので「いますぐインストール」をクリックし、インストールします。

wp_contact_2

3.インストールした「Contact Form 7」を有効化します。

wp_contact_3

4.有効化するとサイドメニューに「お問い合わせ」が表示されるのでクリックします。

wp_contact_4

5.「お問い合わせ」の画面に遷移し、「コンタクトフォーム1」をクリックすると下記の画面が表示されます。

wp_contact_5

「コンタクトフォーム1」の箇所をクリックすると、タイトル名を変更できます。

wp_contact_6

6.フォームの内容や送信先のメールアドレスなど、その他内容をを設定し保存します。

wp_contact_7

7.下記のコードをコピーし、固定ページで新規にページを作成します。

wp_contact_8

8.固定ページの新規追加で先ほどコピーしたコードを本文に貼り付けます。

wp_contact_9

9.編集後、「公開」ボタンをクリックすれば、公開画面にお問い合わせページが表示されます。

wp_contact_10

また、フォームの項目を追加したり、変更したりなどカスタマイズが簡単にできるのでとても便利です。


WordPress:アナリティクス導入するプラグイン「Ultimate Google Analytics」

WordPressで「Google Analytics」を「Ultimate Google Analytics」というプラグインを使用し導入した時のメモです。
自分のブログやサイトがどのくらいアクセスがあるのか調べたくなると思います。
様々なアクセス解析の中でも「Google Analytics」はより詳細なアクセスデータを無料で導入することができます。
今回はWordPressで「Ultimate Google Analytics」プラグインを使用してアナリティクスを導入した時の方法を記載します。


「Ultimate Google Analytics」導入方法

Google Analyticsで導入するサイトのトラッキングIDが必要になります。
トラッキングIDを取得してから下記の設定を行います。

1.「Ultimate Google Analytics」をインストールします。

プラグインの新規追加で「Ultimate Google Analytics」と入力し検索し、検索結果に「Ultimate Google Analytics」が表示されるのでインストールします。

WP_Analytics_1

2.「Google Analytics」のトラッキングIDを設定します。(UA-xxxxx-xx)

設定の「Ultimate GA」で「Account ID」に「Google Analytics」で取得したトラッキングIDを設定します。

WP_Analytics_2

3.「Update options」ボタンを押下します。

「Update options」を押下するとアナリティクスの設定が完了し、サイトに反映されます。

WP_Analytics_3


wordpress:wordpressのパーマリンク設定でエラー画面表示

wordpressパーマリンクの設定を変更しようとした時にエラー画面(403)が表示され、ページが表示されなくなりました。
パーマリンクを設定した場合、.htaccessを作成しリライトルールが設定されます。
この.htaccessファイルを削除すれば、元の画面が表示されますが、パーマリンク設定は適用されていないのでパーマリンク設定前のURLで表示されます。
今回は、パーマリンクを設定した際の解決方法をメモします。

Apacheにmod_rewriteがインストールされているか調べる方法
mod_rewrite」とはドメイン以下URLの書き換えなどを行うモジュールです。

SSHでサーバにログインし、下記のコマンドを実行するとモジュールの一覧が表示されるので、「rewrite_module (shared)」が表示されることを確認します。

# httpd -M
Loaded Modules:
(省略)
 rewrite_module (shared)
(省略)
Syntax OK

mod_rewriteが使用できない場合はApacheの設定ファイルhttpd.confを変更しなければいけません。
Apacheの設定ファイルhttpd.confを変更できない場合でmod_rewriteがインストールされている際には「Options FollowSymLinks」と.htaccessファイルの先頭に書き込めばmod_rewriteが使用できるようになります。

Options FollowSymLinks

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

mod_rewriteを使用できるようになったため、再度パーマリンクを設定したところ正常に画面が表示されました。
httpd.confでmod_rewriteが使用できるように設定されている場合は、「Options FollowSymLinks」の記述は必要ありません。
また、WebサーバのApacheにmod_rewriteがインストールされていることが前提です。

.htaccessを使用するには
Apache はデフォルトで、.htaccessの使用が禁止されているそうです。
使用できるようにするには、httpd.confで「AllowOverride All」に設定し、Apacheを再起動させると.htaccessが使用可能になります。

wordpress:wordpressで固定ページのコメント欄を削除

WordPressで固定ページに表示されるコメント欄を表示しないようにカスタマイズします。
お問い合わせのページを作ったら、二重にフォームが表示されたので固定ページからはコメント欄を削除しました。
Wordpressの固定ページテンプレートのpage.phpでコメント欄が表示する箇所をコメントアウトすれば、コメント欄は表示しなくなります。

■ 固定ページテンプレート(page.php)
「<?php comments_template( ”, true ); ?>」書いている箇所をコメントアウトします。
また、サイドバーが表示されていなかったので「<?php get_footer(); ?>」の上に
「<?php get_sidebar(); ?>」を追加しました。

<?php get_header(); ?>

        <div id="primary">
            <div id="content" role="main">

                <?php while ( have_posts() ) : the_post(); ?>

                    <?php get_template_part( 'content', 'page' ); ?>

                    // 下記をコメントアウト
                    <?php //comments_template( '', true ); ?>

                <?php endwhile; // end of the loop. ?>

            </div><!-- #content -->
        </div><!-- #primary -->
// 下記を追加し、サイドバーを表示
<?php get_sidebar(); ?>
<?php get_footer(); ?>