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

スポンサードリンク

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

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

さて、この度、

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

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

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

しかし!

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

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

hikaku.png

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

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

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

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


スポンサードリンク

【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】子テーマに、管理画面で選択できるヘッダー画像を登録するスマートなやり方♪【register_default_headers】” の続きを読む

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

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

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

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

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

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

oki2a24 - Just another oki2a24 site2.jpg

WordPress の Twenty Eleven テーマのヘッダー画像を根本的に入れ替えます。「画像をアップロード」からではなく!その1、準備編♪ | oki2a24 の続きになります。変更箇所を前回つかみましたので、実際に修正していきます。

“WordPress の Twenty Eleven テーマのヘッダー画像を根本的に入れ替えます。「画像をアップロード」からではなく!その2、実践編♪” の続きを読む

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

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

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

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

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

WordPressテーマTwenty Elevenの見出し(hタグ)スタイルを修正します!

デフォルトテーマは無個性でお洒落じゃない、ださーい!、と思っていましたけど、今になってはそのようなことは細かいことです。近年の流行を敏感に捉えデザインに取り入れ、つつましくおしとやかに必要な機能と地味に最新の技術をどやぁ?と採用したデフォルトテーマ、Twenty Eleven。満足しています。・・・が、ちょっとね、修正したいです。今回は、hタグ、この見た目を修正したいと思います。

“WordPressテーマTwenty Elevenの見出し(hタグ)スタイルを修正します!” の続きを読む

moreタグでURL末端に付く #more-xxxx を削除する

小樽雪あかりの路14に入ってきた  oki2a24 - Google Chrome 20120304 231001.jpg

WordPress の more-link にはURL の後ろに #more-xxxx がつきます。ええとつまり、ブログホームから記事にジャンプするためには、記事のタイトルをクリックするか、記事の「続きを読む →」をクリックしますけども、「続きを読む →」の場合はURL の後ろに #more-xxxx がつきます。ひとつの記事に対して二つのURL があるのは紛らわしいので #more-xxxx がつかないようにしたいと思います。

“moreタグでURL末端に付く #more-xxxx を削除する” の続きを読む

テーマ名を変更して WordPressのTwenty Elevenをオリジナルテーマにしていく第一歩とする!

oki2a24 - Just another oki2a24 site.jpg

テーマ、変えていきたいですよね。僕は最初「これでいいや♪」と思っていましたけど、いじりたくなりました。サーバすべてほぼ自由にいじれるのでやらない手はありませんし!ありませんし!そこでWordPressにはじめからついているTwenty Eleven 1.3 をコピーして、それをもとにカスタマイズしていきます。今回はコピーするところまでやります。FTPは使わずに、コマンドですべてやりますので、慣れていない方にはちょっと新鮮かもしれませんね。でも簡単です。ポイントは二つだけ。

  • 元々あるテーマTwenty Eleven をコピーする。
  • style.css をちょっとだけ編集してテーマ名を変える。

“テーマ名を変更して WordPressのTwenty Elevenをオリジナルテーマにしていく第一歩とする!” の続きを読む