ヤフーブログのカスタマイズ・図解マニュアル

文字に色を付けるには？　　wiki文法での文字修飾　その１

Thu, 14 Jan 2010 11:04:13 +0900

前回は、wiki文法を使った状態での、文字と文字の間に写真を入れる方法を説明しました。　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　では、wiki文法を使っている状態で、「文字に色を付けるには」どうしたらよいのでしょうか？

いま、上記に「青色でサイズを大きくした文字」を表示させましたが、これは略称CSSと言われている、Cascading Style Sheets（カスケーディング・スタイルシート）を使っています。

いきなり、この使い方を説明するには性急すぎるので、とりあえず、wiki文法使用の状態での文字に色を付ける手っ取り早くて、一番簡単な方法を説明します。

　「なんちゃって色つき文字」というものです。

これは、正確に言うと、文字に色を付けているのではなくて、その文字の背景に薄緑色の背景を付けるというものです。

その方法はとても簡単で、　「　{　」　と　「　}　」　を使う方法です（Enterキーの左隣にあるキーです）。

薄緑色の背景を付けたい文字を、下記のように「　{　」の３つと、「　}　」の3つで囲むだけです。

どうです？　とても簡単でしょう！！

wiki文法を使っていて、簡単に文字を強調するのはこの方法です。しかし、残念ながら背景の色は薄緑色だけのようです。

また、文章中の特定の文字だけに色を付ける方法は、ヤフーブログのヘルプを探しましたが、無いようです。

次回は、文字というか、文章全体の文字に色を付ける、アレンジが優しいCSSのひな型をご紹介しますね。

写真を記事と記事の間に挿入する方法　その１

Sun, 10 Jan 2010 23:34:19 +0900

ヤフーブログを作成するときに、、デフォルト（何も設定変更しない初期）の状態で、ブログに写真を掲載する場合には、記事作成画面の下にある「画像添付」欄を使って写真を掲載しますね。

ところで、その場合には、写真はブログの最初に表示されて、その写真の後に記事本文がくることになります。

では、記事を書いた後に写真がきて、また記事を書いて、その後に写真が来るようなレイアウトにするには、どのようにするのでしょうか？

もっとも簡単な方法は　「wiki文法」　を使用することです。

１、まず、記事作成画面の右側に「wiki文法使用」というチェックボックスがあるので、
　　そこをクリックしてチェックを入れます。

写真その１

２、次に、記事を書きます。そしてその記事の後に、　[[attached(数字)]]と入力します。
　　（数字）の数字には、画像添付欄から添付した写真の順番が入ります。

　　この　[[attached(数字)]]　という英語の構文のような「ひな型」がポイントです。

　　例えば、記事を書きながら、3枚の写真をその間に入れたいとします。
　　当然に、画像添付欄から添付操作をしますが、1番目に添付操作をした写真が1番、
　　つまり　attached(1)　　となります。

　　2番目に添付操作をした写真が2番、つまり　attached(2)となり、
　　3番目に添付操作をした写真が3番、つまり　attached(3)となるわけです。

以下にこのブログの編集画面のキャプチャーを載せますので、参考になさってください。

写真その２

３、ちなみに、複数の写真を掲載する場合は、以下のように、「複数の画像をアップロード」ボタンを
　　クリックして、画像添付欄を増やします。

ヤフーブログのカスタマイズ・図解マニュアル

文字に色を付けるには？ wiki文法での文字修飾 その１

写真を記事と記事の間に挿入する方法 その１

文字に色を付けるには？　　wiki文法での文字修飾　その１

写真を記事と記事の間に挿入する方法　その１