tarluの40代元プレリタイアブログ

好きなこと:株式投資、資産運用、経済ニュース。 ある理由により現在休職中でした。つまりプレリタイア中でした。今は復職しました。

ワードプレスで初期設定、テーマSTINGER

tarluはロリポップワードプレスを体験しています。

まず最初にしたことを紹介します。

カスタマイズの内容が判りやすいようにtarluはワードプレスサーバを3つ作りました。

  1. ロリポップデフォルト

  2. STINGERデフォルト

  3. STINGERカスタマイズ

 2018/08/08 追記編集 お試し期間が過ぎたためリンク削除

 

上記リンクの1が、ロリポップワードプレスを簡単インストールしたときのデフォルトとなります。

これにSTINGERというテーマを適用させた直後が リンクの2となります。

その後さらに STINGERをカスタマイズをしたのがリンク3となります。

リンク3に関しては、10日間無料体験の間、いろいろカスタマイズしていきたいと思います。毎日どこかしら変更していきますので、可能であればアクセスをお願いします。

カスタマイズの具体的な方法を下記します。 読者の皆さんの大半は、ロリポップで実際にワードプレスを使用しないとは思いますので、下記文章はわかりづらいと思います。

 

 

 

 

 

プレインストールされているプラグインの適用

ロリポップでは、簡単インストールした時点でいくつかのプラグインがプレインストールされています。セキュリティ関係が多いです。

ダッシュボード->プラグインの画面で有効化ボタンを押します。

f:id:tarlu:20180729140502p:plain

 

 

アンチスパムのプラグインの適用

 A・kis・met(アンチスパム)有効化するには、有効化ボタンを押すだけではだめで

APIキーを取得し、入力する必要があります。

指示通りにAPIキーを入手した後、APIキーを入力します。

f:id:tarlu:20180729140954p:plain

この後、変更を保存するとアンチスパムが有効化されます。

 

ワードプレスのテーマ STINGERの適用

 ワードプレスはテーマという概念があり、テーマを入れ替えると外観が大きく変わります。tarluはSEOに強いと特徴があるSTINGER というテーマに入れ替えました。


テーマを入れ替える方法ですが、まず ZIP形式のテーマをダウンロードします。

ダウンロード及び規約 - 無料WordPressテーマSTINGER

上記リンクから、STINGERのテーマを入手します。

その後、ワードプレス上で、

 ダッシュボード -> 外観 -> テーマ -> テーマのアップロード

 先ほど ダウンロードしたZIPファイルを選択し、テーマをインストール  を選択します。

 

f:id:tarlu:20180729144906p:plain

その後、テーマを有効化すれば、STINGERのテーマが有効になります。

STINGERのデフォルト画面は下記の通りになります。

f:id:tarlu:20180729151359p:plain

 

ヘッダー背景をフリー素材を使用して変更

フリー素材は、ぱくたそ-フリー素材・無料写真ダウンロード

様 から入手しました。ぱくたそ 様は綺麗な風景写真が多いサイトです。

ダッシュボード -> 外観 -> カスタマイズ -> ヘッダー画像 でヘッダー画像を設定します。

 

f:id:tarlu:20180729142359p:plain

 

サイドバーにカレンダーを追加

 STINGERのデフォルトではサイドバーにカレンダーが無いので、カレンダーを追加しました。

 ダッシュボード -> 外観 -> カスタマイズ -> ヴエジット -> サイドバーヴィジット
 で 「ウィジェットを追加」を押し、カレンダーを選択します。

f:id:tarlu:20180729142855p:plain

 

ヘッダーメニューの設定

 事前にメニュー用の固定ページ、投稿カテゴリを作成しておく必要があります。

 tarluは、投稿カテゴリを用意しました。
 ダッシュボード -> 外観 -> メニュー で メニューの名称などを入力します。

 

f:id:tarlu:20180729154711p:plain

 

 メニューを正しく設定すると、ブログのTOP画面にメニューが追加されます。

f:id:tarlu:20180729155111p:plain

メールフォームの新規追加

メールフォームとは下図のことです。tarluのメアドを晒すことなく相手からメールを受け取ることができます。

f:id:tarlu:20180729162858p:plain

 メールフォームを使用するには、Contact Form 7というプラグインを使用します。

wordpress.org


 ダッシュボード -> プラグイン -> 新規追加
 キーワードに Contact Form 7を入力し 検索。
 見つかったプラグインをインストールします。

f:id:tarlu:20180729161021p:plain


その後、コンタクトファームをサイドバーに追加します。

具体的には

 ダッシュボード -> 外観 -> カスタマイズ -> ヴエジット -> サイドバーヴエジット
 でテキストを追加し、

f:id:tarlu:20180729163121p:plain


 テキストに Contact From 7の文面をコピペします。