サポート » 使い方全般 » 指定のニュースタイトルだけ太字にするには?

  • 解決済 gapel

    (@gapel)


    PC:Windows7 64bit、32bit
    プログラミング:初心者
    HTML・CSS:基本は理解している

    新着ニュースエリアで導入したいことがあり、投稿いたしました。

    指定のニュースタイトルだけ太字にするにはどのようにすればいいでしょうか?

    宜しくお願いします。

15件の返信を表示中 - 1 - 15件目 (全15件中)
  • トピック投稿者 gapel

    (@gapel)

    追記です。

    試しに、投稿するタイトル欄の文言の前後にstrongタグをつけてみたのですが、
    そうすると、トップページの新着ニュースエリアでは、なんと太字になってくれました!!
    ヤッタ!!
    と思ったのもつかの間で、サイトマップページを自動で出力してくれるプラグイン(PS Auto Sitemap)を使っているのですが、
    サイトマップページの太字にした記事のタイトルは太字になっておらず、strongタグが露呈しております・・・泣

    <strong>ニュースのタイトル文言</strong>

    と出ています。。(アアウレシクナイウレシクナイ。。)
    PS Auto Sitemapで出さないようにするか、他に簡単にできる方策がないでしょうか。

    済みませんが宜しくお願い致します。

    こんにちは。

    新着ニュースエリアで導入したいことがあり、投稿いたしました。

    「新着ニュースエリア」というのが何の事なのかわかりませんので、正確な回答ができませんが。

    サイトマップページの太字にした記事のタイトルは太字になっておらず、strongタグが露呈しております・・・泣

    おそらく「PS Auto Sitemap」がタイトルをエンティティのエスケープしているためだと思いますが、編集画面のタイトルでタグを入力すると「PS Auto Sitemap」の限らず、このような結果になる場合があると思います。

    タイトルは、色々な場所、プラグインで使われますので。

    特定の箇所を太字にしたい場合は、それを出力している場所で<strong>タグなどを追加する必要があります。
    場所は、テーマのファイルであったり、プラグインであったり、ケースバイケースです。

    この場合は、WordPressのテンプレートタグ(WordPressの関数)やPHPの知識が多少なりとも必要になります。

    CSSはお分かりのようですので、CSSで対応できるようであれば、CSSで太字にしてしまえば一番簡単ではないでしょうか?

    CSSは、テーマファイルに追加してしまえばOKです。

    トピック投稿者 gapel

    (@gapel)

    redcocker様ありがとうございます。

    CSSはお分かりのようですので、CSSで対応できるようであれば、CSSで太字にしてしまえば一番簡単ではないでしょうか?

    CSSは、テーマファイルに追加してしまえばOKです。

    知りませんでした・・・。CSSファイルに条件分岐とかいう記述ができるのでしたか。
    ネットで探したところ、CSSでは条件分岐はできないが、できることを可能にした画期的なものである、
    という意味がわからないサイトを発見しました。

    http://design-develop.net/web-design/conditional-css.html

    しかしブラウザによっては使えないようですのでダメだと思いました。

    テンプレートにphpコードを記述する形の、どのブラウザであろうが表示してくれる記述方法が知りたいです。

    ちなみに、以下、main.php(トップページ用テンプレートファイル)の新着ニュースエリアのところのソースです。

    <ul class="news">
    		<?php
    		$lastposts = get_posts('numberposts=5');
    		foreach($lastposts as $post) :
    			setup_postdata($post);
    		?>
    			<li><?php the_time('Y/m/d'); ?>:<a href="<?php the_permalink(); ?>" name="post-<?php the_ID(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a>
    			<?php
    			$days=30;
    			$today=date('U');
    			$entry=get_the_time('U');
    			$sa=date('U',($today - $entry))/86400;
    			if( $days > $sa ){
     	 			echo " <img src=\"/wp-content/themes/mytemp/img/home/iconnew.gif\" width=\"30\" height=\"16\" alt=\"NEW\" />";
     			}
    			?>
    
    			</li>
     		<?php endforeach; ?>
    		</ul>

    お忙しいところ大変申し訳ありません。よろしくお願いいたします

    >指定のニュースタイトルだけ太字にするにはどのようにすればいいでしょうか?

    とありますが、指定条件によってどのように記述するかは変わると思います。
    「例えば一番最近のタイトルのみ太字」とか「特定のカテゴリーのタイトルのみ太字」とか…。

    多分もう少し状況を詳しく書かないと、回答を頂くのが難しいかと思います。

    トピック投稿者 gapel

    (@gapel)

    指定のニュースタイトルだけ太字にすることを可能にしたいです。

    例えば、
    「今書いているこのニュースはフェアを案内するので太字のテキストリンクにして特に目立たせたい」
    などということなんです。

    モデレーター Takuro Hishikawa

    (@hissy)

    post classでカテゴリーに対応したCSSが各投稿に付与されますので、「フェア」カテゴリーの投稿だけ太字になるようにCSSで設定したらいいんじゃないかな。

    ありゃ、未翻訳…。
    テンプレートタグ/post class

    知りませんでした・・・。CSSファイルに条件分岐とかいう記述ができるのでしたか。

    条件分岐はできませんよ。

    条件分岐が必要であれば、予め仕様として細かく書いて頂いた方が回答が得られやすいですし、小出しにされると回答する側も大変です。

    ニュースというのは、投稿とか固定ページのことですよね?

    対象となる記事の数が少ないのであれば、ニュースを編集してHTMLエディターから、以下のようなCSSを書いてしまえば簡単かと思います。

    <style type='text/css'>
    .xxxx-title{font-weight: bold !important;}
    </style>

    記事中に書いた<style>タグ反映されますので、単純な手ですがこれでOKです。
    ただし、HTMLエディターから編集、保存して下さい。

    トピック投稿者 gapel

    (@gapel)

    hissy様、ありがとうございます。

    post classでカテゴリーに対応したCSSが各投稿に付与されますので、「フェア」カテゴリーの投稿だけ太字になるようにCSSで設定したらいいんじゃないかな。

    なるほど! 別のカテゴリをつくって、投稿時にそのカテゴリを選択した場合のみ太字になる仕組みですか・・・。よく思いつかれますね。プログラミングがわかる方はすごいなぁ。
    現在、「ニュース」というカテゴリをつくっておるのですが、例えば「ニュース(太字)」などというカテゴリを新規作成し、投稿時にそれをチェックONするわけですね。

    たしかにそれならば、「このニュースタイトルは太字にして強調したいな」と思ったときにそれが叶いそうですね。

    リンク拝見しましたが未翻訳ですね・・・英語わかりませんので窮地に立っております(汗;

    モデレーター Takuro Hishikawa

    (@hissy)

    とりあえずこうしてみてください。liタグにクラスがずらずら追加されるはずです。
    <li <?php post_class(); ?>>

    トピック投稿者 gapel

    (@gapel)

    hissy様、何度もホント有難う御座います。。
    入れましたら確かにものすごい数のclassが連なって出てきました。
    例えば以下のように出ていました。
    冒頭の「post-数字」のところがそれぞれ記事ごとにユニークになっているようですね。

    <li class="post-272 post type-post status-publish format-standard hentry category-news">

    そして、最後の「category-news」が、私が作っていた「ニュース」というカテゴリ名なのだと思いました。英語名(スラッグ)を見ると「news」にしていましたので間違いないと思います。

    うん?、とすると、もしかしてこうでしょうか?
    CSSのclass名としてカテゴリスラッグ名がこのように自動で出力されるのであれば、
    例えばCSSファイルで「news_emph」などというclassをつくってそれにfont-weight: boldとした上で、
    新規で新たに「ニュース(強調)」というカテゴリ名で、かつ「news_emph」というカテゴリスラッグ名を付けたカテゴリを生成し、
    太字にしたいニュースを投稿する際に選ぶカテゴリを「ニュース(強調)」にすれば可能となる、と?
    もしかしてそういうことでしょうか??

    ちょっとやってみます

    トピック投稿者 gapel

    (@gapel)

    hissy様すごい・・・

    解決しました。。

    最初は失敗しました。よく見ると、class名がカテゴリスラッグ名そのものではダメでしたですね。よく見たら違いました。

    hissy様すごい・・・
    相手の力量想像して、ギリギリわかるかも知れないところにタマ投げてくれるなんて・・・
    ビビりました・・・す、すごすぎる。。

    ただ、今気づきましたが、PS Auto Sitemapを使って自動生成しているサイトマップページを見たら、
    ニュースカテゴリが分かれていて、一つが「ニュース(強調)」となってしまってました(汗;
    どうしよこれ・・・
    トップページだけでいいので、サイトマップページでは太字になっていなかったのは好都合なんですが。

    ●ニュース
     ・ニュースタイトル1
     ・ニュースタイトル2
     ・ニュースタイトル3
     ・ニュースタイトル5

    ●ニュース(強調)
     ・ニュースタイトル4・・・コレが太字にした記事

    ウ~ン・・・今までどおり「ニュース」の中に日付順に普通に入って欲しいのデスが・・・
    どうにか考えないと。

    モデレーター Takuro Hishikawa

    (@hissy)

    カテゴリーは複数指定できますので、「ニュース」カテゴリーに入れつつ、強調したいものは「強調」カテゴリーにも入れましょう。PS Auto Sitemapをダウンロードしてみましたが、除外カテゴリの設定ができるようなので、サイトマップで「強調」カテゴリーが表示されないようにできるみたいです。なるほど、PS Auto Sitemap便利ですね。

    トピック投稿者 gapel

    (@gapel)

    hissy様、はい、PS Auto Sitemapは便利なんですよ。って、エエ!?お持ちじゃなかったのにインストルまでされたのですか。ごめんなさい、そんなことまでさせてしまって。しかも除外カテゴリの指定できるところまでチェックしていただいて。本来自分がもう一度見てみなければならないところをなんというかもう。。

    そしてありがとうございます。複数指定しても、ニュースのカテゴリスラッグ名はcssファイルで何も指定していないわけなので、太字の指定をしているclass指示だけが生かされるわけですか。なるほど。

    カテゴリを除外するにはカテゴリIDが必要だそうですが編集画面には見当たらないので探してみます。
    本当に色々ありがとうございました<(_ _)>

    モデレーター Takuro Hishikawa

    (@hissy)

    カテゴリーの編集画面のURLの tag_ID=X がカテゴリーのIDになります。
    解決したらスレッドを解決済みにしておいてくださいね。

    トピック投稿者 gapel

    (@gapel)

    すみません、ホントに何度も・・・
    なんとURLにくっついていたのですか! こんなふうになっているんだ・・・
    おかげさまで解決致しました!
    ホントにもう感謝感謝です!!!

15件の返信を表示中 - 1 - 15件目 (全15件中)
  • トピック「指定のニュースタイトルだけ太字にするには?」には新たに返信することはできません。