カテゴリー
WordPress

【WordPress】Twenty Eleven のコピペテーマを子テーマに作り直したメモ

子テーマ化の前に、方針を決めるための調査

  • Twenty Eleven とコピペテーマの差分を抽出し、子テーマへ施す。
  • コピペテーマ作成時の投稿をなぞる形で子テーマをはじめから作成する。

これらの方針考えられました。

Twenty Eleven とコピペテーマの差分を確認してみたところ、、、コピペして修正した箇所以外にも差分が多くございました。テーマがバージョンアップしているからですね。となると、この方法は却下です。

次のコピペテーマ作成時の投稿を参考に、子テーマをはじめから作成することにしました。

カテゴリー
WordPress

【WordPress】Twenty Twelve 子テーマで Jetpack 無限スクロールがソース修正なしに有効なのを訝しんで調べました♪

スクリーンショット 2013-07-08 21.58.42.png

Jetpack の無限スクロールを利用させていただいております。大変便利で面白いのですけれども、管理メニューからの設定だけでは有効にならず、テーマファイルの修正が必要でした。そのときの様子を以前、まとめました。

さて、この度、

  • テーマを Twenty Twelve の子テーマにいたしました。
  • そのとき、Jetpack の無限スクロールはオンにしたままです。

以前使用していたテーマは Twenty Eleven を改造した全く別のテーマでしたので、この状態ですと Jetpack 用のソースが子テーマには入っておりません。

よって、Jetpack 無限スクロールはオフになっていることが予想されます。

しかし!

カテゴリー
WordPress

【WordPress】Twenty Twelve 子テーマの見出しを修正するかどうか比較、考えました♪

hikaku.png

WordPress テーマ「Twenty Twelve」「Twenty Eleven」「oki2a24」の見出しを比較し、Twenty Twelve ベースの子テーマ(すでに適用済み♪)ではどうするか考えます♪

  • Twenty Twelve
    • 見出しと本文の間が一番大きい
    • h3 までは本文以上の文字サイズ
    • 全ての見出しが太文字
  • Twenty Eleven
    • h3 が見出しの中では一番小さく、本文文字サイズよりも小さい。ナンデ?
    • h3 のアルファベットが強制的に大文字に変換される。ナンデ?
    • 太文字となるのは h1、h2 のみ
  • oki2a24

本ブログの見出しをどのように変更したしましょうか?

カテゴリー
WordPress

【WordPress】子テーマに、管理画面で選択できるヘッダー画像を登録するスマートなやり方♪【register_default_headers】

WordPress 子テーマでヘッダー画像を設定するポイント

  • 編集するのは functions.php の 1 ファイルのみ
  • register_default_headers → 管理画面で選択できる画像を登録する関数
  • 子テーマのディレクトリパスは %2$s のプレースホルダーで定義される。親テーマの時の %s ではない。
  • add_action で after_setup_theme にフックする
  • after_setup_theme にフックする関数名は twentytwelve_setup 以外とする。親テーマのセットアップ関数を上書き(オーバーライド)したくないため。

【WordPress】世界で一番簡単に子テーマを作る方法♪を勉強してオリジナルテーマを作る礎とします! | oki2a24 の続きとなります。このときは、子テーマのディレクトリを作って、style.css で子テーマの定義をし、同じファイルで親テーマの CSS を読み込んだのでした。続きでございまして、今回で見た目が大きく変わる予定です♪

カテゴリー
WordPress

【WordPress】世界で一番簡単に子テーマを作る方法♪を勉強してオリジナルテーマを作る礎とします!

スクリーンショット_2013-07-02_20.48.18.png

本ブログの現在のテーマは Twenty Eleven をベースとして修正を加えたものです。そろそろ見直そうかと思います。見直して、反映したいと考えていますのは次の点です。

今回は、はじめての試みとなります「子テーマを使う方法」を確認しました。子テーマを有効にして、親テーマと同じ動き、見た目をさせるやり方、つまりは世界で一番簡単に子テーマを作る方法をノートいたします♪

カテゴリー
WordPress

Jetpack 2.0 の無限スクロールを導入しました♪

スクリーンショット 2012-11-19 23.47.45.png

Jetpack を 2.0 にアップデートしましたら、 Infinite Scroll なるものが追加されました。これ、あれですよね。ページの一番下までスクロールしたら、次のページが自動で延々と読み込まれていくものですよね!早速導入します!

カテゴリー
WordPress

WordPress のテーマ Twenty Eleven の 1.3 と 1.4 の違いをまとめ!

Twenty Eleven 1.3 と 1.4 の違いまとめ

  • 画像ファイルはすべて同じ。
  • ソースファイルはすべて異なる。改行コードが LF から CRLF に変更された。
  • 改行コード以外に修正されたのは9ファイル
  • theme-customizer.js が1.3 には無く、1.4 に追加された。
  • 日本語翻訳ファイル ja.mo と ja.po が1.3 にはあるが、1.4 には無い。
カテゴリー
WordPress

WordPress のテーマ Twenty Eleven の 1.3 と 1.4 の違いを見ました♪

WordPress が 3.4 にアップデートされました。と同時に、Twenty Eleven が 1.4 にアップデートされました。今のこのブログのテーマは Twenty Eleven 1.3 を基にしていますので、1.4 を基にするようにしたいので、1.3 と 1.4 の違いをおさえておきます。

ざっくりまとめ

  • 改行コードが LF から CRLF に変更された。
  • 日本語の翻訳ファイルがなくなった。
カテゴリー
WordPress

WordPress の Twenty Eleven テーマのヘッダー画像を根本的に入れ替えます。「画像をアップロード」からではなく!その1、準備編♪

根本的に入れ替えたい理由は次のとおりです。

  • メディアライブラリにヘッダー画像を混在させたくない。
  • 間違って消してヘッダー画像が変わってなんでだろう?など悩みたくない。
  • 別のテーマから戻したいときに再び「画像をアップロード」する手順を踏みたくない。面倒です。
  • そしてなにより、テーマのヘッダー画像はテーマのフォルダ内に入っていたほうが、それっぽいからです!!!!!

テーマ内のファイルを弄ることになります。今回はどこに手を入れたらよいのか、明らかにしていきます。早速やっていきましょう。

カテゴリー
WordPress

WordPress管理画面の外観 > メニューをいじるときに気をつけること。

oki2a24 - Just another oki2a24 site(2).jpg

WordPress管理画面の外観 > メニューをいじるときに気をつけること。テーマはデフォルトのTwenty Elevenです。