Present the France Trip

トレンドニュースや炎上、考察、面白いアプリやグッズなどを紹介

stinger3 子テーマ CANDY CRAZYの導入&カスタム方法

      2015/05/24

前回stinger3をwordpressに適用させる。でstinger3をwordpressに適用させたので、今度は子テーマを設定していきます。

そもそも子テーマって何

子テーマとは親テーマであるstinger3を元にしてデザインをカスタマイズするテンプレートのこと。

たくさんのテンプレートがありますが、今回はCANDY CRAZYを使ってカスタマズすることにします。

CANDY CRAZY

CANDY CANDYをここからダウンロードしてください。解凍せずzipのままでいいです。

外観のテーマを選択し

新規でテーマを追加します。

ここにダウンロードしたCANDY CANDYを選択します。

すると、

親テーマが見つかりませんでした と表示されます。このエラーはたいてい出ますが、気にしないでください。

エラーを解決していきましょう。

ワードプレスの左側にある外観をクリックし、テーマの編集をクリックします。

SnapCrab_NoName_2015-5-12_22-42-33_No-00

するとこんなかんじにスタイルシートが表示されます。

左上のstinger3ver20140327はそのスティンガーのバージョンですのでコピーかメモをしておきましょう

右に編集するテーマを選択とありますので、▼を押してCANDYCRAZYを選択してください。

スポンサーリンク

/*———————————————————
Theme Name: stinger3 child theme -room9 custum 003 “CANDY CRAZY”-
Template: stinger3ver20131216
Description: Customize css for stinger3
Auther: Qtaro
Author URI: http://room9.jp
License:
License URI:
Version: 20131216 (for stinger3ver20131216)
———————————————————*/
@charset “UTF-8”;
@import url(“../stinger3ver20131216/style.css”);

こんなかんじにCANDYCRAZYのスタイルシートが表示されると思いますが、赤文字に注目してください。

赤文字は子テーマが参照にするスティンガーのバージョンを表示しています。

今回はスティンガーのバージョンが子テーマと違うためにエラーが出たのです。この記述を全部stinger3ver20140327に書き換えちゃいます。

/*———————————————————
Theme Name: stinger3 child theme -room9 custum 003 “CANDY CRAZY”-
Template: stinger3ver20140327
Description: Customize css for stinger3
Auther: Qtaro
Author URI: http://room9.jp
License:
License URI:
Version: 20131216 (for stinger3ver20140327)
———————————————————*/
@charset “UTF-8”;
@import url(“../stinger3ver20140327/style.css”);

書き換えました。このままファイルを保存して外観をクリックしましょう。

SnapCrab_NoName_2015-5-12_22-55-29_No-00

このようにさっきはエラーで表示されなかったCANDYCRAZYが表示されます。このまま有効化しましょう。

そのままサイトを見てみると

SnapCrab_NoName_2015-5-12_22-59-35_No-00

少し不格好ですが、子テーマが適用されました。

STINGER3の画像を消す

一番邪魔であろう画像を消します。外観を選んでカスタマイズを選びます。

そしてヘッダー画像を非表示にすると

SnapCrab_NoName_2015-5-12_23-56-21_No-00

綺麗になりました!さて、カスタマイズもここからが本番です。

気張っていきましょー 次回に続きます。

バックアップ方法へ

        

ad

ad

  関連記事

wordpress 簡単バックアップ方法【画像たっぷり】

stinger3 子テーマ CANDY CRAZYの導入&カスタム方法 スポンサ …

【ブラックリスト】WordPressコメント欄NGワード設定方法【スパム対策】

スポンサーリンク なんか最近スパムコメントが多いので、スパム対策でNGワード設定 …

stinger3をwordpressに適用させる。

スポンサーリンク wpXにwordpressをインストールする方法 前回wpxに …

Jetpackプラグインエラー

スポンサーリンク wordpressをリセットから復旧まで前回、wordpres …

【TwitterにUP】バースト写真で簡単GIF動画の作り方【無料】

(トヨタ○○○○の回し者じゃないです) Twitterでも3MまでならGIF動画 …

WordPressを利用したアフィリエイトブログの初め方【サーバー編】

スポンサーリンク ようやくサイトが安定して表示されるようになってきたので、今まで …