2015年3月29日Stinger5の子テーマ作り方を解説!こんにちは。今回はワードプレスのテーマ『Stinger5』の子テーマを作る方法について手順を解説します。この記事を読むことであなたは・Stinger5の子テーマを作る方法について学ぶことができます。子テーマとは何なのか?初心者の人は子テーマと聞いてもピンとこないかもしれません。私も最初聞いた時は何のことなのか全く理解できませんでした!子テーマとは既存のテーマを『親テーマ』として指定したカスタマイズ用のテーマのことを指しますなぜ子テーマが必要か?必ずしも子テーマが必要というわけではありません。子テーマを利用することで親テーマを直接編集することなく子テーマを使ってスタイルシートや機能の編集を行うことが可能になります。親テーマがアップデートされた場合などせっかく編集したデータがアップデートしたことによって書き換えられてしまい、消えてしまうという状況を事前に回避することが可能です。時間があれば子テーマは作っておいて損はないでしょう。細かい手順を解説していきますね。頑張って子テーマを完成させましょう。1:子テーマのフォルダを作成するまず最初に子テーマのフォルダを作成します。デスクトップにフォルダを新規作成し、子テーマの名前をつけます。ここではひとまず「Child」としておきましょう。Name』と同名にする<フォルダ画像>2:CSSのファイルを作成する次にCSSのファイルを作成します。メモ帳などを開き、下記のテキストを入力します。いうものを使用しています。手順[1]で作ったフォルダに『style.css』という名前で保存します。これでCSSのファイルは準備完了です。CSSとは?:3:style.cssの入った子テーマフォルダをアップロードする手順[2]で作った『style.css』のテキストファイルが入った手順[1]の『child』フォルダをサーバーへアップロードします。Zilla(ファイルジラ)というFTPソフトを使用しています。ドラッグ&ドロップで簡単にファイルをサーバーへアップすることができるからです。Zillaのでファイルをアップロードする方法がわからない場合はZipファイルに圧縮してワードプレスからアップロードする方法を行ってください。『child』フォルダをzipファイルに圧縮します。※Macの場合フォルダを右クリックし「”フォルダ名”を圧縮」をクリックするとzipの圧縮フォルダが作成できます2:圧縮した子テーマフォルダをワードプレスにアップロードzip形式に圧縮できた子テーマ『child』をワードプレスの管理画面にてアップロードします。ワードプレス管理画面を開き、テーマを開いて下さい。「管理画面>外観>テーマ」<画像>ここで先ほど作ったzip形式に圧縮された子テーマフォルダ『child』をアップロードします。親テーマが認識されたのを確認します。子テーマが正常に有効化できているかサイトを見て確認しましょう。子テーマのstyle.cssファイルの下に親テーマ(この場合stinger5ver20141227)のstyle.cssテキストを全てコピーし、子テーマのstyle.cssに貼り付けます。stinger5ver20141227*/↓この下にペーストして貼り付けます↓========================これで親テーマのcss情報が反映され、サイトの崩れが正常に戻り、親テーマと同じ環境になります。6:Googleアナティリクスを導入するため『header.php』を挿入するサイトのアクセス数などを解析するために、Googleアナティリクスを導入するという場合は手順[1]で作ったフォルダの中に『heder.php』というファイルを追加しておきましょう。1:header.phpファイルを作成メモ帳かテキストエディタを使い、header.phpファイルを作ります。内容は空白のままでいいので、名前を付けて保存する際に『header.php』という名前をつけて、手順[1]の子サイトフォルダ『child』に保存します。(style.css)が入っているフォルダです。2:作成したheader.phpファイルをアップロード作成したheader.phpファイルをワードプレスにアップします。手順[3]でstyle.cssのファイルをFTPソフトなどでアップロードしたのと同じようにheader.phpのファイルをアップロードします。3:アップロードしたheader.phpに親テーマの情報を丸コピーアップロードできたheader.phpファイルを編集します。現段階では子テーマのheader.phpは空白のはずです。「管理画面>外観>テーマの編集>編集するテーマを選択:親テーマ」の順で親テーマのheader.phpを開きます。そこにあるテキストコードを全てコピーし、子テーマのheader.phpに丸写しします。これで子テーマのheader.php編集は完了です。子テーマのheader.phpにGoogleアナリティクスのトラッキングコードを『header.php』の<head>タグ内に貼り付けます。これで子テーマにGoogleアナリティクスが導入できました。子テーマ作成の完了お疲れ様です。以上がワードプレステーマ『Stinger5』に子テーマを作る手順になります。作業に時間がかかってしまったりしますが慣れれば簡単にできるので、挑戦してみてくださいね。あれば便利なものツールツール:FileZilla(ファイルジラ)ワードプレスを編集する際、サーバーにファイルやフォルダをアップロードするのに大変便利なフリーソフトです。ドラッグ&ドロップでフォルダのアップロードが可能なFTPソフト。⇒日本語版ダウンロードはこちらツール:TeraPad(テラパッド)パソコンに元から入っているメモ帳よりも使いやすく、文字の崩れなどを防ぐことができるので便利です。フリーソフトなので無料で使用することができます。4.x対応版ワードプレスの基本知識を頭に入れるため、私も購入して一部を参考にしています。初心者でもわかりやすくワードプレス基本について解説してありますので最初の1冊としてもおすすめします。4.x対応版はこちらこの本で得られるものワードプレス基本知識レンタルサーバーの申し込みから導入までの手順がわかるワードプレスのカスタム全般がわかる無料ブログから独自ドメインへ移行する際に必要な知識まとめ今回はワードプレステーマである『Stinger5』に子テーマを作成する方法について解説しました。子テーマを作っておくことによって、テーマのアップデートが行われてもせっかく編集した部分が消えてしまう!という事態を回避することができます。時間があればしっかり子テーマも作っておきましょう。コメントをキャンセルメールアドレスが公開されることはありません。年賀状を作る時期だ!そ...この季節になり、今年もあとわずかになりました。日が増す毎に寒くなって来ていますね。...23view"好奇心"という"欲望"を刺激する「非常識なブ...はじめまして。この度、ブログを開設致しました。ポリアモリーという新しい恋愛感とは?437view2018/04/16一枚の紙で夢は叶うの書評。人生に遠慮と妥協はするな。