TwentyForteenがアップデートした。
コンサデコンサに、TwentyFourteen 1.4を導入する際の設定項目の覚え書き。
使用テーマ:TwentyFourteen 1.4
TwentyFourteen 1.4本体
【抜粋表示の設定】
メインインデクス、カテゴリー、アーカイブ、検索結果を表示するページは全て抜粋表示にした。
【表示を左端固定表示から中央揃えに変更】
【タイトルのアルファベットが自動で大文字表示になるのを停止する】
【サムネイルの表示方法を変更する】
既存のCSSに追記ではなく、変更するので、子テーマのStyle.cssではなく、Twenty Fourteenのstyle.cssを書き直す。
- TwentyFourteen のサムネイルを中央に表示する
- TwentyFourteen のサムネイルの背景色を変更する
- TwentyFourteen のサムネイルを透過表示させる
- TwentyFourteen のサムネイルの高さを指定する
【Featured表示項目の縦の長さの調節】
既存のCSSに追記ではなく、変更するので、子テーマのStyle.cssではなく、Twenty Fourteenのstyle.cssを書き直す。
【ポスト投稿やカスタム投稿にタクソノミータグを表示】
今回の変更内容:content.phpを修正
カスタム投稿のpost typeとTaxonomyが増えたので現時点での修正内容を下記に記述する。
[php]
‘, ”, ‘
‘ );
?>
[/php]
↓↓↓
[php]
タグ:‘, ”, ‘
‘ ); ?>
ID, ‘appellation’, ‘
‘ ); ?>
ID, ‘biography’, ‘
‘ ); ?>
ID, ‘terminology’, ‘
‘ ); ?>
ID, ‘geography’, ‘
‘ ); ?>
ID, ‘sportsevents’, ‘
‘ ); ?>
ID, ‘guidebook-cat’, ‘
‘ ); ?>
ID, ‘annual-yealy’, ‘
‘ ); ?>
ID, ‘players-cat’, ‘
‘ ); ?>
ID, ‘lexicon-cat’, ‘
‘ ); ?>
ID, ‘links-cat’, ‘
‘ ); ?>
ID, ‘knowledgebase-cat’, ‘
‘ ); ?>
ID, ‘catalogue-cat’, ‘
‘ ); ?>
ID, ‘syllabary’, ‘
‘ ); ?>
[/php]
【パンくずリスト】
通常ページのパンくずリストは、サイドバーにウイジッドを用いて表示。
Full-widthテンプレートのパンくずリストはテンプレートを書き換える。
ともにBreadcrumb NavXT を使う。
【フッタ部分】
footer.phpを修正。
Proudly powered by WordPressの制御文の後ろに
| Copyright © 1996-2015 CONSA DE CONSA
を書き足す。
【コンサペディア】
(CSリンクス)
(Q&A)
Q&Aのアーカイブ表示時だけ、抜粋表示ではなく、全文表示にする。
【子テーマ】
【カスタム投稿を、アーカイブページに表示】
子テーマのfunction.phpに追記。
ホームのアーカイブページにだけ、カスタム投稿を表示しないため、三つの例文のうち、一つは使わない。
[php]
/*
* Add custom post archive
*/
add_action( ‘pre_get_posts’, ‘category_any_posts’ );
function category_any_posts( $query ) {
if ( $query->is_category && $query->is_main_query() ) $query->set( ‘post_type’, ‘any’ );
}
add_action( ‘pre_get_posts’, ‘add_post_tag_archive’ );
function add_post_tag_archive( $wp_query ) {
if ($wp_query->is_main_query() && $wp_query->is_tag()) {
$wp_query->set( ‘post_type’, ‘any’ );
}
}
[/php]
CSSの変更箇所は、子テーマ内のCSSに。
いくつかのウイジッドのCSSも子テーマ内に記述
full-widthのテンプレートも子テーマ内なので、特にいじらず。
widgetのCSSも子テーマ内のCSSに。
以上、現時点での子テーマCSSでの設定項目
Hタグのタイトルデザイン
fullwidthtemplateのCSS
bladcrambのCSS
List Styleの WidgetsのCSS
(試験中の横線(hrタグ)用のCSS)
[php]
/*
Theme Name: Child24
Template: twentyfourteen
*/
@import url(‘../twentyfourteen/style.css’);
/* 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;
}
/*
fullwidthtemplate
*/
.page-template-page-templatesreal-full-width-php .site {
width: 100%;
}
.page-template-page-templatesreal-full-width-php .hentry {
margin: 0 auto 48px;
max-width: 90%;
}
.page-template-page-templatesreal-full-width-php .site-content .entry-header,
.page-template-page-templatesreal-full-width-php .site-content .entry-content,
.page-template-page-templatesreal-full-width-php .site-content .entry-summary,
.page-template-page-templatesreal-full-width-php .site-content .entry-meta,
.page-template-page-templatesreal-full-width-php .page-content {
margin: 0 auto;
max-width: 90%;
}
.page-template-page-templatesreal-full-width-php .main-content,
.page-template-page-templatesreal-full-width-php .content-area {
float: left;
width: 100%;
}
.page-template-page-templatesreal-full-width-php .site-content,
.page-template-page-templatesreal-full-width-php .site-main .widecolumn {
margin-left: 0;
}
.page-template-page-templatesreal-full-width-php .site:before {
width: 0;
}
.page-template-page-templatesreal-full-width-php .site-content {
margin-left: 0;
margin-right: 0;
}
/*
bladcramb
*/
div.breadcrumbs {
margin-left: 48px;
padding:5px 0 0 10px;
}
/*
List Style Widgets (GCE and Oldpost and WPP)
*/
.widget_gce_widget li,
.widget_oldpost_widget li,
.popular-posts li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 0 9px;
}
.widget_gce_widget li:first-child,
.widget_oldpost_widget li:first-child,
.popular-posts li:first-child {
border-top: 0;
}
.content-sidebar .widget_gce_widget li,
.content-sidebar .widget_oldpost_widget li,
.content-sidebar .popular-posts li {
border-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 1008px) {
.primary-sidebar .widget_gce_widget li,
.primary-sidebar .widget_oldpost_widget li,
.primary-sidebar .popular-posts li {
border-top: 0;
padding: 0 0 6px;
}
.primary-sidebar .widget_gce_widget li:last-child,
.primary-sidebar .widget_oldpost_widget li:last-child,
.primary-sidebar .popular-posts li:last-child {
padding: 0;
}
}
/* Hr tag */
hr.style-1995 {
border-top: 5px double #fff;
text-align: right;
margin : 100px 0px 30px 0px ;
}
hr.style-1995:after {
content: “1995年記事|CONSA DE CONSA”;
display: inline-block;
position: relative;
top: -1.2em;
right: 2.2em;
font-size: 0.8em;
padding: 0 0.5em;
background: white;
}
hr.style-players {
border-top: 5px double #fff;
text-align: right;
margin : 100px 0px 30px 0px ;
}
hr.style-players:after {
content: “CSプレイヤーズ(コンサドーレ札幌選手記録集)”;
display: inline-block;
position: relative;
top: -1.2em;
right: 2.2em;
font-size: 0.8em;
padding: 0 0.5em;
background: white;
}
hr.style-annual:after {
content: “CSアニュアル(コンサドーレ札幌記録集)”;
display: inline-block;
position: relative;
top: -1.2em;
right: 2.2em;
font-size: 0.8em;
padding: 0 0.5em;
background: white;
}
hr.style-lexicon:after {
content: “CSレキシコン(コンサドーレ札幌用語集)”;
display: inline-block;
position: relative;
top: -1.2em;
right: 2.2em;
font-size: 0.8em;
padding: 0 0.5em;
background: white;
}
hr.style-links:after {
content: “CSリンクス(コンサドーレ札幌リンク集)”;
display: inline-block;
position: relative;
top: -1.2em;
right: 2.2em;
font-size: 0.8em;
padding: 0 0.5em;
background: white;
}
hr.style-knowledgebase:after {
content: “コンサQ&A|CONSA DE CONSA”;
display: inline-block;
position: relative;
top: -1.2em;
right: 2.2em;
font-size: 0.8em;
padding: 0 0.5em;
background: white;
}
hr.style-guidebook:after {
content: “コンサガイド|CONSA DE CONSA”;
display: inline-block;
position: relative;
top: -1.2em;
right: 2.2em;
font-size: 0.8em;
padding: 0 0.5em;
background: white;
}
[/php]
アーカイブページにカスタムタクソノミーやカスタム投稿の説明文を表示する。子テーマ内に記述しているので、特にいじらず。
[php]
name );
elseif ( is_tax( ‘players-cat’ ) ) :
printf( __( ‘CSプレイヤーズアーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘players-cat’ )->name );
elseif ( is_tax( ‘lexicon-cat’ ) ) :
printf( __( ‘CSレキシコンアーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘lexicon-cat’ )->name );
elseif ( is_tax( ‘syllabary’ ) ) :
printf( __( ‘五十音順アーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘syllabary’ )->name );
elseif ( is_tax( ‘guidebook-cat’ ) ) :
printf( __( ‘コンサガイドアーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘guidebook-cat’ )->name );
elseif ( is_tax( ‘cdc-contents’ ) ) :
printf( __( ‘コンテンツ分類アーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘cdc-contents’ )->name );
elseif ( is_tax( ‘biography’ ) ) :
printf( __( ‘人名別アーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘biography’ )->name );
elseif ( is_tax( ‘terminology’ ) ) :
printf( __( ‘名称別アーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘terminology’ )->name );
elseif ( is_tax( ‘knowledgebase-cat’ ) ) :
printf( __( ‘FAQアーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘knowledgebase-cat’ )->name );
elseif ( is_tax( ‘links-cat’ ) ) :
printf( __( ‘リンクスアーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘links-cat’ )->name );
elseif ( is_tax( ‘catalogue-cat’ ) ) :
printf( __( ‘カタログアーカイブ: %s’, ‘twentyfourteen’ ), get_term_by( ‘slug’, get_query_var( ‘term’ ), ‘catalogue-cat’ )->name );
else :
_e( ‘Archives’, ‘twentyfourteen’ );
endif;
?>
[/php]
【404ページ】
404ページは、子テーマ内にあるので、特に変更しない。