• 締切済み

wordpressでキャプション内で改行するには

どなたか教えてください。 wordpressでサイトを作っているのですが、 photospaceというプラグインで写真とその説明文を表示するページを作成中です。 写真に説明文を表示させるのに、画像にキャプションを表示させているのですが、 キャプション内の文章の改行や文字揃えなどは可能でしょうか。 現状は文章が右揃えで羅列されています。 <br>タグはそのまま文字列として表示されてしまい、ダメでした。 方法があれば教えてください。 もしくは、ギャラリーページに、写真を表示させると同時に、長めの説明文が表示できる方法(プラグインなど)があれば教えていただきたいです。 よろしくお願いいたします。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

例えば、HTMLが次のような場合・・・ >写真に説明文を表示させるのに、画像にキャプションを表示させているのですが、キャプション内の文章の改行や文字揃えなどは可能でしょうか。  white-space:pre;が抜けている。改行は\Aです。  また、次のようにきちんとマークアップされているなら <div class="figure">  <img src="" width="" height="" alt="">  <div class="figcaption">   <p></p>   <p></p>  </div> </div> HTML5でしたら <figure>  <img src="" width="" height="" alt="">  <figcaption>   <p></p>   <p></p>  </figcaption> </figure> ならそれぞれ、 div.figure{psition:relative;} div.figure div.figcaption{display:none;} div.figure:hover div.figcaption{position:absolute;top:-10px;left:0;background-color:white;width:20em;padding:0.5em 1em;} figure{psition:relative;} figure figcaption{display:none;} figure:hover figcaption{position:absolute;top:-10px;left:0;background-color:white;width:20em;padding:0.5em 1em;} HTMLさえきちんと書かれていればいかようにも出来ます。

関連するQ&A

  • thickboxのtitleキャプション改行したい

    お世話になります。 どうかお力を貸してください。 Thicboxを使って画像をライブラリとして表示させているのですが、 その際に、下記のように、titleキャプションに多少長めの解説文を書き込みたいと思っているのです。 <a href="images/001.jpg" class="thickbox" title="拡大表示させる画像の説明< /br> このコピーはだみーです。このコピーはだみーです。このコピーはだみーです。< /br> このコピーはだみーです。このコピーはだみーです。このコピーはだみーです。"> <img src="images/thumb.jpg" alt="説明文" /></a> が、titleタグを< /br>改行すると、ソース的に問題があるようです。またカーソルオンすると浮かんでくる注釈文にもはっきりと< /br>の表示が出てしまいます。 ですが、説明文の中でどうしても改行はしたいと考えています。 このような場合はどうしたらいいのでしょうか。 良い解決法、またもしjsなどをいじる必要があるのならどこをいじればいいのかもしご存知の方がいたら教えてください。どうかよろしくお願いします。

    • ベストアンサー
    • CSS
  • wordpress キャプションが<p>として吐き出される

    Limit Posts jaというプラグインを入れ、topページに記事(200文字まで)一覧を表示しています。 (PHPソース) <div class="box clearfix"> <?php echo tb_post_thumb(true);?> <div class="cts-list"><?php the_content_limit(200, "続きを見る"); ?></div> </div> これで投稿記事の画像と文章(200文字まで)を取得しているのですが、 画像のキャプションが文章として吐き出されているのです。 投稿記事のページでは、ちゃんとキャプションとして扱われているのですが。。 (HTMLソース) <div class="box clearfix"> <img src="http://www." width="90" height="90" alt="" /> <div class="cts-list"> <p>キャプションここに文章が入ります...<a href='http://www.//省略/?p=87'>続きを見る</a></p> </div> </div> キャプションが平然とした顔で<p>タグに囲まれてます......泣 なんとか一覧ページでキャプションが文章としてではなく、キャプションとして認識させれないでしょうか? なんでもいいです。 文章とは別物として扱えるようになれば。。 記事のページのHTMLソースも載せておきます。 <div class="box clearfix"> <div id="attachment_88" class="wp-caption aligncenter" style="width: 345px"> <img class="size-medium wp-image-88" title="ピクチャ 3" src="http://www" alt="ピクチャ 3" width="335" height="212" /> <p class="wp-caption-text">キャプション</p></div> <p style="text-align: center;"><p>ここに文章が入ります</p> </div> 宜しくお願いしますっ!!!!困ってます!!!すみません!!

    • 締切済み
    • PHP
  • WordPressの記事(投稿)の改行がトップページに反映されない。

    WordPressの記事(投稿)の改行がトップページに反映されない。 WordPressでブログを作成しています。 投稿した記事を個別の記事のページ、カテゴリ、トップページにアップするようにしています。 記事に改行をいれているのですが カテゴリ、トップページからその記事を見ると 改行が反映されていない状態で困っています。 個別の記事に進むと改行が反映されています。 改行に関するプラグインを入れずに ・Shift+Enter ・全角スペース+Shift+Enter このどちらを使ってもカテゴリ、トップページから見た場合、改行が入りません。 個別の記事まで行くと、どちらも改行が反映されています。 プラグインも試してみました。 ・brBrbr ・my_autop ・PS Disable Auto Formatting これでも個別の記事では改行が反映されているのですが、カテゴリやトップページでは改行が反映されていません。 ・<p style="margin-top:1em;"> これを使うと、どの場所でも指定したスペースを確保できます。 しかし、どうしても行間が開きすぎて使いづらい状態です。 これは「テーマ」の問題なのでしょうか。 それともWordPressで解決できる問題なのでしょうか。 WordPressのバージョン:3.0.1 テーマ作成:Artisteer 2 を使っています。 ご存知の方、教えていただけないでしょうか。 よろしくお願いします。

  • WordPressのプラグインについて

    WordPressのプラグインについて、詳しい方がいらっしゃいましたらご教授ください。 WordPressのプラグインNextGEN Galleryを使用したギャラリーサイトを運用しています。 レンタルサーバー側の都合で、急遽引っ越しをすることになったのですが、 引っ越し後に1Pだけなくなってしまいました。 (サーバー側からの連絡が急だったため、先方にお任せしたのですが、 それが間違いでした・・・) ページを再度作成しても、写真が表示できずエラーになってしまいます。 ■エラーメッセージ Invalid Displayed Gallery ■ページのコード <img class="ngg_displayed_gallery mceItem" src="http://xxxxxxxxxxx.com/nextgen-attach_to_post/preview/id--xxx" alt="" data-mce-placeholder="1"> おそらく、IDが間違っているのだと思われますが、phpmyadminで確認したIDを 入力しても同じエラーになってしまいます。 他のページは今まで通り表示できているので、プラグインやサイト自体は問題ないと 思われます。プラグインを無効化→有効化してみても変化はありません。 自分でもかなり調べてみましたが、原因がわからなかったため、 こちらに質問させていただきました。勉強不足なのは重々承知しております。 職場でWeb制作ができるのは自分1人のため、誰にも相談できず、とても困っております。 (このサイトは前任者が作成しており、その方が退職された1年後に入社したため、引き継ぎも ありませんでした。) どなたか助けていただけないでしょうか。 よろしくお願いいたします。

  • Thickboxのtitleを</br>なしで改行

    お世話になります。 以前同じ質問をさせていただいたのですが、私の説明の仕方が悪くて、希望している通りの回答が得られなかったので、再度質問させていただきます。 Thicboxというjqueryを使って画像をライブラリとして表示させているのですが、 その際に、下記のように、titleキャプションに多少長めの解説文を書き込みたいと思っているのです。 <a href="images/thicbox001.jpg" class="thickbox" title="このタイトルはダミーです。<br />このようなかたちで改行したいと思っています。<br />どうすればいいのでしょうか?教えてください!"><img src="images/wall-img_20.jpg" alt="画像の説明文" /></a> いろいろなサイトの説明を見ると、本来ThickBoxを利用してtitleタグで画像の説明をする時は、一言程度の説明で済ますくらいのものみたいです。ですが、今回、ある程度の説明文を加えたいと思っています。それで、<br />を用いて改行することにしました。そうしたら問題なく希望している通りの表示がされました。(添付画像のような表示です。) ところが問題はバリデータでチェックすると絶対にやってはいけない間違った書き方であること、そしてサムネール画像にマウスオン(:hover時)すると、自動的にtitleタグがキャプションとして表示され、<br />という表記も一緒にでてきてしまうのです。 これを解決するにはどうしたらいいのでしょうか。 別個にHTMLファイルを作ってインラインフレームのような仕方で表示させる方法もあるみたいですが、できればそのような方法ではなく上記のtitleタグに<br />を用いず改行させる方法を教えていただければ本当にうれしく思います。 追いつめられて本当に困っています。 どうかよろしくお願いします。

    • ベストアンサー
    • CSS
  • windows10写真にキャプションを付けたい

    windows10 pictureの写真のファイルで写真を一枚開いた時に、その写真の横にキャプション(説明文)を付けたいのですが、操作手順がわかりません。写真にキャプションを付ける方法はありますか?

  • Wordpressのプラグインについて

    小さなコミュニティで写真共有サイトを作ろうと思っています。 写真共有サイトといっても、割りとシンプルで「写真」と「写真の説明文」「写真に対するコメント」のみの内容を考えています。 また、会員制にしたいと思っています。 そこで、wordpressが多くのプラグインがあって作りやすいのかなと考えています。 ご回答いただきたい点は以下になります。 ・写真共有サイト作成に際し、wordpressのプラグインで使えるものがあればご教示ください。 ・buddy pressというプラグインで簡易SNSのようなものが作れるようなのですが、buddypressを使ったことがある方のご意見をいただければと思います。 ・会員制にする際のプラグインも様々ありどれが最も使いやすいかもご教示ください。 私自身でもいろいろ調べてはいるのですが、こういったものを作るスキルの勉強を始めたのが最近なもので、客観的なご意見をちょうだいできればと思い質問させて頂きました。 できるだけ多くのご意見を広く募集します。 よろしくお願いします。

  • <br>で改行しても一行あいてしまいます

    少し説明がわかりにくいかもしれませんが <br>タグを使って改行した場合、行と行の間はあきませんよね? でもたまに<br>タグで改行してるのに行と行の間が一行空くことがたまにあります。 その時のタグは <br>文 <br>文2 と打つと 文 文2 後で見るとこのように反映されます。 同じページで同じ<br>タグを使ってる他の行は改行だけで 行の間が空くことはないのに、何度やっても同じ箇所だけ一行空いてしまいます。 これはどうしてでしょうか?プラウザはIE6.0なんですが そこの部分だけ何度やっても一行空いて見た目が変です。 何か解決策はないでしょうか?

    • ベストアンサー
    • HTML
  • 改行の仕方

    文章を改行するとき改行をしたい文字の先頭に<br> を入力してもどうしてもできません。 特別な設定があるんでしょうか。 よろしくお願いします。

  • ワード2007 中央揃えの後改行すると両端揃えになる。

    最近ワード2007を使い始めたのですが、 文を入力して中央揃えにした後、改行するとカーソルはそのまま中央揃えになったまま表示されますよね。 普通の文章だとそうなるんですが、日付を入力して中央揃えをして 改行すると中央揃えしたはずの日付が両端揃えに変わってしまいます。 日付をそのまま中央揃えにしたまま、改行したい場合はどういう操作をすればよいのでしょうか?

専門家に質問してみよう