【お名前.com】WordPressの人気テーマSTINGER8をテーマにする方法とカスタマイズする為のphp表示準備(超細かく説明)

こんばんは!koukouです!ヾ(@⌒ー⌒@)ノ

タイトルまた長いな…うまく説明できない要約できないんすよね…すいません。

今回はお名前.comサーバーSD利用時の解説となります。

お名前.comサーバーなら他でも一緒かも…

その他のサーバーの解説ページはいっぱいあるもんね(;´・ω・)

まずWordpressで人気のあるテーマSTINGER8を使うために、まずWordpressの中にSTINGER8を入れる方法から順に説明します。

その後、入れたSTINGER8を弄って(なんたらPHPなど)カスタマイズする為の準備の仕方をこれまた説明します。

私のような素人の方他にもいると思いますが、一番最初につまずく

  • STINGER8をどうテーマに反映させるのか
  • STINGER8childってなんぞ?
  • style.phpを弄れって解説してあるけど、そもそもSTINGER8のどこにあるの?
  • どうやって編集するの?
  • 場所までたどり着いたんだけど、そんなファイルねえよ…。。。

今日はこれを説明していきます。

スポンサーリンク

・STINGER8&STINGER8childを用意する

まず用意しなければならないのは人気テーマであるSTINGER8とSTINGER8childなるもの。

製作者様のページで無料で配られており、サイドバーウィジェット(なんのことか分からなくてもすぐ分かるようになります)などが、すでに高機能であり、ある程度までなら簡単にカスタマイズできるという優れもの。

また効果に関しては調べる方法を知らないので分かりませんが、SEO(記事を検索で見つけてもらいやすくする手法)対策も最適化されているようです。

サイト運用していく上で、そもそも検索されても中々出てこないようなページだと誰も来てくれません。

その為SEO対策と言うものをしなければならないのですが、テーマ(ブログの見た目)についても難しい言語で作られているのですが最適化されているようです。

またその他のSEO対策については、開始後プラグインと言う外部ソフトをダウンロードし解説してくれているサイトの通り設定すればいけてるようです。

上記の事も全く分からず、半年も放置した人間が出来たのですから皆さん出来ると思います。

んでは「STINGER8」と検索してダウンロードしてきてください。

有料版も無料版もあり、違いは機能差のようです。今回は私が使っている無料版で説明していきますが、有料版も基本的にはこれから説明する内容で弄れると思います。

必要なのは「STINGER8」と「STINGER8child」の2つ。

「STINGER8だけ欲しいんだけど、どうしてchildいるの???」

と私も思いました。

STINGER8は製作者様が様々なカスタマイズを施してくれ、その都度グレードアップしていく仕様です。

その際、STINGER8を直接弄っていると、今まで弄った内容がすべて変わってしまい一からやり直しとなります。

それを防ぐためSTINGER8childと言うものも一緒にダウンロードし、弄る際はSTINGER8は触らずにSTINGER8childを書き換えます。

そうすることで本体であるSTINGER8が新しくなってもSTINGER8childが残る事で、設定も生かしておけるということ…だそうです。多分あってる、うん(笑)

STINGER8とchild両方ダウンロードできましたでしょうか?

出来ましたらダッシュボードと言うWordpressの管理画面に行ってください。

これはすでにインストール済みの状態ですが、左のサイドバーから「外観」を探し「テーマ」をクリック。

そうすると上の画像の画面が出てきますが、まだ画面のようになっていないと思いますが、画面上にある新規追加をクリック。

その後ダウンロードフォルダ(こういうのも分からなかったら何でもお問い合わせください丁寧に丁寧にお教えします)にあるSTINGER8を選択しアップロード、その後同じ手順でSTINGER8childもアップロード。

二つともアップロードしたら上のような画面になりますので、STINGER8childの方をテーマとして選択してください、必ず2つともアップロードしてね(*’▽’)


ここに来てくださった方は「ここまでは終わってるねん!」って方多いと思います。

次からサーバーへ入りPHPなるファイルを出してくる作業に入ります。

・●●.PHPなるファイルを弄る為の準備作業

今回は利便上、Googlechromeを使用しています。

その他のブラウザの場合、ちょっと違うかもしれませんができないわけではないと思いますのでご了承いただくが、Googlechromeでやってみてください。


まずお名前.comSDサーバーなどの加入している方は、「サーバーNAVI」を開いてログインできると↓の画面が出てくると思います。

出てきましたか?

そしたら「ご利用サービスの確認」と言う左上の方にある項目をクリック!


そしたら上の画像と同じような箇所が右下にあると思います。

コントロールパネルの「ログインする」をクリック!


そしたら上の画面に行きます、そしたらまずをクリックします。

そうするとFTPなるものの、アカウントとパスワードが上から順番に並んでると思いますので両方メモするか、メモ帳にコピーペーストしておいてください。

メモ出来たら一つ戻って(上の画面)今度はをクリック!


この画面が出てきたら上の「ファイルマネージャー」をクリック!

そうするとログイン画面が出てきますので、先ほどメモを取ったアカウントとパスワードを入力!


私は2つドメインを持っていますので(サイトはこれだけ(笑))2つ表示されますが、ご自身のWordpressを使っているサイトやブログのURLが出ていると思いますのでそちらをクリック!


この画面の「WP」をクリック!(Wordpressの略だと思います)


次はいっぱい並んでるファイルの中から画像の「wp-content」をクリック!


そしたら「themes(テーマ)」をクリック!


まず①のSTINGER8をクリック!は後で戻ってきた際にクリックします。


うん…いっぱい並んでる…

上の画像のは少しずれてるのでご注意を(笑)

footer.phpやheader.phpと色々並んでいますが、他サイトで例えばヘッダー弄りたい!と思って検索した際はこのheader.phpと言うファイルをWordPressのダッシュボードで弄るのですが、それ以外にもこの並んでいるファイルを弄る事でいろんなことができます。

ただし今回は弄る前までの準備の説明ですし、私自身詳しくないので「header.php~」と各解説サイトで出てきて、もし自分がまだ設定してなかったら、その都度この画面に戻ってきて選んでください。

この画面ではクリックするとダウンロードが始まるだけで、ここでは弄れません。

  • 今後いっぱい弄る予定だし、全部ダウンロードしちゃえ!(* ̄∇ ̄*)

これまさに私がやったのですが、ダウンロードしてchildに複製(この後説明)するのですが、何も知らず何でもかんでも複製するとエラーになります(笑)

複製して良いFileと複製しちゃダメなファイルがあるんだと思いますが、

解説サイトで弄ってるファイルは弄ってもいいFile=STINGER8childに複製置いてもいいFile

と言う理解で良いと思います。

ですのでここでは自分が必要としているphpファイルをクリックし、ダウンロードしてください。


そしたら一つ戻ってまたこの画面に来てください。

そしたらをクリック!


この画面にきます。

上の赤字のSTINGER8childが出てきてますよね?

出てきてるのに上の画像と並んでるファイルが違うと思いますが、これは私にとって必要だったファイルを今回説明している手順でアップロードしただけですので、皆さんもすぐにこんな画面になると思います。

ほぼ空の画面が表示されてると思いますが、そしたらのアップロードをクリックしてください。

そうすると「ファイルを選択」と並んでる画面が出てきますので、先ほどクリックしてダウンロードしたphpファイルが、皆さんのパソコンのダウンロードフォルダの中にありますので、「ファイルを選択」クリック→「〇〇.php」をクリックしてください。

その作業が終わったら、一番下にある「アップロード」をクリック。

お疲れ様ですこれで終了です。(* ̄∇ ̄*)


あとはブラウザ閉じてもいいです。

ダウンロードしてアップロードしたファイルは一応保管しておきましょう。

適当にいじり過ぎて訳分からなくなった際、綺麗な状態のそのファイルをアップロードすれば治る…はず(笑)

でダッシュボードで上の画像にある通り、左のメニューから「外観」→「テーマの編集」をクリック。

そしたら右に表示されているテンプレートという欄に先ほどアップロードしたファイルが表示されてるはずなので弄りたいファイルをクリック。

真ん中の画面は解説サイトの通りに弄ればいいですが、慣れるまでは怖いと思いますのでバックアップ系のプラグインなど使ってバックアップ取っておいてください。

右のphpを選択したものが中央に表示されます。

デフォルトだとスタイルシートが選択された状態でスタートしてると思うので、必ず弄りたいphpをその都度ちゃんとクリックしてから弄り出してくださいね。

ああ…長かった(笑)もう4000文字ぐらいになってる(笑)

この解説は検索しても全然なかったんすよね…

分からないから本当の本当に勘でやりました(笑)

うまく行って本当に良かった(;´・ω・)

さてこれで終わりですが、説明が下手な上分かり難いと思います。申し訳ございません。

私が分かる事であれば何でもどんな初歩的な質問でも答えます(pcってどうやって電源入れるんですか?とかいうイタズラは止めてね(笑))。

下にあるコメント欄にどんどん書いて質問してください。

分からない事を馬鹿にする方がいますが、それは分からなかった頃の自分を忘れてしまっているだけです。

私は仕事でも私生活でも「分からない事が分かる人間でいたい」と思い、人と接してますので、ジャンジャン遠慮なしにどうぞ!

eメールとか色々欄がありますが(消し方わかんね(;´・ω・))、捨てアドでも適当でもなんでもいいですよ!

イタズラだけはまじやめてね(´;ω;`)

こんな感じで皆さんと一緒に進めていけたらなと思っていますので、今後ともよろしくお願いいたします。m(__)m