機能説明の最近のブログ記事

リンクをつけたい場合は、対象テキスト(または画像)を選択後、エントリー画面の本文の下段、左から2番目のアイコンをクリックすると、上記のようなボックスが表示されます。(画像Firefox)


なおIE使用時、ツールバー下に『スクリプト化ウィンドウ』の許可を求める警告が表示される場合があります。その際は、その警告表示をクリックし、許可した後に、再度作業を繰り返してください。同じようなボックスが表示されるはずです。


テキスト(または画像)リンクを貼る【1】


上記ボックス内の『http://』より後の対象アドレスを入力して『OK』をクリックします。


<a href="http://~">テキストにリンクをつける</a> ←このようなタグが挿入され、テキスト(または画像)にリンクをつけることができます。
携帯サイト上は、テキストに下線が引かれクリックすると指定したサイトにジャンプすることができます。


テキスト(または画像)リンクを貼る【2】


なお、『http://~』のアドレスが間違っていたり、誤って一時削除などしたりしてしまうと、指定どおりのサイトにリンクすることができなくなりますので、ご注意下さい。

<左揃え>
ブログ記事画面、本文の下段右から6番目のアイコンをクリックすると、テキストを左揃えにすることができます。


左揃え


左揃えにしたいテキストを選択後、アイコンをクリックすると、<div align="left">テキストを左揃えにする</div> ←このようなタグが挿入され、携帯サイト画面で確認すると選択したテキストが画面左に表示されるようになります。
ちょっとレイアウトを変化したいときや差別化・強調など、うまく活用すると読みやすいサイトを作成する事ができます。




<中央揃え>
ブログ記事画面、本文の下段右から5番目のアイコンをクリックすると、テキストを中央揃えにすることができます。


中央揃え


中央揃えにしたいテキストを選択後、アイコンをクリックすると、<div align="center">テキストを中央揃えにする</div> ←このようなタグが挿入され、携帯サイト画面で確認すると選択したテキストが画面中央に表示されるようになります。
見出しの差別化・強調など、うまく活用すると分かりやすいサイトを作成する事ができます。




<右揃え>
ブログ記事画面、本文の下段右から4番目のアイコンをクリックすると、テキストを右揃えにすることができます。


右揃え


右揃えにしたいテキストを選択後、アイコンをクリックすると、<div align="right">テキストを右揃えにする</div> ←このようなタグが挿入され、携帯サイト画面で確認すると選択したテキストが画面右に表示されるようになります。
ちょっとレイアウトを変化したいときや差別化・強調など、うまく活用すると読みやすいサイトを作成する事ができます。

記事作成のブログ記事やウェブページ画面の本文の下段、一番左のアイコンをクリックするとFONT(フォント)タグを挿入する事ができます。


文字(フォント)に色をつける


これにより、携帯サイト上でお好きな文字に色をつけることができます。エントリー画面で色をつけたい文字を選択してからアイコンをクリックし、表示されるカラーパレットからお好きな色を選択してください。
選択した文字に<font color="#-----">フォントカラー</font>が挿入され、文字に選択した色がつきます。


<font color="#-----">タグ内の#のあとに表示される数字・アルファベットがカラーコードをあらわしています。(例えば赤なら#FF0000)このカラーコードをいじってしまうと、期待通りの色で表示されなくなってしまいますので、ご注意下さい。


サイト内、色がつくと華やかなイメージになりますが、あまりカラフルにしてしまいますと、チカチカと見にくいページになってしまいますので、お気をつけ下さい。

エントリー画面の本文下、一段目の一番右のアイコンをクリックすると、挿入できる絵文字の一覧が表示され、お好みのアイコンをクリックすると、絵文字に応じた文字コードが挿入されます。


絵文字


例えば『&house; 』のアイコンをクリックすると&house;という絵文字コードがエントリー画面に挿入され、キャリアごとにアイコンに対応した絵文字を表示してくれます。


携帯のキャリアごとに絵文字の表示は異なりますが、一般的な絵文字であればさほど相違があるとは思いません、可能であれば、キャリアごとに表示確認することをおすすめします。

ブログ記事画面から画像を挿入することができます。


画像を挿入する

本文下の1段目の右から3番目のアイコン(右隣のファイルを挿入用アイコンも機能的には同じです。)をクリックすると下記画面が表示されます。




新しい画像をアップデート

『新しい画像をアップデート』をクリックするとご使用のパソコン内にある画像をMT(Movable Type)内にアップロードすることができます。挿入する画像ファイルを選択して、次の画面へ進んでください。




ファイルオプション

ファイルオプションについての画面が表示されますが、携帯サイト上では関係のない項目ですので、変更せずにそのまま『完了』をクリックしてください。




ブログ記事画面に<form>~</form>が挿入され、画像の配置が完了します。挿入されたタグは変更しないようにしてください。


また画像サイズは自動縮小されて表示されますが、サーバーの容量を考えると画像幅は240px内にされる事をおすすめします。

記事作成のブログ記事画面の本文の下2段目の一番右のアイコンをクリックするとHR(罫線)タグを挿入する事ができます。


罫線を挿入する


これにより、携帯サイト上に罫線を引く事ができます。コンテンツの区切りなどに使用すれば見やすく纏まったサイト作成ができます。


ブログ記事画面で罫線を挿入したい場所にカーソルを置き(文字を選択する必要はありません)アイコンをクリックしてください。


<hr />が挿入され、選択した場所に罫線を引くことができます。

記事作成のブログ記事画面の本文の下2段目の左から2番目の点滅しているアイコンをクリックするとBLINK(ブリンク)タグを挿入する事ができます。


これにより、携帯サイト上でお好きな文字を点滅させることができます。


点滅文字を挿入する


ブログ記事画面で点滅させたい文字を選択してからアイコンをクリックしてください。


<blink>ブリンク</blink>が挿入され、選択した文字がサイト上で点滅するようになります。携帯サイトでは注意を促すときや強調したいときなどに役立ちます。


マーキー同様、使用しすぎるとチカチカと見にくいサイトになってしますので、ご注意下さい。

記事作成のブログ記事画面の本文の下2段目の一番左の右から左にスライドしているアイコンをクリックするとMARQEE(マーキー)タグを挿入する事ができます。

これにより、携帯サイト上で右から左へお好きな文字をスクロールさせる事ができます。


マーキー


ブログ記事画面でスクロールさせたい文字を選択してからアイコンをクリックしてください。
<marqee>マーキー</marqee>が挿入され、選択した文字がサイト上でスクロールするようになります。


携帯サイトではサイトの説明や新着情報など重要なお知らせを表示するときに最適です。


あまり頻繁に使用しすぎるとごちゃごちゃと見にくいサイトになってしまいますが、ポイントポイントで上手に使用すればサイトのいいアクセントになる事間違いなしです。

このアーカイブについて

このページには、過去に書かれたブログ記事のうち機能説明カテゴリに属しているものが含まれています。

前のカテゴリは携帯サイトについてです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。