サイタWeb・デザインスクールHTML/CSS入門講座 兵庫 初心者でもできるHTML・CSS入門講座 レッスンノート サイトの不具合と改良点について

サイトの不具合と改良点について

HTML/CSS入門講座のレッスンノート

レッスンノートって?レッスンノートって?

体験レッスンお疲れさまでした!

本日はご自身が運営されておられる
WordPressで作られてるサイトにおいて
不具合や改良点などをお話しさせていただきました。

また、使用するソフトのご説明や
集客に繋がるサイト構成などを
ご提案させていただきました。


【スペース広がる不具合について】
Wordpressはもともとブログソフトでして、
見た目で簡単に編集ができるように
作られているソフトです。

ですので、
開業をする度に自動的に <br /> が
挿入される仕組みになっています。

<input type="hidden" /> であっても
1行分とWordPressは認識し、
勝手に <br /> が入ってしまいます。


対策としましては、
見た目表示ではなく「HTMLモード」で
必ずHTMLを書いていく。

あるいは、
改行されないように1行分で詰めて書く
ということになります。


ブラウザー上での「検証」は
どのブラウザーでも備え付けられておりますので、
「Ctrl + Shft + I」もしくは「F12」で出てきます。

表示の崩れであったり
CSSの変更や確認の際によく使うので、
ぜひ使い込んでみてください。


【サイトの改良点について】
ステップメールのために、
あらたにシングルページを作っていただいて
こちらをLPにしてSEMをしていきます。

どうしても現状ですと、
サイトのコンテンツからステップメールに登録するのは
ハードルが高いと思われます。

ですので、
しっかりと魅力を伝えたLPをご用意していただいて、
ステップメールに誘導するページが必要です。

その際には、
ナビゲーションもない形で
じっくりと見させるコンテンツを作り込んでください。
このレッスンノートを書いたコーチ

制作会社で自力で得た実践的ノウハウ伝授。WEBデザイナーも夢じゃない!

新着レッスンノート

体験レッスンお疲れさまでした。 本日はWordPressで作るサイトについて システムにおいてできることなどを お話しさせていただきました。 その他にも、 Webコピーライティングについてですとか、 Webの仕事を営業などについてお話いたしました。 最近の本屋を見てみ...

レッスンお疲れさまでした! 本日は前回作成しました レスポンシブウェブデザインのデザインから、 マークアップした分を チェックさせていただきました。 基本的には ほぼほぼ完成してましたね! あとは デザインに照らし合わせて 細かいところを微修正していきましょう。 ...

レッスンお疲れさまでした! 本日は、 前回にお出ししたデザイン課題について、 特にスマートフォンに関しまして 修正を行いました。 また、 デザインから書き出しをおこなって マークアップする準備をしました。 まずはスマートフォンから作りこみ、 出来上がりましたらデス...

レッスンお疲れさまでした! 本日は、 前回にお出しした課題について 改善したいポイントを中心に お教えいたしました。 レスポンシブウェブデザイン化する際に、 下記の2つの方法があります。 ・デスクトップから先に作る ・スマートフォンから先に作る 実は難易度として高...

レッスンお疲れさまでした! 本日は、 ローカルでWordPressを使って作成したWebサイトを 本番サーバに上げる方法や、 お客様とのディレクションについて お話しさせていただきました。 【Webサイトを本番サーバに上げる方法】 基本的に、 データを上げる...

レッスンノート ページ先頭へ

HTML/CSS情報

サイタのHTML/CSS講師がブログを通して、HTML/CSS情報を発信。更新情報のチェックはこちらから!

twitter

HTML/CSSの先生

@DTPCyta