WordPressテーマ『十二単』リリース 🎉

十二単子テーマの導入

サイトに合わせてstyleを変更したいとき、親テーマのstyleファイルはアップデートのたびに変更されてしまうので、子テーマの導入は必須です。

もくじ

『十二単』子テーマのインストール手順

👶 導入手順1

十二単子テーマインストール1

こちらからダウンロードできるのでダウンロードしましょう。

👶 導入手順2

十二単子テーマインストール2

WordPress側の外観>テーマ>新規追加で子テーマをアップロードします。このとき必ずZip形式でアップロードしてください。

👶 導入手順3

十二単子テーマインストール3

親テーマが正しくインストールされていれば画像のような画面が表示されます。有効化をクリックしてください。

👶 導入手順4

十二単子テーマインストール4

このように表示されていればインストールは完了です。

子テーマの細部を変更するには?

もしクライアントワークなどで当テーマを使う機会がありましたら子テーマの名前や画像は適宜変えた方がクライアントさんからの心証が良いかと思います。

子テーマの名前の変更方法

十二単子テーマ変更方法1

手順1でダウンロードしたZipファイルを一度解凍してください(Zipファイルの方はこのとき削除してしまって構いません)。

十二単子テーマ変更方法2

中にあるstyle.cssというファイルを編集します(エディターはなんでも大丈夫です)。

十二単子テーマ変更方法3

Theme Nameという箇所の右にある部分がテーマ名として表示されます。この部分をクライアント様名やサイト名に変えると良いですね。

編集が済んだら解凍したフォルダを右クリックから再びZip形式にします。

子テーマの画像を変更する方法

子テーマの画像はテーマページにて表示されるものです。上記の子テーマ名を変える手順と被っているのですぐに終わるかと思います。

十二単子テーマ変更方法1

手順1でダウンロードしたZipファイルを一度解凍してください(Zipファイルの方はこのとき削除してしまって構いません)。

十二単子テーマ変更方法5

このscreenshot.pngがテーマの画像として使われるファイルです。これを変更します。

十二単子テーマ変更方法6

Canvaなどで適当に画像を作ります。画像サイズは3:4くらいの横長画像がおすすめです。Canvaの使い方は以前記事でご紹介したので参考にしてみてください。

十二単子テーマ変更方法7

保存した画像をscreenshot.pngという名前にしてから解凍したフォルダに入れましょう。

十二単子テーマ変更方法8

ここまで済んだら解凍したフォルダを右クリックから再びZip形式にします。

十二単子テーマインストール3

ここまででできたものをWordPressにアップロードします。

十二単子テーマ変更完成図

ここまで上手くできていればこんなふうに親テーマとはまったく別物のような見た目になります👏

CTAエリアイメージ

WordPressテーマ『十二単』

無料のWordPressテーマです。絶賛開発中。
詳しくみる

✒️ Writer ✒️

たかさき

しがないたかさきです。HTML/CSS/JS/PHP/Ruby/SQLちょっと書けます、Photoshopちょっと使えます。Vue勉強中、埼玉とか都内の勉強会良いのあれば教えてください〜。メディア売買経験あります、ミドルレベルでの検索結果1位何回か取ったことあります。詳しくはこちら

Follow Me:)

COMMENT

コメントする

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。


内容をご確認の上、送信してください。