Doesn’t effective, or mess up.
月別アーカイブ: 2014年7月
.header{
.header {
background:bottom url(images/green.png);
border-top:solid 1px #1c1c1c;
border-bottom:solid 1px #1c1c1c;
box-shadow:0 0 1.2em #111;
left:20em; /* 20140526 K.N.*/
margin:5em 0 0; /* 20140526 K.N.*/
/* padding:.6em auto 0;*/
padding:.6em 0 0; /* 20140709 K.N.*//*to remedy validation error*/
position:absolute;
text-align:center;
top:0;
width:60%; /*20140725*//* 20140526 K.N.*//*this is convenient to accomodate many items in the menu */
z-index:100;}
css error
.header {
background:bottom url(images/purple.png);
border-top:solid 1px #1c1c1c;
border-bottom:solid 1px #1c1c1c;
box-shadow:0 0 1.2em #111;
left:0;
margin:1.2em 0 0;
padding:.6em 0 0; /* originally :.6em auto 0 ; makes css validation error, but correction does not seem to change anything */
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:100;}
css3 validation
In header.php;
<h1 id=”fittext”><a href=”<?php echo home_url(); ?>/”><?php bloginfo(‘name’); ?></a><i><?php /* bloginfo(‘description’)*/;?></i></h1>
wrapping the above by <li> & </li> will remove the validation error but does not seem to affect IE8 ill performance.
Moreover this may mess up the display of header!!!
You have to disregard the css3 validation error if you want to take care of IE8.
wp_nav_menu(
<?php if ( has_nav_menu( ‘bar’ ) ) : wp_nav_menu( array( ‘theme_location’ => ‘bar’, ‘container’=>’false’,’items_wrap’ => ‘%3$s’,’depth’ => 2 ) ); else : ?>
<?php wp_list_pages( ‘title_li=&depth=2’ ); ?>
<?php endif; ?>
This modification removes CSS3 validation error , but does not seem to affect the IE8 performance.
wp_head() & wp_footer()
http://wordpress.org/support/topic/277663
テーマファイルのhead.php内にある</head>の直前に「<?php wp_head(); ?>」を、footer.php内にある</body>の直前に「<?php wp_footer(); ?>」が入っているか確認すること
Query by post type and Display them
$args = array( 'post_type' => 'product', 'posts_per_page' => 10 ); $loop = new WP_Query( $args ); while ( $loop->have_posts() ) : $loop->the_post(); the_title(); echo '<div>'; the_content(); echo '</div>'; endwhile;
HTML5 ul
can only contain li
css comment out
use /*
*/
never use //
heightLine
home/webwork/heightLine.js: (ネットからdownload)
copy into (child directory)/js
(header.php) <head> に挿入
関係あるページだけで読みこめばよい。
(e.g. page-popular-sites-in-kamakura.php)
<script type=”text/javascript” src=”<?php echo get_stylesheet_directory_uri(); ?>/js/heightLine.js”></script>