Tag: WordPress/テーマ

目次

関連ページ

参考情報

子テーマ

  • 子テーマ - WordPress Codex 日本語版より。子テーマとは既存のテーマを変更するもの。ディレクトリと2つのファイル(style.css、functions.php)が必要(といいつつfunctions.phpがなくても動作する)。
  • style.cssのスタイルシートヘッダで親テーマを指定する。(Template)。

子テーマの作成

  • 最低限一つのディレクトリと2つのファイル(style.cssとfunctions.php)から成り立つ。
  • フォルダの作成末尾-childが望ましい。
  • style.cssを作成。Template行で親テーマのディレクトリ名を指す。
    /*
     Theme Name:   Twenty Fifteen Child
     Theme URI:    http://example.com/twenty-fifteen-child/
     Description:  Twenty Fifteen Child Theme
     Author:       John Doe
     Author URI:   http://example.com
     Template:     twentyfifteen
     Version:      1.0.0
     License:      GNU General Public License v2 or later
     License URI:  http://www.gnu.org/licenses/gpl-2.0.html
     Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
     Text Domain:  twenty-fifteen-child
    */
    
  • functions.phpを作成。以下は親テーマがstyle.cssが一つで構成されている場合。
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    
    }
    

子テーマでcssやjsを追加したい

トラブルシューティング

子テーマを使うとウィジェットがおかしい。

  • 外観 > ウィジェットで各ウィジェットの中身が入れ替わることがある?
  • 手動で戻すしかないっぽい。

Tips

見出しに関して

  • 記事の見出しはh2から始めるか、h3から始めるかという問題。
  • テーマによって個別記事のタイトルがh1か、h2かさまざま。タイトルがh1なら見出しはh2から、h2ならh3から始めたほうがよさそう。だけど主流はh1をタイトルにして、見出しをh2から始める方式かもしれない。Twenty ElevenとかStinger3だとそうなっている。

テーマをgitで管理する

手順1: 初回上流ソースをインポート

  • supertheme.zipを展開しmasterにコミット。さらに今後のimport用にupstreamブランチを準備しておく。
      $ unzip supertheme.zip
      $ cd supertheme
      $ git init
      $ git add .
      $ git commit -m "Import supertheme 1.0"
      $ git tag v1.0
      $ git branch upstream
    

手順2: 上流ソースのアップデートに追随

  • upstreamブランチに上流ソースをインポートしなおしてから、masterにmergeする。
      $ cd wordpress
      $ git checkout upstream
      $ rm -r *
      $ (cd .. && unzip supertheme-1.1.zip)
      $ git add .
      $ git commit -a -m 'Import supertheme 1.1'
      $ git tag v1.1
      $ git checkout master
      $ git merge upstream
    

Tips

テーマのバージョンアップ

  • 子テーマを作っている場合、親ネームをFTPなどでアップロードしてリネームするのが簡単。
  • 例えばSimplicity2の場合以下のようなフォルダをつくっておけば安全。
    #!/bin/sh
    set -eux
    
    themesdir=/home/tanaka/public_html/wp/wp-content/themes
    curname=simplicity2
    newname=simplicity2.new
    oldname=simplicity2.old
    
    sudo rm -rf "$curname"
    unzip $1
    sudo chown nginx.nginx -R "$curname"
    
    if [ -d "$themesdir/$oldname" ]; then
        echo "$themesdir/$oldname exists"
        sudo rm -rf "$themesdir/$oldname"
    fi
    
    sudo mv "$themesdir/$curname" "$themesdir/$oldname"
    sudo mv "$curname" "$themesdir"
    

添付ファイル: filewordpress_vendor_branch.png 521件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2016-08-31 (水) 15:59:59