WordPressマンツーマンレッスン後記
WordPressマンツーマンレッスン後記
今日のWordPressレッスンでは、メインサイトの固定ページに
関連サイトへのリンクバナーを設置する方法を扱いました。
サイトの配色とレイアウトに合うようにHTMLとCSSで簡単な装飾を
施したシンプルなリンクですが、HTMLが不慣れな方にとっては
難しいことだと思います。
まず、HTMLのタグを知らなければなりませんし、
CSSの書き方も知らなければ装飾ができないですからね。
初めて見るタグや、自分で書けないタグはリファレンスサイトで
用例をチェックすることと、テストページを使って書くと上達します。
HTMLがわかるとアイデアが形になる!
今日の生徒さんにとって一番の収穫は、タグの知識ではなく
「リンクバナーの作り方がわかれば、サイト内や関連サイト同士の
リンク網を自由に設置できるようになる」
「アクセスして欲しいページへの導線を自分で設置できる」
といった、アイデアや可能性が開けたことだと思います。
HTMLやCSSはウェブで何かを表現するための手段でしかありませんが、
手段をその手につかむことによって、実現できることが増える喜びは
何とも言えない達成感があります。
少し延長して90分のレッスンでしたが、途中何度も生徒さんの
「あ~、なるほど・・・そうかぁ~」
という、納得の声を聞くことができました。
今まで何となく見たことあるタグやCSSが、どうやって関連付いているのか、
関連付いていると何がどうなるのか、といった断片的で曖昧な知識が少し
つながってきたような印象でした。
今日扱ったタグとCSS
<div> … 区画割り <p> … 段落 <a> … リンク <img> … 画像を表示
margin … 隣り合うボックス同士の余白
color … 文字の色
text-align … 文字揃え(左寄せ、右寄せ、中央寄せ)
完全マンツーマンのオンラインレッスンのご案内
リクルート社が運営するスキルアップサイト「教える学べる」3つ星講師です。
≫ ページ内の「先生に聞いてみる」ボタンでお気軽にご相談ください
※平日の夜は予約が埋まりやすいのでお早めにご相談ください。
※Facebookでもプログラミング&コーディングの本質を投稿しています。
Facebook(友達限定のプライベート投稿で情報発信中)