ワードプレスのテーマ「stinger8」の導入|ダウンロードからインストールまで

stinger8の導入トップ画像

 

このサイトはワードプレスのテーマ「STINGER8」を利用しています。

このページでは「STINGER8」をインストールして、テーマを有効化するまでの一連の流れを記載しています。

 

 

シンプルで基本がしっかりした「STINGER8」

ワードプレスでこのサイトを作るにあたり、シンプルなテーマを探していました。

機能が充実していても使わないものがたくさん出そうだし、自分でカスタマイズする時にややこしくなるかなって思ってです。そして行きついたのは「STINGER8」でした。

 

STINGER史上最高にシンプルなテーマ

STINGERの公式ページを見ると、「STINGER8では、可能な限りのファイルや機能を減らし」って書いてありました。

「STINGER」公式ページで仕様が確認できます

 

元々「STINGER」はしっかりしたテーマという印象があったので、その基本は残したままシンプルになってる?!それなら希望にぴったりです。「あっ、これに決めた!」ってことでさっそくに導入を開始しました。

 

有料版の機能はすごそうでしたが…!

ダウンロードできるページには「STINGER8」の他に、「STINGER PRO」と「STINGER PLUS2+」というテーマが紹介されていました。

STINGER PRO」は有料版。
STINGER PLUS2+」は有料版の「お試し版」のような位置付け。

 

ちらっと紹介を見ただけですが「STINGER PRO」すっげ!これにしよかな~・・?って思わず立ちどまってしまう程、機能が充実していました。

有料版にくらべ機能制限はありますが「STINGER PLUS2+」は無料で利用できます。無料テーマをお探しで、ある程度の機能が欲しいという方には候補の1つにいいと思います。

「STINGER」ダウンロードページへ

 

「STINGER PRO」に後ろ髪ひかれましたが。。。
このサイトはシンプルな「STINGER8」に決めました。

 

 

「STINGER8」テーマのダウンロードと設定

「STINGER8」のテーマは公式サイトからダウンロードできます。

「STINGER」ダウンロードページへ

 

テーマのダウンロード

ダウンロードページで画面を下にスクロールしていくと、「STINGER8」のテーマがダウンロードできる箇所があります。

stinger8ダウンロードページ

赤枠の中の青字の部分をクリックします。上の青字が本テーマ(親テーマ)、下の青字が子テーマです。

stinger8ダウンロードボタン画像

自分のPCへ「ZIPファイル形式」でダウンロードできます。解凍する必要はありません。

なお記載がある通り、本テーマ(親テーマ)だけでは使用できないので、必ず子テーマもダウンロードしましょう。

 

 

テーマをワードプレスへ設定

親と子の2つのZIPファイルがダウンロードできたら、次はワードプレスで設定します。

「外観」⇒「テーマ」から「新規追加」をクリックします!

テーマの新規追加画面

 

次の画面で、「ファイルを選択」をクリックし、先ほどダウンロードした「stinger8.zip」を選び「今すぐインストール」をクリックします。

テーマファイル選択画面

 

すると次のような画面になりますので、「有効化」をクリックします。

テーマファイル有効化画像

これで本テーマ(親テーマ)がインストールされ、有効化されました。

 

 

子テーマをインストールし有効化する

続けて子テーマをインストールします。親テーマと作業は同じです。

「外観」⇒「テーマ」から「新規追加」をクリックします!
次の画面で、「ファイルを選択」をクリックし、今度は「stinger8-child.zip」を選び「今すぐインストール」をクリックします。

テーマファイル選択画面

 

すると次のような画面になりますので、「有効化」をクリックします。

子テーマの有効化画面

これで子テーマがインストールされ、有効化されました。

 

あらためて「外観」⇒「テーマの編集」を確認すると、「STINGER8 Child」が有効になっています。

テーマ画面の画像

あれっ、親テーマは有効になってないけど?と疑問に思われるかも知れませんが、これで大丈夫です。

 

カスタマイズを選択すると、初期状態の画面が確認できました。

ページの確認

ハ~ロ~ワールド! ハ~ロ~スティンガー! よろしくねっ!

 

テーマの変更のしかた

テーマを変更する場合

例えば「Twenty Seventeen」に戻したいな~と思えば、「外観」⇒「テーマの編集」から「Twenty Seventeen」の有効化、またはライブプレビューを選択します。

テーマを変更する画面

「有効化」はすぐにテーマが変更になります。
「ライブプレビュー」はテーマを変更したらこうなりますよー、という画面が確認できます。テーマ変更時は、先にライブプレビューで確認してからがおススメです!

 

以下は「Twenty Seventeen」のライブプレビュー画面です。変更しない場合には「×」を選択して戻ります。

「有効化して公開」を選択するとテーマが変更になります。

変更テーマのライブプレビュー画面

 

「Twenty Seventeen」にテーマを戻してみました。

インストールしたテーマは保存される画面

他のテーマに変更しても、いったんインストールした「STINGER8」は無くなる訳ではありません。インストール済みのテーマの中に保存されています。

また「STINGER8」に戻したければ、「STINGER8 Child」を有効化すればOKです。(このサイトは戻しました!)

 

-STINGER8, ワードプレス

投稿日:2018-03-28 更新日:


comment

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

関連記事

投稿者非表示のアイキャッチ画像

「執筆者」を表示しないようにコメントアウトして非表示にする方法|stinger8+ワードプレス

  このサイトはワードプレスのテーマ「STINGER8」を利用して作成しています。「STINGER8」は初期状態で固定ページと投稿ページに「執筆者」が表示されます。   このサイト …

所有権確認後の再確認アイキャッチ

サーチコンソール|所有権を確認済でもメタタグを取得し再確認する方法

  このサイトはワードプレスで作成しています。プラグイン「all in one seo pack」の導入設定をしている時のこと。   all in one seo packの「ウェ …

Font Awesome 記事アイキャッチ画像

無料で使えるwebアイコンフォント|Font Awesomeのワードプレスへの設定と使い方

ここでは、アイコンがWebで簡単に利用できる「Font Awesome」をご紹介します。それでは問題です!   問1.迷ったジャンケンは?     問2.ワードプレスはどれ?     問3. …

目次の自動作成プラグインアイキャッチ画像

記事本文やウィジェットに目次を自動作成|プラグイン「TOC+」の導入とカスタマイズ

  このサイトはワードプレスで作成しています。ページの「目次」を設置するプラグインを知りました。その名は「Table of Contents Plus」。   目次を自動で作り、自 …

トップへ戻るボタンアイキャッチ画像

STINGER8|「トップへ戻るボタン」をcssでデザイン|スマホ・タブレットで非表示に

  このサイトはワードプレスのテーマ「STINGER8」を利用しています。 先日、スマホでの見えかたを確認するため、ブラウザの幅をせばめてみました。   すると、「んっ、、何だこれ …