『Twenty Fourteen』はじめてのテーマカスタマイズ
ここでは、テーマ『Twenty Fourteen』を使って、テーマに沿ったWordPressの設定について書いています。

『Twenty Fourteen』はじめてのテーマカスタマイズ(第1回)子テーマの作成

WordPressをローカル環境に構築したので、WordPressにあらかじめインストールされているテーマをカスタマイズしようと思います。その前に事前準備。『子テーマ』の作成です。 そもそもテーマとは WordPress・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第2回)
子テーマの作成の補足

今回は、子テーマ作成の補足です。 子テーマのスクリーンショット 管理画面の〔外観〕で表示されるテーマを確認すると、前回作成した子テーマには、スクリーンショットがありません。 まだカスタマイズを終えていないので、ここで慌て・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第3回)

楽してカスタマイズ PART1

最初は1からPHPファイルやスタイルシートを編集しましたが 私は、最初、WordPress初心者にも、とっつきいやすい書籍を買って、PHPファイルやスタイルシートを編集してオリジナルテーマを作りました。WordPress・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第4回)

楽してカスタマイズ PART2

プラグインの管理とインストール WordPressでインストールされているプラグインは、管理画面の〔外観〕-〔インストール済みプラグイン 〕 から確認できます。また、このページから、プラグインの停止、削除、編集もできるよ・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第5回)

楽してカスタマイズ PART3

ウィジェットに画像を追加する ウィジェットに画像を表示するには、テキストにHTMLを記述すれば良いのですが、慣れないうちは画像のアドレス指定をミスして上手く表示されなかったり、位置の調整やリンクの設定に手まどったり、思い・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第6回)

自動的に抜粋表示にする PART1

『WP Multibyte Patch』の確認 WordPressをインストールすると、標準でインストールされているプラグインのひとつに、『WP Multibyte Patch』があります。 日本語は英語などの言語とは文・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第7回)

自動的に抜粋表示にする PART2

編集を始める前に 前回の続きで、トップページやアーカイブ、カテゴリーで表示されるブログ記事一覧を自動的に抜粋表示にする設定をします。     今回は、『functions.php』の編集もおこないます・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第8回)

コンテンツエリアの見ばえを良くする PART1

前回までのカスタマイズをもとに、これから文字設定や修飾を用いて図のようにコンテンツエリアの見栄えをよくしていきたいと思います。 コンテンツエリアの変更プランは以下の通り。 変更1:フォントの設定 変更2:『この記事の続き・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第9回)

コンテンツエリアの見ばえを良くする PART2

フォントファミリーの指定は簡単だけど難しい さて、前回の続きです。 フォントファミリーの指定は、初心者が『むむむ』と思うことが多いですよね。もちろん書式自体は難しくないし、簡単に変更できるけれど、参考にした書籍やサイトに・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第10回)

コンテンツエリアの見ばえを良くする PART3

記事本文の特定の文字を修飾する 今回は特定の範囲の文字列の修飾についてお話します。 まず記事本文の特定の文字の修飾について確認するために、管理画面の〔投稿〕-〔新規投稿〕をクリックして、ビジュアルエディタとテキストエディ・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第11回)

コンテンツエリアの見ばえを良くする PART4

今回は、記事のタイトル部分のフォント設定をします。文字のサイズや色といった設定のほか、記事のタイトルなどに表示されるアルファベットが自動的に大文字にトランスレーションする設定がかかっているので、これを変更。入力した通りに・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第12回)

コンテンツエリアの見ばえを良くする PART5

今回はタイトル上のカテゴリ表示を丸角の枠線で修飾したいと思います。また、『この記事の続きを読む』をクリックして表示されるページのほうには、記事を書いた製作者名が表示されるのに対し、抜粋表示では表示されないという違いがあり・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第13回)
3カラムの幅を調整する PART1

3カラムでテーマを利用すること前提にカスタマイズしていますが、コンテンツエリアがちょっと狭いので、今回は幅を広げたいと思います。 親テーマのスタイルシートを確認する まずは、親テーマでデフォルト、どのような設定がされてい・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第14回)
3カラムの幅を調整する PART2

前回はサイトコンテンツエリアをデフォルトの474pxから650pxに拡大しました。もともとのレイアウトに改変をくわえていますから、余白部の調整など、微調整もくわえていきたいと思います。また、私はサイドバーのサイズはこのま・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第15回)
3カラムの幅を調整する PART3

Media Queries Webページのスタイルを指定するCSS3で追加された仕様で、表示される画面環境に応じて適用するスタイルを別個に指定することができます。現在は、PC環境、タブレット環境、スマホ環境とWebページ・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第16回)
ウィジェットエリアの見ばえを良くするPART1

今回からのPARTでは、メインサイドバーやコンテンツサイドバーのウィジェットエリアの見ばえを良くしていきたいと思います。 親テーマのウィジェットタイトル設定 管理画面の〔外観〕-〔テーマの編集〕をクリックし、〔編集するテ・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第17回)
ウィジェットエリアの見ばえを良くするPART2

前回は、WordPressのテーマ『TwentyFourteen』のメインサイドバーに配置するウィジェットをみやすくするために、ウィジェットタイトルに設定変更を加えました。     タイトル部の背景色・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第18回)
ウィジェットエリアの見ばえを良くするPART3

さて、前回の続きで、今回はウェジェットエリアに配置するカテゴリーの順序に関するプラグインです。カテゴリを追加していくと、表示される順序を自分の好きなように入れ替えたいという場面もあると思うのですが、WordPressの管・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第19回)
ウィジェットエリアの見ばえを良くするPART4

第17回18回はウィジェットに関するプラグインのお話をしました。メインサイドバーに配置しても、コンテンツサイドバーに配置しても、個々のウィジェットそのもの設定はプラグインで出来ますが、ウィジェットをメインサイドバーにウィ・・・

『Twenty Fourteen』はじめてのテーマカスタマイズ(第20回)
グローバルナビゲーションPART1

グローバルナビゲーション 今回からは、グローバルナビゲーション関連の設定をしていきたいと思います。 『グローバルナビ』、『グローバルメニュー』、『ナビゲーションメニュー』など、さまざまな呼ばれ方がされていますが、『グロー・・・