3.ウィジェットに設置する

こちらも解説を載せる程でもないですが…

ダッシュボードの「外観」→「ウィジェット」をクリックします。
114

ウィジェットの種類(左右、ヘッダー、フッダー等)を選択し「ウィジェットを追加」をクリックします。
163

ウィジェットに追加されますので表示される項目にチェックを入れ「保存」をクリックします。
(画面に表示しきれてないですが、下にスクロールすると保存ボタンがあります)
164

ホームページ上のウィジェットに表示されます。
(今日の訪問数にチェックを入れてみました)
165

かんぱに☆ガールズ オンラインゲーム

1.「Count Per Day」のインストール

自ホームページのアクセスを見るにはGoogleAnalyticsを使用するのが(現時点で)一般的です。

しかしHP制作依頼元のお客さんもアクセス数を見たいとなるとGoogleAnalyticsでは厄介な場合があります。
(GoogleAnalyticsで制作したHPを一括管理している場合、他の顧客HPの情報も見れてしまうので1ユーザーにはGoogleAnalyticsの情報を公開したくないですよね)

そのような場合にプラグインを使用すると便利です。

「Count Per Day」はダッシュボードの中だけで確認する場合やウィジェットとして設定することも出来ます。

「Count Per Day」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Count Per Day」を検索してインストールします。(詳細は省きます)
ダッシュボードに「Count Per Day」メニューが表示されます。
161

かんぱに☆ガールズ オンラインゲーム

プラグイン「Welcart e-Commerce」のインストール

大きく分けて3つの方法に分けて説明します。
ショッピングカートのテーマを用いて作成する。
・自分で作成したテーマにショッピングカート機能を追加する。
・商品を紹介するために一覧ページのみ作成する(カートは追加しない)

いづれも同じプラグインを使用しますので「Welcart e-Commerce」をインストールします。

「Welcart e-Commerce」のインストール
かんぱに☆ガールズ オンラインゲーム

文字の色や大きさを変える

何故かワードプレスの場合font sizeのhtmlタグが効きません。cssの記述は効くようですが投稿の度にcssのコードを書くのも面倒なのでプラグイン「TinyMCE Advanced」をインストールしましょう。

「TinyMCE Advanced」の設置

直接コードを書き込みしても出来ますが非効率的ですのでプラグインをインストールします。
ダッシュボード→「プラグイン」→「新規追加」で「TinyMCE Advanced」を検索してインストールします。(詳細は省きます)

投稿記事の文字を修正タイプの作成

ダッシュボードメニュー「投稿」→「新規追加」で早速試してみましょう。
「ビジュアル」のタグに文字の大きさや色、フォント変更できるメニューバーが追加されます。
(「テキスト」タグには追加されません)
160

かんぱに☆ガールズ オンラインゲーム

1.「Crazy Bone」のインストール

お客さんが定期的にログインしているか、不正にログインしようとしている形跡がないか気になりますね。
ここではログイン履歴を見れるプラグイン「Crazy Bone」を紹介します。

「Crazy Bone」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Crazy Bone」を検索してインストールします。(詳細は省きます)
ダッシュボードの「ユーザー一覧」に「ログイン履歴」メニューが表示されます。
158

「ログイン履歴」画面でログインユーザーの履歴が表示されます。
159

かんぱに☆ガールズ オンラインゲーム

1.「Responsive Full Width Background Slider」プラグインの設置

しかし、ちょっと長すぎる名前のプラグイン(^^;)
「Site Background Slider」とは、また違った特徴があります。

「Responsive Full Width Background Slider」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Responsive Full Width Background Slider」を検索してインストールします。(詳細は省きます)
ダッシュボードに「RFWB Slider」メニューが表示されます。
153

スライダーの初期設定

ダッシュボードの「RFWB Slider」をクリックし設定画面を開きます。
「Global Settings」は初期値ですべてにチェックが付いてますので、表示させたくないテンプレートのチェックを外します。大体はトップページのみ表示させたいか全てのページで表示させたいかの二択でしょう。
154

動作関係の設定は「Appearance Setting’s 」
155

スライダーの画像設定は「slides settings」になります。
156

更新して設定は終了になります。

実際の表示は、こんな感じになります。
157

かんぱに☆ガールズ オンラインゲーム

1.「Site Background Slider」プラグインの設置

背景画像をスライドしたいと思うことは少ないかもしれません。しかし実際に使ってみると意外に良い感じになります。

「Site Background Slider」のインストール

ダッシュボード→「プラグイン」→「新規追加」で「Site Background Slider」を検索してインストールします。(詳細は省きます)
ダッシュボード→「外観」に「Background Slider」メニューが表示されます。
148

初期設定

ダッシュボード→「外観」に「Background Slider」の設定画面で以下の設定が出来ます。
149

  • Overlay Texture for Images:
    15種類のオーバーレイから選択できます。ひらたくいうと背景画像に重ねる模様を選択できます。
  • Overlay Texture for ImagesBackground Timer Delay in Seconds:
    画像が切り替わる秒数、ミリ秒単位で指定します。
  • Background Fade Delay in Seconds:
    画像がフェードする秒数、ミリ秒単位で指定します。わかりやすくいうとフェードとは画像が切り替わるつなぎ目の時間の指定です。
  • Background Images Location:
    スライダーに使用する画像が格納されているディレクトリを指定します。
  • Other Various Settings:
    その他の設定
    1. Resize Images・・・画像のリサイズ
    2. Show only on Home Page・・・トップページのみ表示
    3. Include jQuery library framework・・・jQuery libraryの有無
    4. Show the image overlay・・・オーバーレイ表示の有無、「Overlay Texture for Images」と関連します。
    5. Show the loading icon・・ローディング時のアイコン表示。
    6. Random (Shuffle) Images・・ランダム表示
    7. Show Press Pixels Link・・「Show Press Pixels」のリンク表示(左下に表示されます)
  • Homepage URL:
    自ホームページのURLを指定します。
スライド画像のアップロード

上記の設定画面の「Background Images Location」で設定したディレクトリ(例ではwp-includes/images)にFFFTP等で画像をアップロードします。
152

これで完了、壁紙がスライド表示されます。
151

かんぱに☆ガールズ オンラインゲーム

6.ログインフォームの設置

ウィジェットにログインフォームを設置する

ダッシュボード「外観」→「ウィジェット」の画面で「WP-Mmbers Login」を追加し、ウィジェットを保存します。
145

サイトを表示してみるとウィジェットにログインフォームが表示されます。
146

固定ページにログインフォームを設置する

あらかじめログインフォームを設置する固定ページを準備します。
固定ページに以下のショートコードを記述します。(カッコ[は全角になってますので実際は半角にしてください)
[wp-members page=”login”]

実際の固定ページの表示は以下になります。
147

かんぱに☆ガールズ オンラインゲーム