WordPress/テーマ の履歴(No.6)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• WordPress/テーマ へ行く。
  • 1 (2014-01-14 (火) 06:55:47)
  • 2 (2014-01-13 (月) 23:14:40)
  • 3 (2015-01-16 (金) 05:40:04)
  • 4 (2015-02-13 (金) 05:56:38)
  • 5 (2016-04-13 (水) 07:46:46)
  • 6 (2016-08-31 (水) 15:59:59)
  • 7 (2021-04-14 (水) 21:38:40)

---

Tag: WordPress/テーマ

目次†

関連ページ†

• ../Simplicity

参考情報†

• 「脱」初心者の為のブログのSEO
• WordPress › Support » Why is h1 not used in most themes?

子テーマ†

• 子テーマ - 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を追加したい†

• WordPressでテーマからJavascriptやCSSを読み込む書き方まとめ | notnil creation weblogによると、function.phpで、add_actionして、その中でcssやら、jsやらを読みこめばいいらしい。
• hilight.jsを追加したいは、wordpressでhighlight.jsを利用する方法 | Transrainのように。

トラブルシューティング†

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

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

Tips†

見出しに関して†

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

テーマをgitで管理する†

• Vendor branches in git | Jabbering Giraffeが参考になる。
  

手順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"