- ベストアンサー
FC2ブログ画像アップできない場所と横並びの問題とは？
- FC2ブログで画像をアップする際、任意の場所に配置できない問題が発生しています。また、複数の画像を横並びにしたい場合にも、適切なスペースを空けることができません。
- 画像のアップはツールバーのアイコンをクリックし、カーソルを置きたい行に移動させることで行います。しかし、全ての画像が左端に寄ってしまい、任意の場所に表示することができません。
- さらに、複数の画像を横に並べたい場合でも一定のスペースを空けることができず、適切な配置ができません。スペースキーを使用しても反映されないという問題も発生しています。
- みんなの回答 （9）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
＞この２つの意味が、今１つ分かりません 実際に記事と追記を書いて保存して実際にブログを見ないと分かりません。 プレビューでは分かりませんよ。詳細表示モード(「続きを読む」をクリックされた状態)で表示されますから。 確認するときは保存後に表示されるURL(記事エントリーのURL)からではなくて、上部にあるメニュー「ブログの確認」から見てください。 そこでブラウザのURLバーを見てください。 http://mitokohmon02.blog93.fc2.com/ になっていることを確認してください。 http://mitokohmon02.blog93.fc2.com/blog-entry-15.html などになっていたら、記事エントリーURLで1記事ごとの表示になっているということです。 詳細表記モードとも言えます。 記事の下にコメント記入欄とかも表示されているはずです。 下にコメント記入欄がなく、ブラウザに表示されているURLがhttp://mitokohmon02.blog93.fc2.com/ (後ろにblog-entry-15.htmlがついていない状態です)になっているのに「続きを読む」になっていない場合は、違うテンプレートにしてください。 ・・・「続きを読む」については公式マニュアルにも書いているし。。。
その他の回答 (8)
残念ながら場所の指定はできません。 必ず文章の最後にしかできません。 それはどのブログサービスでも同じことです。 やろうと思えばできるかもしれませんが・・・ 文章の途中に自分で「続きを読む」リンクを作ってしまうのです。 「続きを読む」というか「詳細を見る」でも何でもいいですけどね。 別ページに表示させる方法とJavaScriptを使う方法があります。 JavaScriptはやり方はちょっと上級ですし、全てのブラウザに対応しているかも分かりませんが。。。 そもそもブログエントリ上で正常動作できるかどうか。。。 当初の質問と違う質問になっているので、一度この質問を締め切ってから、新しく質問を出してください。
「続きを読む」について 1エントリー(記事)ごとに表示にしたらダメですよ。 (確認のため保存後に表示されるURLで見たのでしょう) どんなFC2ブログだって反映されていないように見えてしまいます。 ブログタイトルもしくは下部のhomeをクリックしたら表示が戻り「続きを読む」機能が反映されます。 なぜかというと、「続きを読む」のリンク先はその記事のURLになっているんです。(http://mitokohmon02.blog93.fc2.com/blog-entry-10.html)←勝手にエントリー番号入れちゃいました。どの記事のことかちょっとわからなかったので。。。 ブログタイトルは簡易表示モードのトップページへのリンクになっているのです。 それでも直らない場合はひょっとしたらテンプレートのミスも考えられます。 違うテンプレートを試してみてください。
補足
回答有難う御座います ただスイマセン…まだ私自身勉強不足の様で “1エントリー(記事)ごとに表示にしたらダメですよ。” “ブログタイトル…homeをクリックしたら表示が戻り…反映されます。” この２つの意味が、今１つ分かりません ただ、この意味は一応把握出来てると思います “なぜかというと、「続きを読む」のリンク先はその記事のURL…” それで、実は、反映したい記事は 今回の設定が出来てない為、まだアップしてません ただ、記事は違うんですが、例え易い様に http://mitokohmon02.blog93.fc2.com/blog-entry-15.html この記事で例えると、スクロール中央位に 番組や映画のＨＰから引用した文章を載せてます 仮に、この文章を「続きを読む」に反映させたい場合… 但し、写真は除いても、一緒に反映でも構いませんが 具体的に、どんな方法を設定すれば良いんでしょうか？
＞前回より狭いとは言え少しスペースを保って、横に並んでます ＞これは、どうしてなんでしょうか？ 前の回答で述べましたが、行で欄の幅の指定をしてみました。 <TD width="40"></TD>も前の回答で述べたとおり、分かりやすく尚且つ不等間隔で空間を開けたいとのことで空欄を入れたわけです。 行の先頭にある<TR>タグではその行のセル(<TD>～</TD>、欄のこと)の幅と高さが指定できます。 「width="数値"」がその幅の"数値(長さ)"になるので、まとめて指定できるところなら、まとめたほうがいいです。 前にも述べたとおり、このやり方だと写真の大きさによって余白の幅が狭くなります。ですから、「width="40"」の数値を変えることで幅を広げたり狭くすることが出来ます。 (個別に入れて指定してもいいし、空欄<TD width="数値"></TD>入れてもいいですが、等間隔ですと一括指定が楽です。) <TABLE>タグで一括に余白を指定する方法もありますが、確かあれだと上下の空間も開いてしまったような・・・(cellpadding="数値"とcellspacing="数値">) ＞前回御指摘のＨＰにも解説してる様でしたら、どの辺に書いてあるかを教えて頂けますか？ http://www.tagindex.com/html_tag/table/table_width.html ↑ですが、サイトではテーブル(表)そのものの説明しかしておりません。 (表の全体の大きさで指定しても良かったのですが。。。) 実は行やセルにも応用が利きます。 よく見たらその説明がありませんでした。。。ごめんなさい。 ＞「テンプレートの方をいじらないと(略 ＞この意味は、どう解釈したら良いんでしょうか？ 補足質問に >>「ヒント≫ 読む 」 >>の方法が分かりません とありましたから。 見本のブログに「続きを読む」の前に「ヒント≫」が入っていたため、同じようにしたいのかな？と思いまして。 デフォルトでは「ヒント≫」を入れることが出来ません。 どうしても入れたいのであればテンプレート(テンプレートのHTML編集で該当箇所)を改造しなくてはいけません。 (入れたくなければ無視して結構です) 別のブログサービスでは「続きを読む」を好きな言葉に変えられたのですが、ちょっとFC2は融通が利かないようです。
補足
回答有難う御座います 今回は画像の事は別として 「追記の編集」の所なんですが 結論から言うと、文章を入れたんですが 反映されません 正確に言うと、ただ単に 文章の下に文章が入ってるだけで 要するに、長い文章が追加されただけで クリックしたら文章が出る…そういう表示には、なりません 今回御紹介されてる様に 「ヒント≫」これ自体は入らなくても良いですが 例えば「続きを読む」等は入れてたいと言うか… 要するに読む方から見て 長い文章は必要無い…そういう方から見れば 短文を… 長文でも良いから詳細を見たい…そういう方が 「続きを読む」をクリックして読んで頂く そういう方法に設定したいんです
今度のは複数のテーブルタグで作っていらっしゃいますね。それが主な原因です。 実はひとつのテーブルに収めることが出来ます。 前回の回答の「おまけ」に書いたタグを工夫することです。 等間隔になりますが、 <TABLE border="0"><TBODY> <TR width="40"><TD>写真</TD><TD>写真</TD><TD>写真</TD><TD>写真</TD></TR> <TR width="40"><TD>写真</TD><TD>写真</TD><TD>写真</TD><TD>写真</TD></TR> <TR width="40"><TD>写真</TD><TD>写真</TD><TD>写真</TD><TD>写真</TD></TR> </TBODY></TABLE> 今回は行に幅の指定をしてみました。狭かったら<TR width="40">の40を60など数値を大きくしてみてください。 行(縦の列)の分だけ<TR>～</TR>を追加してください。 それと<TD>タグに入っている「width="40"」は幅の指定なので必要が無ければ抜いてください。 もしくは数値を下げることで狭く出来ます。 前の「width="40"」は不等間隔に入れるため、及び分かりやすくするためわざと空欄を作ったのです。 前のはこれでも良かったんですけどね。 <TABLE border="0"><TBODY> <TR><TD>「あいう」</TD><TD width="100">「えお」</TD><TD>「かきく」</TD></TR> <TR><TD>写真</TD><TD width="100">写真</TD><TD>写真</TD></TR> </TBODY></TABLE> このように2列目と3列目の間が広くなります。 (画像の幅により狭くなっていたり表示できなかったり、表が崩れたりするかもしれませんが) あんまり横に写真を並べるとブログでは表が崩れたり、テンプレートの表記が崩れたりします。 表についてはHTMLタグのサイトをご覧になって勉強しておくと、応用が利きますよ。 http://www.tagindex.com/html_tag/table/index.html (上記サイトのほかにもいろいろあります) ＞「続きを読む」の記事 通常の記事を書く欄の下に「追記の編集 ▼クリックで開閉します」があります。 そのとおり、そこをクリックすると編集欄が出ますので、通常の記事を書くように書きましょう。 ただ、テンプレートの方をいじらないと「続きを読む」の前に文字を入れたりすることは出来ないようです。
補足
回答有難う御座います 結論から言うと、また成功しました 正確に言うと、前回御指摘のタグより 横の並びでは、写真と写真の間のスペースが 少し狭くなりましたが、問題無く並んだと判断してます ただ、また新たに疑問が出た為質問しますが 前回御指摘のタグは <TABLE border="0"><TBODY><TR> <TD> 写真</TD> <TD width="40"></TD> <TD> 写真</TD> <TD width="40"></TD> <TD> 写真</TD> </TR></TBODY></TABLE> この内容で言うと、写真の横の並びで 写真と写真の間を空けたいと質問した訳ですが タグとしては写真の間に<TD width="40"></TD> を入れる事で空間のスペースを保ってるんだと判断しました しかし、この御指摘では間に <TD width="40"></TD>を入れてませんよね？ でも、前回より狭いとは言え 少しスペースを保って、横に並んでます これは、どうしてなんでしょうか？ 要するに、私の推測では <TD width="40"></TD>を入れないと 隙間無く写真が並ぶと推測してたんですが…(笑) <TABLE border="0"><TBODY> <TR width="40"><TD>写真</TD><TD>写真</TD><TD>写真</TD><TD>写真</TD></TR> <TR width="40"><TD>写真</TD><TD>写真</TD><TD>写真</TD><TD>写真</TD></TR> <TR width="40"><TD>写真</TD><TD>写真</TD><TD>写真</TD><TD>写真</TD></TR> </TBODY></TABLE> ちなみに、もし、この事が 前回御指摘のＨＰにも解説してる様でしたら どの辺に書いてあるかを教えて頂けますか？ そうして頂ければ自分でも調べたいと思います 更に 「＞「続きを読む」の記事 通常の記事を書く欄の下に「追記の編集 ▼クリックで開閉します」があります。 そのとおり、そこをクリックすると編集欄が出ますので、通常の記事を書くように書きましょう。」 に関しては、有難う御座いました 欄を確認したら、御指摘通り、ありました ただ、まだ実行は、してないんですが 「テンプレートの方をいじらないと「続きを読む」の前に文字を入れたりすることは出来ないようです。」 この意味は、どう解釈したら良いんでしょうか？
成功おめでとうございます。 ＞横に並ばないと出来ない様に感じたんです ＞というのが、写真を横に並べたい時は ＞前の写真のタグに改行等を入れず ＞直ぐ隣に、タグを並べると出来ると書いてあったと思ったからです ＞それを考えると、どうして ＞この配置で出来たんでしょうか？ 分かりやすくするために列ごとに改行してしてしまったのと、ブログの自動改行機能のため<BR>の代わりに改行してしまったためです。 タグで指定していれば<TD>～</TD>以外はいくら改行しても影響は無いはずです。 本来なら <TABLE border="0"><TBODY><TR><TD>「あいう」<BR>写真</TD><TD>「えお」<BR>写真</TD><TD width="40"></TD><TD>「かきく」<BR>写真</TD></TR></TBODY></TABLE> ですが、自動改行機能が働いてしまうと 「あいう」 「えお」 「かきく」 写真 写真 写真 のように余計に改行してしまう場合があります。 (１行で書けば問題ないかもしれませんが) これはおまけですが、 <TABLE border="0"><TBODY><TR> <TD>「あいう」</TD><TD>「えお」</TD><TD width="40"></TD><TD>「かきく」</TD></TR> <TR><TD>写真</TD><TD>写真</TD><TD width="40"></TD><TD>写真</TD></TR></TBODY></TABLE> でも似たような表示が出来ます。 ですがタグが増えて大変ですよね。。。
お礼
スイマセン、書き忘れたんで補足します まず画像の事なんですが、以前のタグ設定では 「名前」 「名前」 「名前」 写真 写真 写真 で出来る様に、なりました ただ、今回の疑問は 写真 写真 写真 写真 写真 写真 と１列目と２列目の間に少し間を空けて並べたかったんですが 上記で書いたタグを入れると プレビューでは、反映してるんです しかし、保存をクリックして実際にブログを見ると 写真 写真 写真 写真 写真 写真 の様に、随分感覚が空いての反映なんです それと、その下、ページでの続きの説明なんですが これは、何処かのＨＰにページを折りたたむ… みたいな表現で書いてあったんです 従って、私のイメージでは 昔で言う手紙の便箋で例えると 長文に、なって読み難いだろうと判断した時 便箋を２つに折り 上半分に、簡単文での説明で、下半分に詳細文を載せたとします それで普段は折り畳んだ、上半分だけ表示されてる状態 これがＨＰ内でも簡単文だけの表示 但し、詳細を見たい方だけ下半分を開いて見る これが「続きを読む」をクリックで詳細分が表示される そんな状態への設定方法が知りたいんです でも、私の知識では、続きを読むの詳細文章を 別のページ等に記録…これは極端な話 別のブログかページに詳細文だけ載せて そのＵＲＬを「続きを読む」の所にタグで載せる… そんな方法しか分からないという意味なんです
補足
回答有難う御座います ただスイマセン…またチョット困った事が… 前回の <TABLE border="0"><TBODY><TR> <TD>「あいう」 写真</TD> <TD>「えお」 写真</TD> <TD width="40"></TD> <TD>「かきく」 写真</TD> </TR></TBODY></TABLE> の場合、写真を横１列の配列でしたが 今度は横４枚の縦３列のでアップする事に、なりました ただ、名前は後からチョット変わった方法でアップする予定なんですが 写真の配列が上手く出来ません それで前回教えて頂いた応用で作ったんですが <TABLE border="0"><TBODY><TR> <TD> 写真</TD> <TD width="40"></TD> <TD> 写真</TD> <TD width="40"></TD> <TD> 写真</TD> </TR></TBODY></TABLE> <TABLE border="0"><TBODY><TR> <TD> 写真</TD> <TD width="40"></TD> <TD> 写真</TD> <TD width="40"></TD> <TD> 写真</TD> </TR></TBODY></TABLE> で、１列目～３列目迄、横の配列は上手く作れました しかし、縦の配列で１列目と２列目 そして２列目と３列目の行間(？)が、やたら空いてるんです しかも、タグのスペースとして考えると もう詰め様も、ありませんし… 更には、プレビューで見ると正常に行間が保たれてるんですが… それと、もう１つ 例えば、このブログの様に http://kennshououbo.blog102.fc2.com/blog-category-10.html 「ヒント≫ 続きを読む 」 の方法が分かりません つまり、文章が長く、なった時に スペースを考えると 「続きを読む」をクリックして続きを読んで頂こうと 思ったんですが 私の場合、リンクを付けるタグの入力しか知りません 要するに <a href="ＨＰのＵＲＬ" target="_blank" title="言葉のタイトル">言葉のタイトル</a> というのは分かるんです ただ、続きの文章を何処にアップしたら良いのか？ このタグで良いのか？…そう疑問に思いました
＃1です。 ＞不規則に並ぶ時 これもテーブルタグを調整すれば出来ます。 １で解説したタグは中央揃えの１行２列でしたが、３列目を不等間隔に置きたい場合は３列目の前に空欄の列を入れるのです。 ただ入れただけだと詰まってしまうので、幅を指定するタグ(width="幅の数値")を<TD>に入れます。 例： <TABLE border="0"><TBODY><TR> <TD>「あいう」 写真</TD> <TD>「えお」 写真</TD> <TD width="40"></TD> <TD>「かきく」 写真</TD> </TR></TBODY></TABLE> ブログを見ましたが、３列で出来そうです。 １列目―項目 ２列目―文字と写真 ３列目―文字と写真 下の記事も工夫をすれば思う通りに配置することが出来ます。 プレビューを見ながら調整するといいですよ。
補足
回答有難う御座います まず結論から言うと出来ました ただ、最初私は上記のタグを見た時 縦になら並んでるのを拝見して、写真は縦に並べたいんじゃなく 横に並べたいんだけど… そう思いました しかし、実際に入力すると… 不思議(？)な事に、しっかりと横配置に…(笑) でも、そうすると今度は、こんな疑問が出ました このタグ、縦に並んでるのに どうして横に配置されるんだろう？…と… つまり、現在は <TABLE border="0"><TBODY><TR> <TD>「あいう」 写真</TD> <TD>「えお」 写真</TD> <TD width="40"></TD> <TD>「かきく」 写真</TD> </TR></TBODY></TABLE> ですが、イメージでは、これが <TABLE border="0"><TBODY><TR> <TD>「あいう」写真</TD><TD>「えお」写真</TD><TD width="40"></TD> <TD>「かきく」写真</TD></TR></TBODY></TABLE> の様に横に並ばないと出来ない様に感じたんです というのが、写真を横に並べたい時は 前の写真のタグに改行等を入れず 直ぐ隣に、タグを並べると出来ると書いてあったと思ったからです それを考えると、どうして この配置で出来たんでしょうか？
どう云う表示方法と位置指定をしたいのですか？
補足
回答有難う御座います これは失礼しました 実際に自分のブログで説明した方が良かったですね ここの画像なんですが http://mitokohmon02.blog93.fc2.com/blog-entry-9.html 「長谷部瞳」と「石川紗彩」の画像を載せてます ここでは２枚とも、名前の下に画像を載せたかったんですが 「長谷部瞳」の画像は偶然にも 文字(名前)の下に、上手く配置出来た様に感じますが 「石川紗彩」の方はダメです そして、ここの画像 http://mitokohmon02.blog93.fc2.com/blog-entry-5.html これも名前の下に画像を載せたいんですが 「ミサキ」総監代行の役だった「石川紗彩」氏が…の中で ミサキ…の所には、指定は、してませんが 左端に画像が来た事で、写真の配置は出来てます しかし、「石川紗彩」氏が…の場合では 「石川紗彩」の文字の下に画像を持って来たいんですが出来てません 更に、応用で この写真で例えるなら、今、左の写真は 「ミサキ」の一番左の文字に合わされてますが 写真の左端を、総監代行の文字の左に合わせたいとしたら こういう方法も分からないんです 尚、書き忘れたんですが ブログも始めたばかりですが 現在タグも覚えようと勉強中では、あります 勿論、ブログというのは ＨＰと違い、タグを知らなくても作れるのは知ってます しかし、いずれ自分のＨＰも…と思い まずは、ブログを始めました しかし、当然ですが まだ一部のタグを覚え始めたばかりで 分からない物ばかりですんで 大変申し訳ありませんが、宜しく御願いします
＞スーペースキーを使用して右にスライドされたんですが ＞全く反映されません ひょっとして「半角」でスペース入れていませんか？ 半角スペースは認識されません。「 」をその数だけ入れるか、「全角」スペースをお使いください。 また、段落揃えタグも覚えておいた方がいいですよ。 <DIV align="right">右寄り</DIV> <DIV align="center">真ん中</DIV> テーブルタグも使えますよ。 <DIV align="center"> <TABLE border="0"><TBODY><TR align="center"> <TD>「あいう」 写真</TD> <TD>「えお」 写真 </TD></TR></TBODY></TABLE> </DIV> ↑このタグなら中央揃えで文字と画像が並びます。
補足
回答有難う御座います スペースキーに関しては、確かに全角か半角は確認してませんから 今度確認してみます ただ、配置に関しては、チョット誤解が、あった様なんですが 「あいう」 「えお」 「かきく」 写真 写真 写真 という感じで、左、中央、右みたいな感じではなく 不規則に並ぶ時の話なんですが その場合は、どうしたら良いんでしょうか？
補足
回答有難う御座います 確かに、ここに書いてありました http://fc2blogmanual.blog60.fc2.com/#t2 で、一応出来たんですが… 一応っていうのは、反映は、されたんです でも、意味の無い所…というか 入れたい所に「続き」が入らなくて 全部の最後に入るんですよ… 私の方は、文章の途中に入れて その後、写真を入れたかったんですが… しかも…です、それならソースを調べて 入れたい所に、タグを入れようかとも思ったんですが そのタグも分からなくて… これはムリなんでしょうか？ 参考迄に、入れたいばょって言うのは この記事の http://mitokohmon02.blog93.fc2.com/blog-entry-12.html 「ちなみに少し解説しておくと…」の後です 但し、上記ＵＲＬは 分かり易い様に、記事のページのＵＲＬを載せましたが 当然設定はブログ全体の…に設定します