報告 タグページをカスタマイズしました

お知らせです。 このブログのタグページをカスタマイズしました。 Seesaaブログのタグページって、デフォルトのままだと「何じゃこれりゃ?」とビックリされかねないそっけなさですよねー。ユーザビリティのエッセンスがまったく感じられない…。ずっと気になっていたので、手を入れました。

続きを読む

画像の横にも文章を(4) CSSで指定

画像回り込みシリーズも今回が4回目となりました。 画像の横にも文章を(1) 画像の横にも文章を(2) 余白を調整 画像の横にも文章を(3) 崩れた?! 一応、前回で完結しているんですけど、今回は他の方法を紹介します。 CSS(スタイルシート)で指定する方法です。 CSSの設定するページは、「文字の設定(7)ちょっと動くリンク」などで説明しているので参考にしてください。 開きました? それでは、いきましょう。(^-^)ノ 場所はどこでもいいんじゃないかと思うので(根拠はありません…^^;)、一番下のところに次のタグを入れましょう。 そのままコピー&ペーストすればOKです。 画像の横の余白を10pxにしてあります。ご自分の好みで調節してください。 /* 画像右寄せ */ img.right { float: right; margin-left: 10px } /* 画像左寄せ */ img.left { float: left; margin-right: 10px} [スタイルシートを変更する]ボタンを押します。画面の上部に、オレンジ色で「設定を変更し、CSSをビルドしました。」という文字が出ましたね。 CSSの設定はこれで終わりです。 次は、本文を書きます。 画像のアップロードの仕方は、「画像の横にも文章を(2) 余白を調整」を見てくださいね。 で、画像を本文中に挿入したところで、さっき書いたCSSを効かせます。 んー、…

続きを読む

画像の横にも文章を(2) 余白を調整

前回、画像の横に文章を回しこむ方法を紹介しました。 画像の横にも文章を(1) 今回は、もうちょっと自分でいじれる部分が増やせるように配置する方法です。 もっとスマートな方法があるかもしれないけど、私がやってる方法を紹介します。 まず、ファイルマネージャーを使って、自分のブログのスペースに画像をアップします。方法は前回のページを見てくださいね。 一覧が表示されているウインドウで、「元画」ボタンをクリックします。 それでは、文章を画像の周りに流し込む呪文をいれましょう♪ イメージタグの中に回し込みを指定するfloatタグを入れます。 画像左寄せなら、 style="float:left" 画像右寄せなら、 style="float:right" です。 <img src="http://☆" style="float:left" > という感じですね。☆のところは自分の画像のURLを入れてください。 imgタグの中身は、srcの後ろにalt="◎"やwidht="◎"、height="◎"、border="0"が来てます。◎はそれぞれ違う値が入ります。 Seesaaブログではこうなってますが、使ってるブログによって多少違うかもしれません。 最後の>の前にでもstyle="float:left"を入れてください。 それじゃ、左寄せのタグを入れた見本を挙げます。 加湿器Ver3 アロマポット付 オレンジ (±0)…

続きを読む

画像の横にも文章を(1)

「画像に文章が回り込む」って言い方が正確なのかな。 でも、初心者だと「回り込むって何?」と思うのではないかと…。私がそうだったし。 ここは初心者によるブログカスタマイズ初心者のためのブログですから、専門用語(?)を使わずに平易な言葉を使うように心掛けてますので~。 画像と文章を混在させるコンテンツ(ブログでもサイトでもね)の場合、画像の横にも文章を配置したいことありますよね。 私がブログを始めたての頃、これがしたいのに方法がわからなくて困ってました。 他のブログ、例えばJUGEMなんかは機能が付いてて、HTMLタグがわからなくてもできたんですよ。 その頃Seesaaブログには機能がなかったけれど、今ではできるようになりました。 今日は、「横に文章を配置できるように画像を入れる方法-その1-」を紹介します。 Seesaaヘルプでも解説してはあるんですよ。 それをご覧になりたい方は、「ブログ・ヘルプ:画像のアップロード方法について」をご覧くださいね。 実は私はこの方法↑が好きでなくて~。 理由は、アップロードするフォルダを選べないからなんです。 「フォルダは1個しかないよ」という方は全然問題ないので、というか一番簡単な方法なので、上記ヘルプで紹介している方法でやってみてください。 というわけで、アップするフォルダが複数あって指定したい方は、これから紹介する方法がありますので、参考にしてくださいね。 まず、記事投稿の画面を開きます。 文字…

続きを読む

タグが表示されない人へ

カスタマイズのために、いろいろいじっていたら、本文の下の「タグ:*****」という行が消えちゃった。 そんな私みたいな人、いませんか? あるいは、もともとCSSやHTMLをいじっているために、タグの機能が追加されたときに表示されなかった人。 大丈夫、表示させられますよ。 Inqsite Blogというブログの「タグサービスを有効にする方法」を参考にして、必要な事項を追加しましょう。 一見、たくさん書いてあって大変そうに見えますが、 マイブログ>デザイン>コンテンツ>記事>コンテンツHTML編集 マイブログ>デザイン>HTML マイブログ>デザイン>スタイルシートの3箇所に、タグに関する事項を追加するだけです。 はい、今回もコピー&ペーストで済みます。 というか、コピー&ペースト以外のことはわかってないだけというか…。 絶対表示できますよとは請け合えませんが(なにせ十分に理解してやってるわけじゃないので)、試してみてもいいんじゃないでしょうか。 カスタマイズの前には、現状のバックアップを取るのを忘れないでね。

続きを読む

おお、タグクラウド!

タグクラウドというコンテンツが増えていることに気がついたぞ! (遅いってば…) どこかのブログで見たことがあって、キレイだな~と関心したのだった。 忘れっぱなしにしないで探しますか。 小粋空間 http://www.koikikukan.com/ のTags http://www.koikikukan.com/tags.phpでした。 ね? 美しいでしょう? 雲って感じがするでしょう? なのに! 自分のブログのタグクラウドがちっともキレイじゃないんだもん!! あ…このブログじゃなくて、他のやつね。 このブログはまだタグが少なすぎてクラウド状になりませんから…(爆)。 と言いつつも、隅っこに表示してあったりするのだ。 ↓参考になったら、クリックで応援してね!↓

続きを読む

もっと見る