このブログはENJIさんの公開されている「STINGER5」という無料テーマを使用させていただいています。
カスタマイズしやすいというたくさんの記事を見て選びました。「STINGER3」の後続のテーマだそうですが、「STINGER3」は使った事がないので、違いはよく解りません。
大きな違いは「STINGER5」はレスポンシブ対応になったことだそうです。
ワードプレス超初心者の私でも、ある程度のカスタマイズができたので、私のような超初心者の方にお役に立てればと思い、メモを残したいと思います。
「STINGER5」は、そのままでも使えますが、ヘッド画像やファビコンを変えたりカスタマイズしたいですよネ
????????
カスタマイズするために最初にやることは?
「STINGER5」のダウンロードが終了したら、まず子テーマを作る!!!
ワードプレスをダウンロードすると公式のデフォルトテーマが付いています。
テーマというのは、テンプレートのことです。
1年程前、私はワードプレスのデフォルト「twenty twelve」というテーマをカスタマイズして使用するつもりでした
が、ワードプレスに関して何も知識のなかった私はワードプレスの親テーマを直接いじりすぎて、めちゃくちゃになってしまいました。子テーマを作成する ということを知らなかったんです。(-_-;)
自己流でやっちゃいました。
今、思えば、オリジナルを再インストール方法はたくさんあったのですが、面倒になって、削除してしまいました。
ワードプレスは「スタイルシートって何?」っていうレベルの方には少し難しいかもしれません。
でも、諦めないで・・・スタイルシートを学びながらカスタマイズしていきましょう。
作業の流れは下記のようになります。↓↓
1. 新規フォルダを作成 (任意のフォルダ名 ここでは「stinger5_child」とします)
2. 「stinger5_child」フォルダ内に「style.css」を作成
3. FTPで「/wp-content/themes」ディレクトリに、新規に作成したファイル「stinger5_child」をアップロードする
4. ワードプレスダッシュボード「外観→テーマ」でstinger5_childを有効化する
2.で作成するスタイルシートには下記のように記述します。
@charset "UTF-8"; /* Theme Name: stinger5_child Template: stinger5ver20141123 */ @import url('../stinger5ver20141123/style.css');
Theme Name: ご自分で付けた任意の名前(フォルダ名)が入ります。
Template: stinger5ver20141123 は親テーマのversion名です。人によって違っている場合があります。ご自分のversion名を入れて下さい。
フォルダをアップロードしたら、ダッシュボード 外観 → テーマ を開いてください。下のように子テーマ「stinger5_child」がアップされています。
この子テーマを有効化してカスタマイズしていきます。
子テーマは親テーマの後に読み込まれます。
親テーマのスタイルシートなどを上書きすることになります。子テーマを作ったら、この子テーマのスタイルシートに追加・変更を記述していきます。
スタイルシートは後に読み込んだものが、優先されるので、親テーマの下の方に記述してもいいのですが、
アップデートなどで、内容が書き変えられたりするので、子テーマで作業しましょう。
子テーマは別フォルダになるのでアップデートをしても内容は変更されません。
????????