SEO対策万全web2.0ホームページ制作~話題のオープンソースCMSを使って、運用しやすくSEO効果抜群、スタイリッシュなウェブサイトを提案作成します

文章レイアウト、行間調整ポイント

Posted by: For Beginner

SEO対策万全ホームページ制作 ページ、投稿ともに、「作成」画面で文章を書きますが、この作成の本文の記入欄の右上をよく見ると「ビジュアル」と「HTML」のタグ(ボタン)があります。
 
ワードプレスで記事を記載する場合は、初心者向けの「ビジュアル」モードと、慣れてきた方~上級者向けの「HTML」モードの2つを使い分けることができます。
 
 
「ビジュアル」モードは、ウェブサイトに反映される内容とほぼ同じ状態で、本番のイメージを確認しながら作業することができます。
 
「HTML」モードは、いわゆるコンピューター言語で、ウェブサイトに表示させる内容をコンピュータ向けの言葉(記号)で記述します。
 
 
従来のウェブサイトが細かい修正や新情報を載せたい時に、制作業者にお願いするために時間や費用がかかっていたのは、この「HTML」モードで使用している文字が、専門家でないとわからないものであったからです。
 
 
WordPressの場合、「ビジュアル」モードで原稿を書いた後に「HTML」モードの画面に切り替えると、写真を載せる時に使用する記号や文字がコンピューター用の文字に自動で変換されています。どのようなコード(記号や文章)になるのかを確認できます。
 
 
コンピューター言語を全く知らない状態からWordPressを使用しても、たまに「HTML」モードを見ることで、簡単なコードが使えるようになってしまう。そんな方が非常に多いです。
 
 
ビジュアルで大方仕上げて、わかるところだけHTMLを使う。簡単なHTMLだけ覚えて、全体的なビジュアルをすばやく整える。など自分のスキルに合わせて使用でき、通常の大手ブログと一般のウェブ制作ソフトの両方の機能が使えるのもWordPressのよいところです。
 
 
この両方の機能をうまく使ったレイアウトの小技をご紹介します。
「ビジュアル」モードには、自動的に文字間隔などを修正する機能がついているため、テンプレートによっては行間がそろわなくなることがあります。
 
 
例えばウェブサイトで表示したときに折り返して2行に渡る長文を書いたとします。
そのすぐ下に、1行で終わる文章を2つ書いたとします。
 
 
これを「ビジュアル」モードで書いた場合、プレビューで確認すると、「最初の長文は行間が開いていないのに、次の短文の間は空白の行を入れていないのに間が開いてしまう」といった現象がおこる事があります。
 
 
そんなときは「HTML」モードに切り替えて長文1つと短文2つを書くと、3行とも等間隔でウェブに表示させることができます。
 
 
逆に「空白の行を作って行間を空けたいのに、保存すると行間が詰まってしまう」といったこともあります。
これも自動編成機能が、何もない行だから詰めて表示させるといった動きをしているためです。
しかし、その場合は空白の行にしたい箇所に、全角のスペースをひとつ入れておくことで簡単に行間を調整できます。
 
 
これらは簡単なことですが、知らないと少しつまづくところだと思いましたのでご紹介しました。 
このようにポイントでうまく「HTML」モードと「ビジュアル」モードを両用することで、ビジュアルがまとめやすくなります。
これからもWordPressのちょっとした使い方がわかるマニュアル的な情報を発信できればと思います。

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Have Your Say(承認制となっておりますのでご了承ください)

SEO対策万全ホームページ制作

好みに応じてカスタマイズ可能。カスタマイズも全てサポート!

SEO対策万全ホームページ制作

世界中のデザイナーのデザインを使用すればテンプレートは無限!

SEO対策万全ホームページ制作

SEO対策も一からサポート!


SEO対策万全ホームページ制作

豊富な拡張機能で、やりたいことがアレもコレも実現可能に!

カテゴリー

最近の投稿

Recommend

リンク

アーカイブ

タグ