（１）まず、子テーマを作成

• twenty fourteenのテーマで子テーマを作成

（２）full widthのテンプレートを作成。

以下のサイトの内容を参照した。

• 78 | A Real ‘Full Width Page’ Template for Twenty Fourteen

（24/03/01追記）上記のページが既に無くなっているので、コード類はInternetArchive（Wayback Machine）に収録のアーカイブを参照にしてください。

• https://web.archive.org/web/20190601000000*/http://www.transformationpowertools.com/wordpress/real-full-width-page-template-twentyfourteen – InternetArchive（Wayback Machine）

この記事内のreal-full-width.phpの文章は、そのままコピーしてファイルを作成してもうまく表示されなかった（白い画面になってしまった）。うまく、コピーが出来ていない模様。

そこで、twenty fourteenのテーマ内のPage.phpファイル内の記述をコピー。real-full-width.phpの内容と比較して、不必要なコードを削除してファイルを作成した。

（３）full widthのテンプレートを子テーマ内にpage-templatesフォルダを作成し、その中にアップ。

（４）style.cssに、先のブログに記載されているコードを書き足す。

（５）固定ページの編集画面にreal-full-widthのテンプレートが表示されるので、それを選択。

（６）３カラムのtwentyfourteenが、１カラムのfull-widthで表示される。

【コンサデコンサの予定表の例】

これで、任意ページだけ、フルワイド表示に出来るようになった。

---

今回は、full-width表示だけでなく、その他の設定項目も子テーマを使って修正。

【追加１】
JetpackのカスタムCSSで指定していたコードを、style.cssに追記

[php]
/* title css改造分追加改変*/
.subtitle01 {
border-left: 15px solid #b22222;
padding: .6em .8em;
}

.subtitle02 {
border-left: 15px solid #b22222;
border-bottom: 1px solid #ccc;
padding: .6em .8em;
}

.subtitle02b {
display: block;
padding-top: .2em;
font-size: .8em;
color: #ccc;
}

.subtitle03 {
border-left: 15px solid #b22222;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: .6em .8em;
}

.subtitle04 {
border-left: 15px solid #99c;
padding: .6em .8em;
}

.cssaijiki {
border-left: 20px solid #99c;
border-right: 20px solid #99c;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: .6em .8em;
}

.cssaijikititle {
border-left: 15px solid #99c;
padding: .6em .8em;
}

.csclonicle {
border-left: 20px solid #b22222;
border-right: 20px solid #b22222;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: .6em .8em;
}

.csclonicletitle {
border-left: 15px solid #b22222;
padding: .6em .8em;
}

.categorylist {
border-left: 20px solid #b22222;
border-right: 20px solid #b22222;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: .6em .8em;
}

.categorylisttitle {
border-left: 15px solid #b22222;
padding: .6em .8em;
}

.lexicon-eyecatch {
float: right;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 10px;
}
[/php]

---

【追加２】

Breadcrumb NavXTのコードを埋め込んだ。

real-full-width.php内に、
[php]

[/php]

style.css内に

[php]
div.breadcrumbs {
margin-left: 40px;
padding:5px 0 0 10px;
}
[/php]