アメブロカスタマイズ*Mydesign -100ページ目

アメブロカスタマイズ*Mydesign

プロのデザイン力で魅せるブログに集客カスタマイズ!アメブロカスタマイズやホームページ制作ならお任せください!

以下の図はアメブロで記事を書く際に使用する、投稿画面の種類とその関係性です。

私をデザインする、31歳からのウェブデザイナー*blog*アメブロを魅せるブログにカスタマイズ-プロのデザイン力で簡単!アメブロカスタマイズ


多くの方が利用しているのは、青の部分「標準エディタ+タグの非表示」だと思いますが、緑の部分「HTMLタグを表示」「タグ編集エディタ」とはいったいなんでしょう?

タグとは文書構造の構成要素


私をデザインする、31歳からのウェブデザイナー*blog*アメブロを魅せるブログにカスタマイズ-プロのデザイン力で簡単!アメブロカスタマイズ


まずは初期画面の「標準エディタ+タグの非表示」の状態でテキストを書いてみます。
書き終わったら、左下の「HTMLタグを表示」タブをクリックしてみましょう!

私をデザインする、31歳からのウェブデザイナー*blog*アメブロを魅せるブログにカスタマイズ-プロのデザイン力で簡単!アメブロカスタマイズ


編集画面が切り替わり、キーボードのエンターキーで改行した場所に、<br />タグというHTMLタグが表示されていることがわかります。

再度「タグの非表示」タブをクリックすると、<br />タグは消えますが、テキストは以前と同じく、改行されたままです。これがタグの表示/非表示の関係性です。

タグを知っておくと、編集が便利に


文章構造を示すHTMLタグには、<h1>や<p>などいろいろありますが、頻繁に使用するものは限られています。皆さんが記事を書く上でよく使うのは、テキスト関連でしょう。

具体的には、文字のサイズや色を変えたり、下線を引いたり、太字にしたりといったものですね。いずれも「標準エディタ」の上にあるボタンを押すことで装飾できますが、文字サイズを変更しても思うような大きさになるまで、何度も苦労した経験はありませんか?

そんな時、必要最低限のタグの知識と、今回ご紹介した「タブの切り替え機能」を知っておけば、簡単に装飾・編集することができるのです。

詳しい方法は次回ご説明しますが、試しに、ご自身で書かれた記事の編集画面から、タブを切り替えてみてください。なんのこっちゃと思う方がほとんどだと思います。(^ε^)

でも最初はそれでも構いません。今回は「タブを切り替えたらタグが表示される」ということだけ、わかってもらえれば十分です。

Chromeユーザーはご注意を


ブラウザがクロムの場合、投稿タイプは緑の「タグ編集エディタ」しか選べません。
「アメブロの基本設定」から青の「標準エディタ」を選択しても反映されません。
※現在は「新投稿エディタ」も選べるようになりました。使い勝手は非常に悪いですが…

アメブロを魅せるブログデザインにCSSスキンカスタマイズ*Mydesign-プロのデザイン力で集客カスタマイズ

アメブロ管理画面「アメブロの基本設定」より選択可能