WordPressで記事を作成する固定ページを作成するランディングページを作成する場合につきまとう HTMLですが、プロになるわけでもなく自社の記事が作成できればいいという方は、覚えなくてもいいでしょう。
そんなものは、あなたが覚えるのではなくパソコンが覚えていればいいのです。
プロになるなら頭の中で HTMLが書けるほどでないと話になりませんが、今は便利なものがたくさんあります。
今日は、その便利なものを紹介しますね
HTMLとは?
1つ1つのWEBページは、 HTMLによって表示されているのです。
ルールを間違えば意図しない表示になったり検索エンジンから嫌われたりしますね。
中にはそういう面倒なことが大嫌いな人も多いでしょう。
知らないことを今から覚えるのは大変です。
でも間違ったら・・・
って思う人もいると思いますので便利なものを紹介しますね。
全員に覚えられると筆者たちは、職を失うかもしれませんね。(^^;
基本的なHTML
HTMLタグの基本は、はじまりと終わりがあるということですが、例外的に終了タグのないものがあります。
改行タグや画像を表示するためのタグには、終了タグがありません。
記事の作成には、見出しタグ・段落タグ・画像タグ・箇条書き(リスト)タグ・引用タグなどが使われます。
ただこれらを装飾するには、タグだけではダメなのです。
HTMLの種類
タグも単独で使うだけでなく場合によって複数の属性により装飾される場合もあります。
HTMLタグには、基本タグ以外に属性というものが存在します。
通常、その属性などを使って装飾などをします。
場合によってそれがSEO対策になる場合もあります。
それが画像を表示するためのimgタグのalt属性やハイパーリンクを指定するaタグのtitle属性だったりします。
また、アメブロなどの場合は、レスポンシブデザインではないためにパソコンとスマホで同じように表示させるために属性を使って スタイルシートで装飾するのが多いですね。
プラグイン:AddQuickTag
WordPressだけであればこの プラグインを使うと覚えていなくてもエディタだけで覚えておく必要がないですね。
これだけでも便利なのですが、もっと便利な方法があります。
Insert Text
Inert Textは、 Google Chrome の拡張機能で WordPressだけでなくアメブロにも使うことができるツールです。
正直、これを使い慣れるとなしで書くのが嫌になります。
アメブロ関連ツール
- アメブロ目次付きテンプレート(メルマガ購読者プレゼント)
- アメブロ用グローバルメニュー作成ツール
- シンプルな見出し付き囲み枠作成
- アメブロ記事紹介タグ作成
- Amecare活用マニュアル(メルマガ購読者プレゼント)
- WEB色見本
アメブロ 目次付きテンプレート使っている記事紹介
アメブロ 応援している記事紹介
ブログをはじめる前にしておくこと
記事を書くときに気をつけること
- レスポンシブデザインって何?
- 端末やモニターによる見え方の違い
- SSLにしたときのリンク先アドレス
- 入力方法について
- 音声入力と辞書登録について
- タグやハッシュタグの使い方
- アメブロやFC2ブログでのスマホ表示
- 初心者が今すぐできるブログ記事タイトルの5つの改善ポイント
- ブログの中でOGP画像って何?
- アメブロ記事の文字数制限について
- アメブロで記事下に表示したい項目
- アメンバー記事ってどんな時に使うのか?
記事構成について
ソーシャルメディアとの連携
ワードプレスのテーマを知る前にブログのことも知っておいてほしいと思います。
クイックナビ
サービス /ブログ /プライバシーポリシー /お問い合わせ
アメブロ用目次付きテンプレートを無料で配布しています!
YouTubeチャンネル登録お願いします!
また、ALiSには、ブログ全般に関することを掲載しています。
アメブロの記事の増加とともにメルマガもスタートします。スタートは、2月の予定なので事前に登録していただけると幸いです。
アメブロやWordPressに関するお問い合わせは、下記よりお気軽に・・・