フォーラムへの返信

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • フォーラム: 使い方全般
    返信が含まれるトピック: 投稿一覧の和暦表記について教えてください。
    トピック投稿者 vac2012

    (@vac2012)

    gatespace世話役さま
    いろいろありがとうございます!

    すみません。勉強不足で、やはり、テスト投稿記事が同日だった為、
    ■2013年 ■
    ・2013年 投稿2
    ・2013年 投稿1
    が実現できていたのですが、投稿日を変更した所、
    2013年 ■
    ・2013年 投稿2
    2013年 ■
    ・2013年 投稿1
    となってしましました。

    もう一度、調べ直した所、

    <ul>
    <?php query_posts('cat=6', array('posts_per_page'=>-1,'order'=>'DESC','orderby'=>'date') );
    if ( have_posts() ) :
        $postyear = false; // 比較用の変数を初期化
        while ( have_posts() ) :
            the_post();
            if( $postyear != get_post_time('Y') ) : // 投稿年月を比較
                if ( $postyear !== false ) : // 最初のループは除外。2回目以降で投稿年月が異なれば閉じタグを出力
    ?>
            </ul>
        </li>
    <?php
                endif;
    ?>
        <li><span><?php echo get_post_time('■ Y年'); ?>
    (<?php
    $wareki = the_date('Ymd', '', '', false); //the_dateの戻り値を使う
    echo jp_wareki($wareki); // 2013年3月19日 なら 平成25
    ?>年) ■</span></li>
            <ul>
    <?php
            endif;
    ?>
                <li><span class="kouen_days"><?php the_time('20y年m月d日'); ?> : </span>
    <p><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
    <?php the_title(); ?></a></p></li>
    <?php
            $postyear = get_post_time('Y'); // 比較用の変数に年月を代入
        endwhile;
    endif;
    wp_reset_query();
    ?>
            </ul>

    で実現する事ができました!

    <?php
    $wareki = the_date('Ymd', '', '', false); //the_dateの戻り値を使う
    var_dump( $wareki );
    ?>

    に変更した所、「NULL」になってしまったので、echoにもどした所、上手くいきました!

    またいろいろ勉強していきたいと思います!
    ありがとうございました。

    フォーラム: 使い方全般
    返信が含まれるトピック: 投稿一覧の和暦表記について教えてください。
    トピック投稿者 vac2012

    (@vac2012)

    gatespace世話役さま
    いつもありがとうございます。

    丁寧な解説、感謝します!
    早速、教えていただいたコードをfunctions.phpを追記し、

    <?php the_date( ■ Y, '<li>', '年 ■</li>' . "\n" ); ?>
    の替りに

    <?php
    $wareki = the_date('Ymd', '', '', false); //the_dateの戻り値を使う
    echo jp_wareki($wareki); // 2013年3月19日 なら H25
    ?>

    を書いた所、和暦表記はできたのですが、
    H25
    ・2013年 投稿2
    日付が正しくありません。
    ・2013年 投稿1
    という形の表記になりました・・・。
    <?php the_date( ■ Y, '<li>', '年 ■</li>' . "\n" ); ?>
    は、
    http://www.imaginationdesign.jp/blog/wordpress/1297/を参照させていただいたのですが、
    この、リストの上に年数を出す原理が、いまいちわかっておらず、

    <?php the_date( ■ Y, '<li>', '年 ■</li>' . "\n" ); ?>
    <?php  echo '平成'. (get_the_date('Y')-1988) .'年'; ?>

    などを試したみたのですが、
    ■ 2013年 ■
    平成25年
    ・2013年 投稿2
    平成25年
    ・2013年 投稿1
    という感じの表示になり、なかな打開策がみつからない状態です・・・。
    もしなにかよい案があれば教えていただけると助かります。
    なにからなにまですみません・・・。

    フォーラム: 使い方全般
    返信が含まれるトピック: 投稿一覧の和暦表記について教えてください。
    トピック投稿者 vac2012

    (@vac2012)

    gatespace世話役さま
    早速の投稿をありがとうございました!

    すみません、当方、PHP・JavaScript初心者でして、和暦への変換がよくわからない状態なのですが
    http://www.sandalot.com/javascriptで西暦を和暦に変換する関数/のようなコードをfunction.phpに追記すればいいのでしょうか。

    フォーラム: 使い方全般
    返信が含まれるトピック: single.phpでのリンクについて教えてください。
    トピック投稿者 vac2012

    (@vac2012)

    mypacecreatorさん 早速のご回答ありがとうございます。
    そうですね。すっかり脱線してしましました。
    リキッドデザインの為、CSSでのロールオーバーがうまくいかずだったのですが、もうちょっとがんばってみます!
    いろいろお付き合いいただきありがとうございます。
    また、なにかの際には、ぜひともよろしくお願いします!

    フォーラム: 使い方全般
    返信が含まれるトピック: single.phpでのリンクについて教えてください。
    トピック投稿者 vac2012

    (@vac2012)

    mypacecreatorさん、ありがとうございます。
    その後、いろいろ試した所、やはり、HTML+CSSの問題のようで、floatをかけるとリンクがきかなくなってしますようです。
    とりあえず、今はリンクのきかないsingle.phpと、page.phpはfloatを使わないでにげている感じです><!
    実際のページはちょっと差し障りそうなので、CSSを貼りますね。

    ↓single.php

    <?php get_header(); ?>
    
        <div id="navi2">
             <a>/category/present/">
             <img src="<?php bloginfo('template_url'); ?>/img/present_navi.gif" alt="プレゼント" /></a>
             <a>/category/event/">
             <img src="<?php bloginfo('template_url'); ?>/img/event_navi.gif"   alt="イベント" /></a>
             <a>/category/item/">
             <img src="<?php bloginfo('template_url'); ?>/img/item_navi.gif"   alt="アイテム" /></a>
             <a>/category/blog/">
             <img src="<?php bloginfo('template_url'); ?>/img/blog_navi_on.gif"  alt="ブログ" /></a>
             </div>       
    
        <div id="cat_blog">
             <div id="content">
            <?php while ( have_posts() ) : the_post(); ?>
    
            <h2><?php the_title(); ?></h2>
    
             <div class="blog_in">
    		<?php the_content(); ?>
            <!-- #post-<?php the_ID(); ?> -->
            </div>
    
    		<nav id="nav-single">
    		<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3>
    		<span class="nav-previous"><?php previous_post_link( '%link', __( '<span class="meta-nav">←</span> Previous', 'twentyeleven' ) ); ?></span>
    		<span class="nav-next"><?php next_post_link( '%link', __( 'Next <span class="meta-nav">→</span>', 'twentyeleven' ) ); ?></span>
    		</nav><!-- #nav-single -->
    
    				<?php endwhile; // end of the loop. ?>
        </div><!-- #content -->
        </div><!-- #cat_present -->
    
    <?php get_footer(); ?>

    ↓CSS

    @charset "utf-8";
    
    /*----------------------------------------------------
    	リセット
    ----------------------------------------------------*/
    
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	border: 0;
    	font-family: inherit;
    	font-size: 100%;
    	font-style: inherit;
    	font-weight: inherit;
    	margin: 0;
    	outline: 0;
    	padding: 0;
    	vertical-align: baseline;
    }
    :focus {/* remember to define focus styles! */
    	outline: 0;
    }
    body {
    	background: #fff;
    	line-height: 1em;
    }
    ol, ul {
    	list-style: none;
    }
    table {/* tables still need 'cellspacing="0"' in the markup */
    	border-collapse: separate;
    	border-spacing: 0;
    }
    caption, th, td {
    	font-weight: normal;
    	text-align: left;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: "";
    }
    blockquote, q {
    	quotes: "" "";
    }
    a img {
    	border: 0;
    }
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    
    /*----------------------------------------------------
    	基本構造
    ----------------------------------------------------*/
    
    body {
    	padding: 0 ;
    	max-width:1000px;
    	margin:0px auto;
    }
    
    /* 個別の記事ページ・固定ページのいずれかの場合*/
    .singular #primary {
    	margin: 0;
    }
    .singular #content,
    .left-sidebar.singular #content {
    	margin: 0 7.6%;
    	position: relative;
    	width: auto;
    }
    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular #comments-title {
    	margin: 0 auto;
    	width: 68.9%;
    }
    
    /* 添付ファイルページ(投稿画面のメディアアップロード機能を使ってアップロードした画像など) */
    .singular .image-attachment .entry-content {
    	margin: 0 auto;
    	width: auto;
    }
    
    /* エラーページ*/
    .error404 #primary {
    	float: none;
    	margin: 0;
    }
    .error404 #primary #content {
    	margin: 0 7.6%;
    	width: auto;
    }
    
    /* アレンジメント (画像の配置-右・中央・左)*/
    .alignleft {
    	display: inline;
    	float: left;
    	margin-right: 1.625em;
    }
    .alignright {
    	display: inline;
    	float: right;
    	margin-left: 1.625em;
    }
    .aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    /*----------------------------------------------------
    	トップページ
    ----------------------------------------------------*/
    #top{
    	background: #fff;
    	line-height: 1;
    	background-image:url(img/top_bg.jpg);
    	background-position:bottom;
    	background-repeat:repeat-x;
    }
    #top_page {
    	margin: 0 auto;
    	max-width: 1000px;
    }
    #top_header img {
    	height: auto;
    	margin-bottom: -7px;
    	width: 100%;
    }
    #content #top_bt {
    	clear: both;
    	display: block;
        height: auto;
            margin: 0 auto;
    		max-width:300px;
    }
    #content #top_bt a img {
    	display: block;
        width: 100px;
        max-width:100px;
        height: auto;
        margin: 20px 0 20px 30px;
        float:left;
    }
     #top_footer {
    		clear:both;
    		width:150px;
    		display:block;
    		margin:20px auto;
    		padding-right:20px;
    }
    /*----------------------------------------------------
     中ページ/共通
    ----------------------------------------------- */
    .koumoku{
    		margin: 5px auto;
    		width: 93%;
    		display:block;
    }
    .honbun{
    		margin: 10px auto;
    		width: 93%;
    		display:block;
    }
    a.totop_link{
    	margin: -20px auto 5px auto;
    	max-width: 1000px;
    	width:93%;
    	text-align:right;
    		display:block;
    
    }
    .comment_rogo{
    		margin: 15px auto 5px auto;
    	max-width: 1000px;
    		display:block;
    }
    
    .entry_rogo_hr{
    		margin: 5px auto;
    	max-width: 1000px;
    		display:block;
    }
    .entry_rogo_hr1{
    		margin-bottom:20px;
    }
    
    /*中ページ/ナビゲーション
    ----------------------------------------------- */
    .naka_navi{
    		width:100.5%;
    		max-width: 1000px;
    		background-color:#000000;
    		list-style:none;
    }
    .naka_navi img{
    		width:25%;
    		float:left;
    		margin-bottom:20px;
    }
    /*
    	ナビゲーション(2)
    ----------------------------------------------------*/
    #navi2{
    	width:100%;
    	max-width: 1000px;
    	margin-bottom:20px;
    }
    #navi2 img{
    	width:25.2%;
    	margin:0px -2px -0px -2px;
    }
    
    /*----------------------------------------------------
    	カテゴリープレゼント
    ----------------------------------------------------*/
    #cat_present h2,
    #cat_item h2,
    #cat_blog h2{
    		width:91%;
    		background-color:#d1d3d4;
    		margin:5px 3%;
    		padding:5px 3px 5px 10px;
    		font-weight:bold;
    		line-height:100%;
    }
    #cat_present img,
    #cat_event img,
    #cat_item img {
    		margin: 0 auto;
    	max-width: 1000px;
    		width: 93%;
    		display:block;
    }
    
    /*----------------------------------------------------
    	カテゴリーイベント
    ----------------------------------------------------*/
    #cat_event h2{
    		width:91%;
    		background-color:#fdc689;
    		margin:5px 3%;
    		padding:5px 3px 5px 10px;
    		font-weight:bold;
    		line-height:100%;
    }
    
    /*----------------------------------------------------
    	カテゴリーブログ
    ----------------------------------------------------*/
    #blog_in {
    		margin: 0 auto;
    	max-width: 1000px;
    		width: 93%;
    		display:block;
    }
    
    /* =共通スタイル
    ----------------------------------------------- */
    
    body, input, textarea {
    	color: #373737;
    	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: 300;
    	line-height: 1.625;
    }
    
    #page {
    	background: #fff;
    }
    
    /* Headings */
    h1,h2,h3,h4,h5,h6 {
    	clear: both;
    }
    hr {
    	background-color: #ccc;
    	border: 0;
    	height: 1px;
    	margin-bottom: 1.625em;
    }
    
    /* Text elements */
    p {
    	margin-bottom: 1.625em;
    }
    ul, ol {
    	margin: 0 0 1.625em 2.5em;
    }
    ul {
    	list-style: square;
    }
    ol {
    	list-style-type: decimal;
    }
    ol ol {
    	list-style: upper-alpha;
    }
    ol ol ol {
    	list-style: lower-roman;
    }
    ol ol ol ol {
    	list-style: lower-alpha;
    }
    ul ul, ol ol, ul ol, ol ul {
    	margin-bottom: 0;
    }
    dl {
    	margin: 0 1.625em;
    }
    dt {
    	font-weight: bold;
    }
    dd {
    	margin-bottom: 1.625em;
    }
    strong {
    	font-weight: bold;
    }
    cite, em, i {
    	font-style: italic;
    }
    blockquote {
    	font-family: Georgia, "Bitstream Charter", serif;
    	font-style: italic;
    	font-weight: normal;
    	margin: 0 3em;
    }
    blockquote em, blockquote i, blockquote cite {
    	font-style: normal;
    }
    blockquote cite {
    	color: #666;
    	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: 300;
    	letter-spacing: 0.05em;
    	text-transform: uppercase;
    }
    pre {
    	background: #f4f4f4;
    	font: 13px "Courier 10 Pitch", Courier, monospace;
    	line-height: 1.5;
    	margin-bottom: 1.625em;
    	overflow: auto;
    	padding: 0.75em 1.625em;
    }
    code, kbd {
    	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    abbr, acronym, dfn {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    address {
    	display: block;
    	margin: 0 0 1.625em;
    }
    ins {
    	background: #fff9c0;
    	text-decoration: none;
    }
    sup,
    sub {
    	font-size: 10px;
    	height: 0;
    	line-height: 1;
    	position: relative;
    	vertical-align: baseline;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    }
    
    /* Links */
    a {
    	color: #1982d1;
    	text-decoration: none;
    }
    a:focus,
    a:active,
    a:hover {
    	text-decoration: underline;
    }
    
    /* Assistive text */
    .assistive-text {
    	position: absolute !important;
    	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    	clip: rect(1px, 1px, 1px, 1px);
    }
    #access a.assistive-text:active,
    #access a.assistive-text:focus {
    	background: #eee;
    	border-bottom: 1px solid #ddd;
    	color: #1982d1;
    	clip: auto !important;
    	font-size: 12px;
    	position: absolute;
    	text-decoration: underline;
    	top: 0;
    	left: 7.6%;
    }
    
    /*----------------------------------------------------
    	ヘッダー
    ----------------------------------------------------*/
    
    #site-title {
    	margin-right: 270px;
    	padding: 3.65625em 0 0;
    }
    #site-title a {
    	color: #111;
    	font-size: 30px;
    	font-weight: bold;
    	line-height: 36px;
    	text-decoration: none;
    }
    #site-title a:hover,
    #site-title a:focus,
    #site-title a:active {
    	color: #1982d1;
    }
    #site-description {
    	color: #7a7a7a;
    	font-size: 14px;
    	margin: 0 270px 3.65625em 0;
    }
    #branding img {
    	height: auto;
    	margin-bottom: -7px;
    	width: 100%;
    }
    
    /*----------------------------------------------------
    	固定ページ
    ----------------------------------------------------*/
    #page_title {
    		width:92%;
    		background-color:#fdc689;
    		margin:5px auto;
    		padding:5px 3px 5px 10px;
    		font-weight:bold;
    		line-height:100%;
    }
    #page_naiyou{
    		width:95%;
    		margin:5px auto;
    		line-height:100%;
    		display:block;
    }
    #mail_shinki {
    		background-color:#fdc689;
    		margin:5px auto;
    		padding:5px 3px 5px 10px;
    		font-weight:bold;
    		line-height:100%;
    		text-align:left;
    }
    
    /* = 投稿記事
    ----------------------------------------------- */
    
    /* Images */
    .
    img[class*="align"],
    img[class*="wp-image-"],
    img[class*="attachment-"] {
    	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
    }
    img.size-full,
    img.size-large {
    	max-width: 97.5%;
    	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
    }
    .entry-content img.wp-smiley {
    	border: none;
    	margin-bottom: 0;
    	margin-top: 0;
    	padding: 0;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter {
    	margin-bottom: 1.625em;
    }
    
    img#wpstats {
    	display: block;
    	margin: 0 auto 1.625em;
    }
    
    /* 投稿記事の画像の廻りの枠 */
    img[class*="align"],
    img[class*="wp-image-"],
    #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    	padding: 6px;
    }
    .wp-caption img {
    	border-color: #eee;
    }
    a:focus img[class*="align"],
    a:hover img[class*="align"],
    a:active img[class*="align"],
    a:focus img[class*="wp-image-"],
    a:hover img[class*="wp-image-"],
    a:active img[class*="wp-image-"],
    #content .gallery .gallery-icon a:focus img,
    #content .gallery .gallery-icon a:hover img,
    #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
    	background: #eee;
    }
    
    /* Make sure embeds and iframes fit their containers */
    embed,
    iframe,
    object {
    	max-width: 100%;
    }
    
    /* Password Protected Posts */
    .post-password-required .entry-header .comments-link {
    	margin: 1.625em 0 0;
    }
    .post-password-required input[type=password] {
    	margin: 0.8125em 0;
    }
    .post-password-required input[type=password]:focus {
    	background: #f7f7f7;
    }
    
    /*
    Post Formats Headings
    To hide the headings, display: none the ".entry-header .entry-format" selector,
    and remove the padding rules below.
    */
    .entry-header .entry-format {
    	color: #666;
    	font-size: 10px;
    	font-weight: 500;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	position: absolute;
    	text-transform: uppercase;
    	top: -5px;
    }
    .entry-header hgroup .entry-title {
    	padding-top: 15px;
    }
    article.format-aside .entry-content,
    article.format-link .entry-content,
    article.format-status .entry-content {
    	padding: 20px 0 0;
    }
    article.format-status .entry-content {
    	min-height: 65px;
    }
    .recent-posts .entry-header .entry-format {
    	display: none;
    }
    .recent-posts .entry-header hgroup .entry-title {
    	padding-top: 0;
    }
    
    /* Singular content styles for Posts and Pages */
    .singular .hentry {
    	border-bottom: none;
    	padding: 4.875em 0 0;
    	position: relative;
    }
    .singular.page .hentry {
    	padding: 3.5em 0 0;
    }
    .singular .entry-title {
    	color: #000;
    	font-size: 36px;
    	font-weight: bold;
    	line-height: 48px;
    }
    .singular .entry-title,
    .singular .entry-header .entry-meta {
    	padding-right: 0;
    }
    .singular .entry-header .entry-meta {
    	position: absolute;
    	top: 0;
    	left: 0;
    }
    blockquote.pull {
    	font-size: 21px;
    	font-weight: bold;
    	line-height: 1.6125em;
    	margin: 0 0 1.625em;
    	text-align: center;
    }
    .singular blockquote.pull {
    	margin: 0 -22.25% 1.625em;
    }
    .pull.alignleft {
    	margin: 0 1.625em 0 0;
    	text-align: right;
    	width: 33%;
    }
    .singular .pull.alignleft {
    	margin: 0 1.625em 0 -22.25%;
    }
    .pull.alignright {
    	margin: 0 0 0 1.625em;
    	text-align: left;
    	width: 33%;
    }
    .singular .pull.alignright {
    	margin: 0 -22.25% 0 1.625em;
    }
    .singular blockquote.pull.alignleft,
    .singular blockquote.pull.alignright {
    	width: 33%;
    }
    .singular .entry-meta .edit-link a {
    	bottom: auto;
    	left: 50px;
    	position: absolute;
    	right: auto;
    	top: 80px;
    }
    
    /* エラー表示
    ----------------------------------------------- */
    
    .error404 #main #searchform {
    	background: #f9f9f9;
    	border: 1px solid #ddd;
    	border-width: 1px 0;
    	margin: 0 -8.9% 1.625em;
    	overflow: hidden;
    	padding: 1.625em 8.9%;
    }
    .error404 #main #s {
    	width: 95%;
    }
    .error404 #main .widget {
    	clear: none;
    	float: left;
    	margin-right: 3.7%;
    	width: 30.85%;
    }
    .error404 #main .widget_archive {
    	margin-right: 0;
    }
    .error404 #main .widget_tag_cloud {
    	float: none;
    	margin-right: 0;
    	width: 100%;
    }
    .error404 .widgettitle {
    	font-size: 10px;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }
    
    /* =Attachments
    ----------------------------------------------- */
    
    .image-attachment div.attachment {
    	background: #f9f9f9;
    	border: 1px solid #ddd;
    	border-width: 1px 0;
    	margin: 0 -8.9% 1.625em;
    	overflow: hidden;
    	padding: 1.625em 1.625em 0;
    	text-align: center;
    }
    .image-attachment div.attachment img {
    	display: block;
    	height: auto;
    	margin: 0 auto 1.625em;
    	max-width: 100%;
    }
    .image-attachment div.attachment a img {
    	border-color: #f9f9f9;
    }
    .image-attachment div.attachment a:focus img,
    .image-attachment div.attachment a:hover img,
    .image-attachment div.attachment a:active img {
    	border-color: #ddd;
    	background: #fff;
    }
    .image-attachment .entry-caption p {
    	font-size: 10px;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	margin: 0 0 2.6em;
    	text-transform: uppercase;
    }
    
    /* =ページ送りナビ
    -------------------------------------------------------------- */
    
    #content nav {
    	clear: both;
    	overflow: hidden;
    }
    #content nav a {
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 2.2em;
    }
    #nav-above {
    	padding: 0 0 1.625em;
    }
    #nav-above {
    	display: none;
    }
    .paged #nav-above {
    	display: block;
    }
    .nav-previous {
    	width: 100%;
    	text-align:center;
    }
    .nav-next {
    	width: 100%;
    	text-align:center;
    }
    #content nav .meta-nav {
    	font-weight: normal;
    }
    
    /* =フッター
    ----------------------------------------------- */
    
    #colophon {
    	clear: both;
    }
    #info_logo{
     		margin: 0 auto;
    	max-width: 1000px;
    		width: 95%;
    		display:block;
    		margin-bottom:10px;
    }
    #footer_bt{
        width:95%;
    	margin: 0 auto;
    }
    #footer_bt img{
      		margin: 0 auto;
    	max-width: 1000px;
    		width: 100%;
    		display:block;
    }
    #copy{
      		margin: 30px auto 10px auto;
    		text-align:center;
    		font-size:12px;
    }
    
    /* =レスポンシプルWebデザイン
    ----------------------------------------------- */
    
    @media (max-width: 800px) {
    	/* Simplify the basic layout */
    	#main #content {
    		margin: 0 7.6%;
    		width: auto;
    	}
    	#nav-below {
    		border-bottom: 1px solid #ddd;
    		margin-bottom: 1.625em;
    	}
    	#main #secondary {
    		float: none;
    		margin: 0 7.6%;
    		width: auto;
    	}
    	/* Simplify the showcase template */
    	.page-template-showcase-php .featured-posts {
    		min-height: 280px;
    	}
    	.featured-posts section.featured-post {
    		height: auto;
    	}
    	.page-template-showcase-php section.recent-posts {
    		float: none;
    		margin: 0;
    		width: 100%;
    	}
    	.page-template-showcase-php #main .widget-area {
    		float: none;
    		margin: 0;
    		width: auto;
    	}
    	.page-template-showcase-php .other-recent-posts {
    		border-bottom: 1px solid #ddd;
    	}
    	/* Simplify the showcase template when small feature */
    	section.featured-post .attachment-small-feature,
    	.one-column section.featured-post .attachment-small-feature {
    		border: none;
    		display: block;
    		float: left;
    		height: auto;
    		margin: 0.625em auto 1.025em;
    		max-width: 30%;
    		position: static;
    	}
    	article.feature-image.small {
    		float: right;
    		margin: 0 0 1.625em;
    		width: 64%;
    	}
    	.one-column article.feature-image.small .entry-summary {
    		height: auto;
    	}
    	article.feature-image.small .entry-summary p a {
    		left: 0;
    		padding-left: 20px;
    		padding-right: 20px;
    		width: auto;
    	}
    	/* Remove the margin on singular articles */
    	.singular .entry-header,
    	.singular .entry-content,
    	.singular footer.entry-meta,
    	.singular #comments-title {
    		width: 100%;
    	}
    	/* Simplify the pullquotes and pull styles */
    	.singular blockquote.pull {
    		margin: 0 0 1.625em;
    	}
    	.singular .pull.alignleft {
    		margin: 0 1.625em 0 0;
    	}
    	.singular .pull.alignright {
    		margin: 0 0 0 1.625em;
    	}
    	.singular .entry-meta .edit-link a {
    		left: 0;
    		position: absolute;
    		top: 40px;
    	}
    	.singular #author-info {
    		margin: 2.2em -8.8% 0;
    		padding: 20px 8.8%;
    	}
    	/* Make sure we have room for our comment avatars */
    	.commentlist {
    		width: 100%;
    	}
    	.commentlist > li.comment,
    	.commentlist .pingback {
    		margin-left: 102px;
    		width: auto;
    	}
    	/* And a full-width comment form */
    	#respond {
    		width: auto;
    	}
    	/* No need to float footer widgets at this size */
    	#colophon #supplementary .widget-area {
    		float: none;
    		margin-right: 0;
    		width: auto;
    	}
    	/* No need to float 404 widgets at this size */
    	.error404 #main .widget {
    		float: none;
    		margin-right: 0;
    		width: auto;
    	}
    
    }
    @media (max-width: 650px) {
    	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
    	body, input, textarea {
    		font-size: 13px;
    	}
    	#site-title a {
    		font-size: 24px;
    	}
    	#site-description {
    		font-size: 12px;
    	}
    	#access ul {
    		font-size: 12px;
    	}
    	article.intro .entry-content {
    		font-size: 12px;
    	}
    	.entry-title {
    		font-size: 21px;
    	}
    	.featured-post .entry-title {
    		font-size: 14px;
    	}
    	.singular .entry-title {
    		font-size: 28px;
    	}
    	.entry-meta {
    		font-size: 12px;
    	}
    	blockquote {
    		margin: 0;
    	}
    	blockquote.pull {
    		font-size: 17px;
    	}
    	/* Reposition the site title and description slightly */
    	#site-title {
    		padding: 5.30625em 0 0;
    	}
    	#site-title,
    	#site-description {
    		margin-right: 0;
    	}
    	/* Make sure the logo and search form don't collide */
    	#branding #searchform {
    		top: 1.625em !important;
    	}
    	/* Floated content doesn't work well at this size */
    	.alignleft,
    	.alignright {
    		float: none;
    		margin-left: 0;
    		margin-right: 0;
    	}
    	/* Make sure the post-post navigation doesn't collide with anything */
    	#nav-single {
    		display: block;
    		position: static;
    	}
    	.singular .hentry {
    		padding: 1.625em 0 0;
    	}
    	.singular.page .hentry {
    		padding: 1.625em 0 0;
    	}
    	/* Talking avatars take up too much room at this size */
    	.commentlist > li.comment,
    	.commentlist > li.pingback {
    		margin-left: 0 !important;
    	}
    	.commentlist .avatar {
    		background: transparent;
    		display: block;
    		padding: 0;
    		position: static;
    	}
    	.commentlist .children .avatar {
    		background: none;
    		left: 2.2em;
    		padding: 0;
    		position: absolute;
    		top: 2.2em;
    	}
    	/* Use the available space in the smaller comment form */
    	#respond input[type="text"] {
    		width: 95%;
    	}
    	#respond .comment-form-author .required,
    	#respond .comment-form-email .required {
    		left: 95%;
    	}
    	#content .gallery-columns-3 .gallery-item {
    		width: 31%;
    		padding-right: 2%;
    	}
    	#content .gallery-columns-3 .gallery-item img {
    		width: 100%;
    		height: auto;
    	}
    
    }
    @media (max-width: 450px) {
    	#content .gallery-columns-2 .gallery-item {
    		width: 45%;
    		padding-right: 4%;
    	}
    	#content .gallery-columns-2 .gallery-item img {
    		width: 100%;
    		height: auto;
    	}
    
    }
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    	body {
    		padding: 0;
    	}
    	#page {
    		margin-top: 0;
    	}
    	#branding {
    		border-top: none;
    	}
    
    }

    本当は.naka_naviにしたかったのですが、現在は#navi2でどうにか・・・という現状です。
    基本的な所ですみません・・・。
    よろしくお願いします。

    フォーラム: 使い方全般
    返信が含まれるトピック: single.phpでのリンクについて教えてください。
    トピック投稿者 vac2012

    (@vac2012)

    mypacecreatorさん、ありがとうございます。
    そうですね。状況ですよね。
    状況としましては、IE(win)で確認するとリンクの反応あり、問題なくページも変わります。
    スマホ(Android)だとリンクの反応はあるのですが、ページがかわらない。
    safari(mac)だとリンク反応もなく、ページもかわらないという状況です・・・。

    トピック投稿者 vac2012

    (@vac2012)

    早速のご回答ありがとうございました!
    nobitaさんのおっしゃるとおり、最後にPHP閉じタグがなかったので、追記し、その後にコード記載したら、あっさり出来きました!!
    基本的な事なのに、丁寧に教えていただき感謝です。
    少しづつ色々覚えていきたいと思います。ありがとうございました!

7件の返信を表示中 - 1 - 7件目 (全7件中)