Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

WordPressマンツーマンレッスン後記

f:id:wp-lesson:20151225003715j:plain

WordPressマンツーマンレッスン後記

今日のWordPressレッスンでは、メインサイトの固定ページに
関連サイトへのリンクバナーを設置する方法を扱いました。

サイトの配色とレイアウトに合うようにHTMLとCSSで簡単な装飾を
施したシンプルなリンクですが、HTMLが不慣れな方にとっては
難しいことだと思います。

まず、HTMLのタグを知らなければなりませんし、
CSSの書き方も知らなければ装飾ができないですからね。

初めて見るタグや、自分で書けないタグはリファレンスサイトで
用例をチェックすることと、テストページを使って書くと上達します。

HTMLがわかるとアイデアが形になる!

今日の生徒さんにとって一番の収穫は、タグの知識ではなく

「リンクバナーの作り方がわかれば、サイト内や関連サイト同士の
 リンク網を自由に設置できるようになる」

「アクセスして欲しいページへの導線を自分で設置できる」

といった、アイデアや可能性が開けたことだと思います。

HTMLやCSSはウェブで何かを表現するための手段でしかありませんが、
手段をその手につかむことによって、実現できることが増える喜びは
何とも言えない達成感があります。

少し延長して90分のレッスンでしたが、途中何度も生徒さんの

「あ~、なるほど・・・そうかぁ~」

という、納得の声を聞くことができました。

今まで何となく見たことあるタグやCSSが、どうやって関連付いているのか、
関連付いていると何がどうなるのか、といった断片的で曖昧な知識が少し
つながってきたような印象でした。

今日扱ったタグとCSS

<div> … 区画割り
<p>  … 段落
<a>  … リンク
<img> … 画像を表示
margin … 隣り合うボックス同士の余白
color … 文字の色
text-align … 文字揃え(左寄せ、右寄せ、中央寄せ)

完全マンツーマンのオンラインレッスンのご案内

リクルート社が運営するスキルアップサイト「教える学べる」3つ星講師です。

≫ 生徒さんの口コミレビューはこちら


f:id:wp-lesson:20151222150112j:plain

≫ ページ内の「先生に聞いてみる」ボタンでお気軽にご相談ください

f:id:wp-lesson:20151222145958j:plain

平日の夜は予約が埋まりやすいのでお早めにご相談ください。
Facebookでもプログラミング&コーディングの本質を投稿しています。
Facebook(友達限定のプライベート投稿で情報発信中)