http://ma3eng.com/2012/06/05/quick-cache/
スマフォようとかだとだめ
ろぐあうとしんとだめ
http://ma3eng.com/2012/06/05/quick-cache/
スマフォようとかだとだめ
ろぐあうとしんとだめ
http://weboook.blog22.fc2.com/blog-entry-383.html
/*さいど子メニュー持ち子の親背景 色*/ .secondary-navigation li:hover > a { background-color: #FFA70A!important; color: #fff!important; } .primary-navigation li:hover > a, .primary-navigation li.focus > a { background-color: #FFA70A!important; color: #fff!important; }
li:hover > a とすると
その子要素にいる間 ホバーし続ける
ちなみに
上記
14のさいど 上メニューのタイトルのcss
/*さいど子メニュー持ち子の背景*/ .secondary-navigation ul ul{background-color: #72DFB8!important;} .secondary-navigation ul ul li a:hover{background-color: #FFA70A!important;} .primary-navigation ul ul{background-color: #72DFB8!important;} .primary-navigation ul ul li a:hover{background-color: #FFA70A!important;}
こいつも必要
さらにしいていえば
@media screen and (min-width: 1008px) {}
こいつで囲む
つまり スマフォとかでは効いてほしくないんだ
top フューチャーコンテンツは
初期では背景が黒いので
さらにページ(プロフィール)の画像はでかくらりすぎないため余白ができるから
サイトカラーに合わせ
/*topフューチャーコンテンツ背景カラーサイトカラーに合わす*/ .featured-content-inner{ background-color: #72DFB8; /*max-width:1600px;*/ } /*ページのサムネイル余白背景カラーサイトカラーに合わす*/ .page .post-thumbnail{ background-color: #72DFB8!important; }
通常のサムネイルの背景はこちらで
/*サムネイル ホバー色替え*/ .post-thumbnail{ background-color: #FFF!important; }
.grid .featured-content .entry-headerに背景cssあり
カテゴリで分岐の場合ソースへ
content-featured-post.phpへ
div entry-headerに直接スタイルで分岐
<?php if(in_category(4)): $fc='#ffc200'; elseif(in_category(6)): $fc='#0084ff'; elseif(in_category(5)): $fc='#ff6b65'; endif; ?> <header class="entry-header" style="background-color:<?php echo $fc?>; border-color:<?php echo $fc?>;">
4000番台@media screen and (min-width: 1260px)
よりあとにこれ
4分割して 4段でクリアボス(3段はノーマルに戻す)
@media screen and (min-width: 1600px){ .grid .featured-content .hentry { width: 25%;} .grid .featured-content .hentry:nth-child( 3n+1 ) { clear: none; } .grid .featured-content .hentry:nth-child( 4n+1 ) { clear: both; }
Photospace Responsive
http://thriveweb.com.au/the-lab/photospace-responsive/
http://wordpress.org/plugins/photospace-responsive/
http://blog.openmedialabo.net/5698
http://thriveweb.com.au/photospace-plugin-examples/horizontal-responsive-layout/
こいつでもレスポンシブになるらしいが
ちょっときょどうがおかしかったが参考cっs
やはりパーセンテージだね
.photospace { position:relative; margin-bottom: 20px !important; min-height: 200px; /* space for loader */ } .photospace, .photospace .thumnail_col, .photospace .gal_content, .photospace .slideshow-container, .photospace .slideshow span, .photospace .slideshow a.advance-link, .photospace .slideshow img{ width: 100% !important; height: auto !important; } .photospace .slideshow span{ display: block !important; } .photospace .gal_content{ float: none !important; } .photospace .slideshow span{ position: relative !important; /* Keep the gallery height – Doesn’t work with synced transistions */ } .photospace .loader{ width: 100px !important; height: 100px !important; top: 50% !important; left: 50% !important; margin-left: -50px; } .photospace .thumbs_wrap2{ min-height:45px; /* space for thumbnails */ overflow: hidden; } .photospace .thumbs{ min-height:40px; } .photospace .thumbs_wrap{ float: left; left: 50%; position: relative; } .photospace .pageLink.next{ margin-right:0; } .photospace .thumnail_col { float: left; left: -50%; width:auto !important; position: relative; } .photospace ul.thumbs { float:left; } .photospace span.image-caption{ position: inherit !important; }
14は一番最初にかいてあったわ
ヘッダークリーナーの効力で 位置が変わって解らなくて 2時間位無駄に迷った
その産物
ファンクション500行あたり
見覚えのあるコードがここに
function twentyfourteen_wp_title( $title, $sep ) { global $paged, $page; if ( is_feed() ) { return $title; } // Add the site name. $title .= get_bloginfo( 'name' ); // Add the site description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) { $title = "$title $sep $site_description"; } // Add a page number if necessary. if ( $paged >= 2 || $page >= 2 ) { $title = "$title $sep " . sprintf( __( 'Page %s', 'twentyfourteen' ), max( $paged, $page ) ); } return $title; } add_filter( 'wp_title', 'twentyfourteen_wp_title', 10, 2 );
これはwp_titleにひっかけるフッックってやつだ
このように細工した
function twentyfourteen_wp_title( $title, $sep ) { global $paged, $page; if ( is_feed() ) { return $title; } // Add the site name. $title .= get_bloginfo( 'name' ); // Add the site description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) { $title = "$title $sep $site_description |邦楽 J-POP アコースティック"; } // Add a page number if necessary. if ( $paged >= 2 || $page >= 2 ) { $title = "$title $sep " . sprintf( __( 'Page %s', 'twentyfourteen' ), max( $paged, $page ) ); } return $title; } add_filter( 'wp_title', 'twentyfourteen_wp_title', 10, 2 );
これじゃ全部はかわらんもんで
あとはヘッダー
<title><?php wp_title( '|', true, 'right' ); ?></title>
(区切り文字 $display 右だ)
こいつを色々
<?php if(is_category(4))://カテゴリ:ライブスケジュールの場合 $ccc = '今後の'; elseif(is_page( '62' )): $ccc = '過去の'; endif; if(in_category(4) and is_single() )://カテゴリ:ライブスケジュールの場合 $d_day= get_the_time('Y年m月d日 '); $d_live= 'LIVE '; endif; $ddd = ' | 邦楽 J-POP アーティスト | 愛知 岐阜 三重'; ?> <title><?php echo $d_live,$ccc, wp_title( '|', true, 'right' ); echo $ddd;?></title>
<meta property="og:title" content="<?php echo $d_day, the_title(); ?> | 中村愛香.jp" />
HTML5だから
コメントは5にした
<div class="fb-like" data-href="<?php the_permalink(); ?>" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div><style>.fb-like, .fb-like iframe[style], .fb-like span[style] { width:100% !important; }</style>
こいつにしないと
いいねボタンおしたとき ウインドウがちっちゃい
5のみしていできると思う
このままじゃ流す時弱かったからタイムラインにものらんし
OG設定最低限
コメントは前回記事参照
こめんとしてみたが
記事つきでコメントできるみたい。
チェク有りだと
http://nendeb.jp/?p=563
http://cathval.com/wordpress/3107
とりあえず
prepare("SQL文"); を prepare("SQL文",null);
で対応
//Twenty Fourteen: サイドバー (sidebar.php) <div id="secondary"> //ここから <ul> <li>タグ</li> <?php $tagList = $wpdb->get_results($wpdb->prepare(" SELECT t.term_id,t.name,t.slug,tt.count FROM $wpdb->terms AS t JOIN $wpdb->term_taxonomy AS tt USING(term_id) WHERE tt.taxonomy = 'post_tag' ORDER BY tt.count DESC ",null)); foreach ($tagList as $value):?> <?php $add_style = ''; $add_class = ''; if( is_tag( $value ) ){ $add_class = 'current'; $add_style = 'style="color:#71B6FC;"'; } ?> <li> <a href="/?tag=<?php echo $value->slug; ?>/" <?php echo $add_style;?> class="<?php echo $add_class;?>"> <?php echo $value->name; ?></a> (<?php echo $value->count; ?>)</li> <?php endforeach;?> </ul>
http://comemo508.wordpress.com/category/02-%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E9%81%B8%E5%AE%9A/%E3%83%86%E3%83%BC%E3%83%9E%E5%80%8B%E5%88%A5%E3%81%AE%E8%A7%A3%E8%AA%AC%E3%83%BB%E5%88%86%E9%A1%9E/twenty-fourteen/
14だと
150行目くらいか
// Add support for featured content. add_theme_support( 'featured-content', array( 'featured_content_filter' => 'twentyfourteen_get_featured_posts', 'max_posts' => 6, ) );
こうかいたりますね
featuredをつかいますよって宣言らしい
さいどばーとおなしやね
ただこれはポストタイプと記事数のみ指定できる
ここ触っても 記事更新しないと反せされない
これの下にどこでもいいから
//twentyfourteen_get_featured_postsより後に書く topの注目記事の制御 function myfuture($array){ //たとえばサムネイルのある投稿だけを6件取得する $array = get_posts(array( 'meta_key' => '_thumbnail_id', 'numberposts' => 6, 'orderby'=> 'date', 'order' => 'ASC',//追加 )); return $array; } add_filter('twentyfourteen_get_featured_posts','myfuture',100);
これいれて調整twentyfourteen_get_featured_postsにかかるやつらしい
http://wood-roots.com/web%E5%88%B6%E4%BD%9C/wordpress-web%E5%88%B6%E4%BD%9C/twenty-fourteen%E3%81%A7%E3%83%88%E3%83%83%E3%83%97%E3%81%AE%E7%9B%AE%E7%AB%8B%E3%81%A4%E8%A8%98%E4%BA%8B%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B%E6%96%B9%E6%B3%95
最初参考
http://translate.google.co.jp/translate?hl=ja&sl=en&u=http://jetpack.me/support/featured-content/&prev=/search%3Fq%3Dfeatured-content%26espv%3D210%26es_sm%3D91
http://www.geocities.jp/eijispace/2012/0206.html
<!-- 可動幅にするスタイル --> <style>.fb-comments, .fb-comments iframe[style], .fb-comments span[style] { width:100% !important; }</style> <!-- 表示したい場所に貼るコード --> <div class="fb-comments" data-href="設置するURL" data-num-posts="コメント表示件数" data-width="表示幅(ピクセル指定)"></div>
あいキャッチがふあんていなので
コンテンツ内にいれた
さらにスケジュール用に分岐追加で
live_days.php
最初にphpはいるらしい絶対 かぶっても
<?php if(in_category(4)): ?><div class="entry-title"><?php the_time('Y年m月d日'); ?></div> <?php endif;
content.php
<?php /** * The default template for displaying content * * Used for both single and index/archive/search. * * @package WordPress * @subpackage Twenty_Fourteen * @since Twenty Fourteen 1.0 */ ?> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <header class="entry-header"> <?php twentyfourteen_post_thumbnail(); //上から持ってきた↑?> <?php if ( in_array( 'category', get_object_taxonomies( get_post_type() ) ) && twentyfourteen_categorized_blog() ) : ?> <div class="entry-meta"> <span class="cat-links"><?php echo get_the_category_list( _x( ', ', 'Used between list items, there is a space after the comma.', 'twentyfourteen' ) ); ?></span> </div> <?php endif; if ( is_single() ) : include("live_days.php");//追加 the_title( '<h1 class="entry-title">', '</h1>' ); else : include("live_days.php");//追加 the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' ); endif; ?> <div class="entry-meta"> <?php //日付とかいらない ライブ リリース時 //if ( 'post' == get_post_type() ) //twentyfourteen_posted_on(); //追加 時計出す為にa if(in_category(6)): ?><div class="entry-date" style="float:left; padding-right:10px;"><a><?php the_time('Y年m月d日'); ?></a></div> <?php endif; //追加ここまで if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) : ?> <span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'twentyfourteen' ), __( '1 Comment', 'twentyfourteen' ), __( '% Comments', 'twentyfourteen' ) ); ?></span> <?php endif; edit_post_link( __( 'Edit', 'twentyfourteen' ), '<span class="edit-link">', '</span>' ); ?> </div><!-- .entry-meta --> </header><!-- .entry-header --> <?php if ( is_search() ) : ?> <div class="entry-summary"> <?php the_excerpt(); ?> </div><!-- .entry-summary --> <?php else : ?> <div class="entry-content"> <?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentyfourteen' ) ); wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>', ) ); ?> </div><!-- .entry-content --> <?php endif; ?> <?php the_tags( '<footer class="entry-meta"><span class="tag-links">', '', '</span></footer>' ); ?> </article><!-- #post-## -->
if ( have_posts() ) : // Start the Loop. echo '<div class="archive-header archive-title" style="margin-bottom:0px;">新着記事</div>'; while ( have_posts() ) : the_post();
追加
//特定の条件でボディにクラスをつける add_filter('body_class','my_class_names'); function my_class_names($classes) { if(is_page( '62' )){ // add 'class-name' to the $classes array $classes[] = 'list-view'; // return the $classes array } return $classes; }
http://memocarilog.info/wordpress/theme-custom/3001 参考
これで固定ページのクエリポストにも
list-viewをつけて
アーカイブぺーじのtw14のcssを
<?php /** * The template for displaying Category pages * * @link http://codex.wordpress.org/Template_Hierarchy * * @package WordPress * @subpackage Twenty_Fourteen * @since Twenty Fourteen 1.0 */ get_header(); ?> <section id="primary" class="content-area"> <div id="content" class="site-content" role="main"> <?php //カテゴリ:ライブスケジュールの場合 未来の記事しか出さないよ if(in_category(4)): function filter_where($where = '') { $where .= " AND post_date > '" . date('Y-m-d', strtotime('0 days')) . "'"; return $where; } add_filter('posts_where', 'filter_where'); ?> <?php //カテゴリ:ライブスケジュールの場合セットしないといけないよ カテゴリアーカイブではなくなるので下記single_cat_titleはつかえなくなるよ! query_posts( array( 'paged' => $paged, 'cat'=> array(4), 'order' => ASC, )); ?> <?php endif; //カテゴリ:ライブスケジュールの場合★おわり ?> <?php if ( have_posts() ) : //記事があれば if(in_category(4))://カテゴリ:ライブスケジュールの場合?> <header class="archive-header"> <h1 class="archive-title">一覧</h1> <?php else://カテゴリ:他の場合?> <header class="archive-header"> <h1 class="archive-title"><?php printf( __( ' %s', 'twentyfourteen' ), single_cat_title( '', false ) ); ?> 一覧</h1> <?php endif; //カテゴリ:ライブスケジュールの場合★おわり ?> <?php // Show an optional term description. $term_description = term_description(); if ( ! empty( $term_description ) ) : printf( '<div class="taxonomy-description">%s</div>', $term_description ); endif; ?> </header><!-- .archive-header --> <?php // Start the Loop. while ( have_posts() ) : the_post(); /* * Include the post format-specific template for the content. If you want to * use this in a child theme, then include a file called called content-___.php * (where ___ is the post format) and that will be used instead. */ get_template_part( 'content', get_post_format() ); endwhile; // Previous/next page navigation. twentyfourteen_paging_nav(); else : // If no content, include the "No posts found" template. get_template_part( 'content', 'none' ); endif; ?> </div><!-- #content --> </section><!-- #primary --> <?php get_sidebar( 'content' ); get_sidebar(); get_footer();
まずcssで改造
スタイルに追加
/*サイドと上色替え*/ .site:before,.site-header{ background-color: #72DFB8!important; } /*アドミンバー色替え*/ .search-toggle,#wpadminbar{ background-color: #FFA70A!important; } /*サムネイル ホバー色替え*/ .post-thumbnail{ background-color: #B2B440!important; } /*サムネイル 401までマージン*/ @media screen and (min-width: 401px) { .entry-header .post-thumbnail{margin-bottom:10px;} } /*サイドメニュー ヘッダーメニューのカレントカラー*/ .site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a { color: #FFA70A!important; } /*サイドメニュー ヘッダーメニューのホバー上記かれんとよりあとに*/ .site-navigation a:hover { background-color: #FFA70A!important; color: #FFFFFF!important; } /*シングル 他Pageのぞく ポストサムネイルをエントリーヘッダーに入れたからマージンはいらない*/ .single.full-width.singular .site-content .hentry.has-post-thumbnail, .full-width .site-content .has-post-thumbnail .entry-header { margin-top: 0px!important; }
3188行目あたり
多分.has-post-thumbnailけした
.list-view .site-content .hentry { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 48px; } .list-view .site-content .hentry:first-of-type, /*.list-view .site-content .hentry.has-post-thumbnail*/ /*サムネイル有りも線いるし 一個目はいらない*/ .list-view .site-content .hentry.has-post-thumbnail:first-of-type{ border-top: 0; padding-top: 0; }
'. get_the_time('Y年m月d日'). '
' . コード . '
出力では無く 取得 上記は出力前提のため出力される たとえば エコーとか野中
get_the_time('Y年m月d日')
大きいサイズを出したいなら 横長の写真ならOK
正方形を出したいなら 300pxにしとけ
タイトルにタイトル
ディスプリクションにディスプリクション or コンテンツ本文
ぐらいか
iframe { z-index: 1000!important; }
こうしたらなおりました。