• 締切済み

htmlタグ 条件によっての表示について

1度他カテゴリーで質問をしてみましたが、回答が得られなかったのでこちらのカテゴリーで再度質問させていただきます。 tumblrというサイトで、コメントなどがつくと自分のサイトに 「Comments · 36 notes」 とポストごとに表示(表示されるテーマを使っています)がされるのですが、これが何のコメントもないときには表示されません。 コメントがなくとも 「Comments · 0 notes」 と表示できるようにしたくて、いろいろいじってみたのですがうまくできません。 下記、関係ある部分のソース(であってると思いますが…)のどこをどのようにすればできるのでしょうか? 知識ある方、ご教示よろしくおねがいします。 {block:ifNotDisqusShortname}{block:NoteCount} <div class="right"><a href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:NoteCount}{/block:ifNotDisqusShortname} <div class="clear"></div> {block:ifDisqusShortname}{block:NoteCount} <div class="left"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a> &middot; <a href="{Permalink}">{NoteCountWithLabel}</a></div> {/block:NoteCount} <div class="clear"></div>{/block:ifDisqusShortname} </div> {/block:Date}

みんなの回答

  • 4017B
  • ベストアンサー率73% (1306/1780)
回答No.1

ん~、これは一般的なHTMLタグとかじゃなくて。その「tumblr」ですか?の独自定義された“タグ”みたいですね…。 だとすれば「こんな(笑)」一般的な広場じゃなく、もっと専門的にtumblrに関して討議が行われているフォーラムとかで質問を投げないと、有用な解答は得られないと思います。 P.S. ざっとググって見た感じでは、その「tumblr」ではそもそもコメントとか記事数が0の場合は、何も表示しないのが仕様みたいですよ?ですので普通の手段では、数=0を表示させる事は難しいかも。 一応、こんなwebサイトとかもありましたので。何かの参考にして下さい。 >http://tagblr.tumblr.com/

naveltwist
質問者

お礼

ご回答ありがとうございます。 参考になりました。自分が希望する形は難しそうですのでほかの解決方法を探してみます。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • CSSを動的出力部分で対応させたい

    以下のようなソースで、動的に出力されるコンテンツのレイアウトに対応したいと思っています。 "Cat_StyleP_img_1"、"name_"、"comment_"のクラス指定したDIVエリアは動的に出力される部分です。 --CSS-- div.mainframe_ { float: right; display: inline; overflow: hidden; } div.container_ div.contents_, div.container_ div.mainframe_ { width: 700px; } div.CategoryStyleP_ { width:100%; overflow: hidden; padding-bottom: 20px; } div.CategoryStyleP_Line_ { width: 102%; overflow: hidden; padding: 10px 0 10px 10px; margin-bottom: 10px; } div.CategoryStyleP_Item_ { float: left; display: inline; width: 340px; margin-right: 10px; padding: 10px 0; overflow: hidden; background: #fff; } div.CategoryStyleP_Item_ .Cat_StyleP_img_ { float: left; display: inline; width: 140px; } div.CategoryStyleP_Item_ .Cat_StyleP_main_ { float: left; display: inline; width: 180px; padding-right: 10px; } div.CategoryStyleP_Item_ h3.name_ { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #cfcfcf; font-size: 14px; font-weight: bold; } div.CategoryStyleP_Item_ div.comment_ img { margin: 0 0 10px 0; } --html-- <body > <div class="container_"> <div class="contents_"> <div class="mainframe_"> <div class="CategoryStyleP_"> <div class="CategoryStyleP_Line_ heightLineParent"> <div class="CategoryStyleP_Item_"> <div class="Cat_StyleP_img_"> <a href="#"><img src="img/usr/cat-sample.png" alt="動的出力画像1"></a> </div> <div class="Cat_StyleP_main_"> <h3 class="name_"> <a class="category_name_" href="#">タイトルA</a> </h3> <div class="comment_">コメントです。ここにはコメントが入ります。コメント、コメント。 </div> </div> </div> <div class="CategoryStyleP_Item_"> <div class="Cat_StyleP_img_"> <a href="#"><img src="img/usr/cat-sample.png" alt="動的出力画像2"></a> </div> <div class="Cat_StyleP_main_"> <h3 class="name_"> <a class="category_name_" href="#">タイトルB</a> </h3> <div class="comment_">コメントです。ここにはコメントが入ります。コメント、コメント。 コメント、コメント。</div> <span class="comment_">コメント、コメント。</span><span class="comment_">コメント、コメント。</span><span class="comment_">コメント、コメント。</span></div> </div> </div> </div> </div> </div> </div> </body> このレイアウトで出力する画像が無かった場合、"Cat_StyleP_img_1"のDIV自体が出力されない 仕様なのですが、画像の出力がない場合に、その他2つ("name_"、"comment_")の要素を横に広げて、 画像の出力が無かった場合の空きスペースが埋まるようにしたいのですが、何か良い方法はありませんでしょうか? JavaScriptではなくCSSで何とか対応したいと考えています。 お助け下さい、何卒宜しくお願いします。

    • 締切済み
    • CSS
  • Wordpressで記事がない場合にメッセージ表示

    現在Wordpressで特定のカテゴリを一覧表示させる設定を行っています。 ただ、記事が一件もない場合に、その旨を伝えるメッセージを表示させたいのと全てを非表示にさせたいと思っているのですが上手くいきません。(メッセージを表示とコンテンツ全体非表示の2つの方法をお伺いしたいです) 以下、実際のソースになるのですが、該当するカテゴリに記事が0件の場合 「○○に関する記事は現在ありません。」 と表示させるにはどうしたらよいでしょうか? <h2 class="entry-title">カテゴリ1の投稿一覧</h2> <div class="container"> <?php $postslist = get_posts('numberposts=-1&orderby=post_date&order=DESC&cat=1'); foreach ($postslist as $post) : setup_postdata($post); ?> <ul class="hogehoge"> <a href="<?php the_permalink(); ?>" ><img src="<?php echo catch_that_image(); ?>" /></a> <li><a href="<?php the_permalink();?>"><b><?php the_title(); ?></b></a><br /> <a href="<?php the_permalink();?>"><?php echo mb_substr(get_the_excerpt(),0, 80);?>…</a> </li> </ul> <?php endforeach; ?> </div><!-- /container --> 2つ目の質問となりますが、投稿が0の場合にメッセージの表示ではなく、 <h2 class="entry-title">カテゴリ1の投稿一覧</h2> から、 </div><!-- /container --> まで、全てのレイアウトを含めた表示を非表示にするにはどのような定義を行えばよいでしょうか? 試行錯誤試してみたのですが、本件2つの方法が解決できませんでした。 お詳しい方いらっしゃいましたらアドバイスのほどお願いいたします。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • cssのulタグについて質問です。

    cssの初心者ですがよろしくお願いします。 以下内容です。 #headerの中にulタグで float:left; display: inline; を使って横のメニューを作りました。 その下に幅いっぱいの画像を入れたかったので 一度 <div class="clear"></div>で区切って<div id=""></div>を使って画像を入れました。 そして、更にその下に上で使ったulタグをコピーしてclassを変更して新しい横のメニューを作ったのですが 2段目の1番左の画像だけマウスオーバーの画像だけが小さくなってしまいました。(横に短くなっている) 画像の大きさは元の画像もマウスオーバーの画像も同じ大きさです。 cssで指定している画像の大きさも間違いありません。 試しに上のメニューを<div id="header">にして <div class="clear"></div>で区切って 下のメニューを<div id="gnavi">にして分けてもその画像だけが小さくなっています。 htmlはこれです <div id="header"> <ul class="yama"> <li class="logo"><a href>ロゴ</a></li> <li class="kyouiku"><a href="">教育</a></li> <li class="syoukai"><a href="">紹介</a></li> <li class="shizen"><a href="">自然</a></li> <li class="mura"><a href="">村</a></li> </ul> <div class="clear"></div> <div class="line"></div> <ul class="rei"> <li class="name"><a href="">あいうえお</a></li> <li class="abc"></li> <li class="map"><a href="">マップ</a></li> </ul> </div> <li class="name"><a href="">あいうえお</a></li>これが問題のタグです。 文字が足りなかったのでcssの一部ですが /* rei */ #header ul.rei{ float:left; } #header ul.rei li{ float:left; display: inline; } で <li class="name"> のcssですが #header ul.rei li.name { display: block; width:295px; height:51px; } #header ul.rei li.name a { display: block; background: url(../img/name.jpg) no-repeat top left; text-indent:-9999px; height:100%; width:100%; } #header ul.rei li.name a:hover { display: block; text-indent:-9999px; height:100%; width:100%; background: url(../img/name_om.jpg) no-repeat top left; } という風にしています。 初心者のため使い方が間違っているところが多々あると思いますがよろしくお願いします。

    • ベストアンサー
    • CSS
  • コメント欄全体を枠で囲み各記事ごとにコメント番号をつける方法

    FC2ブログのテンプレート工房 http://10plate.blog44.fc2.com/ 上記サイトのライトフレームを使っているのですが 各記事ごとにコメントに番号をつけ、 コメント欄全体を枠で囲む 簡潔なカスタマイズ方法をお教えください HTML部 <!--comment_area--> <a name="comment_list"></a> <!--comment--> <div class="comment_outline"> <div class="comment_title"><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></div> <div class="comment_body"> <div class="comment_text"><%comment_body></div> <div class="comment_navi"> [ <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> ] <SCRIPT LANGUAGE="JavaScript"> v = "<%comment_url>"; iffunc(v); function iffunc(b) { if (b) { document.write("<a href='<%comment_url>' target='_blank'>"+"<%comment_mail>"+"</a> <a href='<%comment_url>' target='_blank'><%comment_name></a>"); } else { document.write("<%comment_mail> <%comment_name>"); } } </SCRIPT> [ <a href="<%comment_edit_link>" title="コメントを編集">編集</a> ] </div><!--/comment_navi--> </div><!--/commnet_body--> </div><!--/comment_outline--> <!--comment--> シート部 .comment_outline { border:#000000 2px solid; background-color:#FFFFFF; text-align:left; margin-bottom:20px; } .comment_title { font-size:10pt; color:#ffffff; font-weight:bold; background-color:#000000; text-align:left; border-bottom:#666666 1px solid; padding:5px 20px; } .comment_body { font-size:10pt; color:#000000; border-top:#cccccc 1px solid; } .comment_text { text-align:left; margin:10px 20px; } .comment_navi { text-align:right; margin:0px 10px 3px; } 現状の上記のHTMLでは各コメントが2pixの枠で囲まれ 「タイトル」 本文 (右寄せ)投稿日時投稿者[編集] となります。 これを改変して 各コメントでなくコメント欄全体を枠で囲み (左寄せ)コメント番号Titled by「タイトル」投稿者投稿日時[編集] 本文 と変更したいです 知識不足ゆえの質問ではございますが お分かりの方がいらっしゃったらお答えしていただけると幸いです どうかよろしくお願いましす

  • FC2ブログの本文が表示されない。

    FC2ブログの初心者です。記事を投稿してみたところ、表示が次のようになりました。 ・記事のタイトルは表示されます。(仮に、タイトルを "なんでや?" とします) ・本文が全く表示されません。  [なんでや?]の続きを読む  と表示されるだけです。 ・[なんでや?]の続きを読む から本文へリンクが張られています。 これを、最初から本文が全部表示されるようにするにはどうしたらいいでしょうか。 HTMLで関係ありそうな箇所は以下のようになっています。 <div class="body"> <%topentry_body> <!--more_link--> <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a><!--/more_link--> <!--more--><hr size="1"><a name="more" id="more"></a><%topentry_more><!--/more--> <!--community--><p>テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p><!--/community--> <ol class="sub"> <li><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute>:<%topentry_second></a>|</li> <li><a href="<%topentry_category_link>"><%topentry_category></a></li> <li> <!--allow_tb--> | <a href="<%topentry_link>#trackback">トラックバック:<%topentry_tb_num></a><!--/allow_tb--> <!--deny_tb--><!--/deny_tb--> </li> <li> <!--allow_comment--> | <a href="<%topentry_link>#comment">コメント:<%topentry_comment_num></a><!--/allow_comment--> <!--deny_comment--><!--/deny_comment--> </li> </ol> </div>   

  • headerをページによって表示、非表示にする

    トップページのみヘッダーのjavasprictを使い、他ページでは非表示にしたいのですが、header.phpをもう一つ作り(javaのタグが入ってないもの)別名で保存し、header.phpと同じデレクトリーに保存しページの<?php get_header(); ?>の部分を<?php get_header1(); ?>に変えたのですがエラーでした。 これはどうすれば別々に見る事ができるでしょうか?? 今のページ設定は以下になってます。 <?php get_header(); ?> <div class="span-24" id="contentwrap"> <div class="span-14"> <img src="http://pimpkidz.com/wp/wp-content/uploads/2011/08/side.jpg" /> <div id="content"> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div <?php post_class() ?> id="post-<?php the_ID(); ?>"> <div id="indexthumb"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_post_thumbnail(array( 200,200 ), array( 'class' => 'post_thumbnail' )); ?></a></div> <div id="indexcontent"> <h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> <p class="postdate"><span><?php the_time('Y/n/j(D)') ?> </span></p> <div class="entry"> <?php echo excerpt(40); ?> <div class="readmorecontent"> <a class="readmore" href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">Continue</a> </div> </div> </div> <div style="clear:both;"></div> </div><!--/post-<?php the_ID(); ?>--> <hr><?php endwhile; ?> <?php else : if ( is_category() ) { // If this is a category archive printf("<h2 class='pagetitle'>Sorry, but there aren't any posts in the %s category yet.</h2>", single_cat_title('',false)); } else if ( is_date() ) { // If this is a date archive echo("<h2 class='pagetitle'>Sorry, but there aren't any posts with this date.</h2>"); } else if ( is_author() ) { // If this is a category archive $userdata = get_userdatabylogin(get_query_var('author_name')); printf("<h2 class='pagetitle'>Sorry, but there aren't any posts by %s yet.</h2>", $userdata->display_name); } else { echo("<h2 class='pagetitle'>No posts found.</h2>"); } get_search_form(); endif; ?> </div> </div> <?php get_sidebars('right'); ?> </div> </div> <?php get_footer(); ?> もし他のソースが必要でしたら言ってください。宜しくお願い致します。

    • ベストアンサー
    • PHP
  • phpコードを解説して欲しいです。$str 多く困

    $str = '<h3 id="trackbacks">Trackback</h3>'; $str .= '<ol class="trackback-list" id="custom-trackback">'; $i = 0; foreach ( $comments as $comment ) { if ( get_comment_type() != 'comment' ) { $str .= '<li class="clearfix" id="comment-' . get_comment_ID() . '">'; $str .= '<div class="trackback-author">'; $str .= '<p class="comment-author-name">'; $comment_author_url = $comment->comment_author_url; $comment_author = $comment->comment_author; if ( $comment_author_url ) { $str .= '<a href="' . esc_url( $comment_author_url ) . '" target="_blank" title="' . esc_attr( $comment_author ) . '">'; $str .= esc_html( $comment_author ); $str .= '</a>'; } else { $str .= esc_html( $comment_author ); } $str .= '</p>'; $str .= '<p class="comment-meta">' . '<a href="' . esc_url( get_comment_link( $comment->comment_ID ) ) . '">' . get_comment_date() .'<span>'. get_comment_time() . '</span><a class="edit" href="' . get_edit_comment_link() . '">(編集)</a></span></p>'; $str .='</div>'; $str .= '<div class="trackback-body">'; if ( $comment->comment_approved == '0' ) { $str .= '<p class="attention"><em>あなたのトラックバックは承認待ちです。</em></p>'; } $str .= '<p>' . esc_html( get_comment_text() ) . '</p>'; $str .= '</div>'; $str .= '</li>'; $i++; } } $str .= '</ol>'; if ( $i > 0 ) { echo $str;

    • 締切済み
    • PHP
  • FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。

    FC2ブログ・スタイルシート内で文字の大きさ変更の仕方を教えて下さい。(font sizeと言う文字が無いので私は困った。) 以下はブログのソースコード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=euc-jp"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <link href="<%css_link>" type="text/css" rel="stylesheet"> <link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml"> <title><%blog_name> <%sub_title></title> <link href="<%css_link>" rel="stylesheet" type="text/css" /> </head> <body> <!-- headBlock --> <div id="headBlock"> <h1 class="h1"><a href="<%url>"><%blog_name></a></h1> <div id="headIntroduction"><%introduction></div> </div> <div class="login"><a href="./?admin">管理者ページ</a>&nbsp;<a name="page_top"></a></div> <!-- /headBlock --> <!-- EntryBlock --> <div id="EntryBlock"> <!--index_area--> <!--TopPage Only--> <div class="top_entry-index"> <div class="top_entry-body"> ■<strong>フリースペース</strong><br /> <br /> </div> </div> <!--/index_area--> <!--topentry--> <div class="mainEntryBlock"> <div class="mainEntryBase"> <div class="mainEntryTitle"><h2><a href="<%topentry_link>"><%topentry_title></a></h2></div> <div class="mainEntryBody"><%topentry_body></div> <div class="mainEntryMore"> <!--more_link--> ≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a> <!--/more_link--> <!--more--> <a name="more" id="more"></a><%topentry_more> <!--/more--> </div> </div> <div class="mainEntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) </a> | <a href="<%topentry_category_link>"><%topentry_category></a> | <!--allow_tb--> <a href="<%topentry_link>#trackback">トラックバック:<%topentry_tb_num></a> | <!--/allow_tb--> <!--deny_tb--> <!--/deny_tb--> <!--allow_comment--> <a href="<%topentry_link>#comment">コメント:<%topentry_comment_num></a> | <!--/allow_comment--> <a href="#page_top" title="ページトップへ">PageTop↑</a> <!--deny_comment--> <!--/deny_comment--> </div> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="<%topentry_link>" trackback:ping="<%url>tb.php/<%topentry_tb_no>" dc:title="<%topentry_title>" dc:identifier="<%topentry_link>" dc:subject="<%topentry_category>" dc:description="<%topentry_discription>" dc:creator="<%author_name>" dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" /> </rdf:RDF> --> </div> <!--/topentry--> <!--エントリーここまで--> <!--コメント--> <!--comment_area--> <div class="pageLink"> <!--preventry--> ≪<a href="<%preventry_url>"><%preventry_title></a> <!--/preventry--> | <a href="<%url>">ホーム</a> | <!--nextentry--> <a href="<%nextentry_url>"><%nextentry_title></a>≫ <!--/nextentry--> </div> <div class="mainEntryBlock"> <div class="mainEntryTitle"><a name="comment" id="comment"></a>コメント</div> <div class="mainEntryBase"> <div class="mainCommentBold">この記事へのコメント</div> <!--comment--> 割愛部分あり

  • [wordpress] 固定ページで、カテゴリ名の

    [wordpress] 固定ページで、記事の一覧を表示し、その記事の属するカテゴリ名の表示 wordpressで、商品一覧ページを作成していて、一覧を表示するページは固定ページにしています。 その商品一覧の中で、記事(商品)の属するカテゴリ名を表示させたいのですが どうすればいいでしょうか? 商品が服なので、その商品が属するカテゴリを項目の一つとして出力したいのです。 つまり『抽出した商品毎(have_post()の出力結果)にカテゴリ名を抽出』という感じです。 具体的なソースも教えて頂けると助かります。 <?php the_category(); ?> はダメでした。 [参考ソース] <div id="collectionWrap" class="clearfix"> <?php $loop = new WP_Query( array( 'post_type' => 'collection', 'posts_per_page' => 8 ) ); while ( $loop->have_posts() ) : $loop->the_post(); ?> <div class="collection"> <div class="image"> <a href="<?php the_permalink() ?>"><?php echo wp_get_attachment_image(get_post_meta($post->ID,"画像",true),'medium' ); ?></a> </div> <div class="txt"> <div class="clearfix mb10"> <p class="upDate"><?php echo get_post_meta($post->ID,"性別",true); ?></p> <p class="seasons"> <span> /*ここにカテゴリの種類を出力 */ </span></p> </div> <p class="itemName"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></p> <p class="itemPrice">&yen;&nbsp;<?php echo get_post_meta($post->ID,"価格",true); ?></p> </div> </div> <?php endwhile; ?> <?php wp_reset_query(); ?> </div> どうかよろしく御願いします。足りない情報等あればおっしゃってください。 自分でもいろいろ調べてるのですが、わかりません。。急いでます。

    • ベストアンサー
    • PHP
  • ヘッダーのみ固定について

    ヘッダーのみ固定させたいのですが、IE6だけコンテンツ部分とナビ部分が開いてしまいます。 開かなくする為にはどうすればいいでしょうか? CSS * html body { overflow: hidden; } body{   margin: 0px;   padding: 0px; } .clear { overflow: hidden; display: block !important; display: inline-block; } #wrapper { width: 900px; margin: 0 auto; } #header { width: 900px; height: 100px; position: fixed !important; position: absolute; } * html div#header{ position: absolute; top: expression(eval(document.documentElement.scrollTop+0)); } #content { width: 900px; padding-bottom: 25px; background: #fff; padding-top: 135px; overflow: auto; } #global_navi { display: block !important; display: inline-block; overflow: hidden; position: fixed !important; padding-top: 100px; } HTML <div id="wrapper"> <div id="header"> <h1>○○○○</h1> <div class="header_logo"><a href="index.html"><img src="img/header_logo.gif" alt="" width="400" height="60" /></a></div> </div> <ul id="global_navi"> <li class="gn01"><a href="index.html">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> <li class="gn02"><a href="#">○○○○</a></li> </ul> <div id="content" class="clear"> <div class="index_left"> </div> <div class="index_right"> </div> </div> <div id="footer" class="clear"> </div> </div>

    • ベストアンサー
    • HTML