株式会社シスアナコム

情報システムに関することなら、どんなことでも適切に助言いたします!

この投稿は1年以上前に公開されました。
現在では状況や内容が変わっている可能性があります。
ご注意下さい。m(_ _)m

TwentyThirteenの子テーマを作成

      2014/04/16

シスアナコム社長の杉山です。

この週末も埼玉は大雪です。2週続けて大雪なんて珍しい。外出できないので、今日もワードプレスについてひとこと書きます。

テーマとは

ワードプレスはウェブサイトを簡単に作れる素晴らしいソフトウェアです。

素晴らしいと感じる点の一つは、「テーマ」を使って見た目を簡単に変えられることです。

ワードプレスには無料で使える数多くのテーマが用意されています。

2014年2月の時点で、2308個もの公式無料テーマがあります。

多すぎるので、機能や見た目やキーワードで検索して絞り込むことができるようになっています。

このシスアナコムのウェブサイトも、無料公式テーマを使っています。

TwentyThirteen

はじめてのワードプレスなので、何事も勉強だと思い、標準の無料公式テーマを使うことにしました。

ワードプレスの2013年の公式テーマが「Twenty Thirteen」です。

2014年の公式テーマは画像中心だったので、よりシンプルな「Twenty Thirteen」を使うことにしました。

シンプルと言っても機能はなかなかのもの。

レスポンシブルデザインと言って、パソコンでもスマホでもきれいに見ることができます。

画面の広さを自動的に判断して、フォントの大きさやメニューや画面の配置を変更してくれるのです。

こんなサイトをワードプレスを使わないで作ったら、どんなに大変になることか。

ワードプレスなしでは考えられません。

テーマのカスタマイズ

テーマはそのままの状態で使ってもいいのですが、好みでカスタマイズすることもできます。

ワードプレスの管理画面から外観→テーマ編集でカスタマイズ画面になります。

画面右のテンプレートファイルを修正するのですが、ここはちょっと知識が必要です。

HTML、CSS(カスケーディングスタイルシート)、PHP(プログラム言語)の知識が必要になります。

テーマで使われているファイルを直接修正してカスタマイズすることもできるのですが、公式テーマに何か問題が発生して修正されたりすると、カスタマイズした部分が元に戻ってしまう可能性があります。

子テーマの作り方

なので、子テーマを作って、そこに独自部分を記述する方法が良いようです。

子テーマの作り方は簡単。

  1. さくらインターネットのサーバコントロールパネルからファイルマネージャーを起動
  2. ワードプレスをインストールしたフォルダの「wp-content/themes」を開く
  3. 任意のフォルダを作成して、作成したフォルダを開く。
  4. 表示アドレスへの操作→ファイル作成
  5. 文字コードは「UTF-8」を選択。
  6. このようなコードを入力。「Theme Name」は任意の名前。
  7. 保存→ファイル名は「style.css」で閉じる。

これで公式テーマ「twentythirteen」をベースとした子テーマが使えるようになります。

ワードプレスの管理画面から「外観」を選択すると、子テーマが表示されているはずです。

この子テーマをカスタマイズしていきます。

子テーマの適用

子テーマを有効にするために、ワードプレスの管理画面で、外観→テーマを選択します。

すると、作成した子テーマの名前が表示されているはずなので、有効にしましょう。

具体的にどうカスタマイズするかは別の機会にします。

では。

 - ひとこと, ひとこと(ワードプレス)

↓ブログランキングに参加しています!


ネット・PC(全般) ブログランキングへ
にほんブログ村 IT技術ブログ ITコンサルティングへ
にほんブログ村

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です