2019年11月26日(火)信州おやこさんぽ主催講座「WordPressからはじめるWEB講座(第5・6回/全6回)」を、上田市技術センターにて開催しました。
前回に引き続き講師は信州おやこさんぽ Web担当でもある梅本美音が担当しました。
初めのワークは「html+cssを学んでの感想」と「今後それをどう活かしたいか」の振り返りから
これまでの講座で学んできた中の感想と、今後それを活かして何をしていきたいかを一人ずつ発表していきました。
- とにかく楽しかった
- もっと学びを深めたくなった
- デベロッパーツールで人のソースが見られるとおもしろい
- 自分のブログにももっと反映させていきたい
- もっと詳しく覚えて、ゆくゆくはWebのお仕事をしてみたい
これまで学んできたことをかみしめ、振り返りながら最終の講座に入っていきます。
もっと深くhtmlとcss学んでいきたいと皆さん口々におっしゃっていたのが印象的でした。
いよいよWordPressについて、触りながら感覚を覚えていきましょう!
最近巷で良く聞くWordPressとは何か?という説明に始まり、WordPressのいいところを3つ紹介していただきました。
- 「自由」度が高く汎用性が高い
- 「テーマ」が便利
- 「プラグイン」で機能を簡単にカスタマイズ
WordPressを使うにはレンタルサーバを借りたりドメインを取得したりと様々な手順があります。レンタルサーバによっても設定方法が変わってくるとの事。先生のおススメはエックスサーバ(比較的設定が簡単)だそうです。初期設定の煩わしさからWordPressの設定をあきらめてしまう方も多いようですが、ここで自力でググりながら設定ができるようになったらサイトを立ち上げられた時の喜びも倍増しそうですね。
ワーク:練習記事を作成してみましょう
実際のマップ作成ページで使用する文章と画像を使用しながらページを練習で作成してみようというワークでした。課題ファイルをダウンロードしてBracketsとWordPress設定画面を行き来しながら記事の装飾にチャレンジしてみましょう。課題ファイルにはすでにCSSで設計されたページがありそのコードを参考に本番テキストも挿入しながらページを仕上げていきます。
WordPress管理画面から直接編集も可能ですが、慣れるまではBracketsの方がタグに色がついていて編集の際にわかりやすいとのアドバイスも。コードを一つづつ拾いブラウザに反映し効果を確かめながら進めるとわかりやすいそうです。
皆さん実際に自分が入力したコードを入れ替えたりしつつ慎重に確認しながら取り組んでいらっしゃいまいた。コードひとつで見え方が崩れてしまうこともあるので確かめながら進めるのはとても大事ですね。
よく使用されるCSSプロパティについての解説
- ulとolのタグの説明
- flexboxについて
ulやolはリスト表現する場合に使用されます。ulは順番が関係ないリストの場合に、olは1、2、3…と順番にリスト化していく場合に使用することができます。
flexboxは画像とテキストを横並べにするときに良く使用されるコードだそうです。
こういったコードの一つ一つを覚えていくことでレイアウトの幅が広がっていきますね。
最後は質疑応答と、HTMLとCSSを使用しなくてもホームページを作れるサービス(Wix)などをご紹介いただきました。
WEB講座もこれで全6回が終了になります。皆さまおつかれさまでした!
htmlとcssという一見とっつきいくそうな内容も毎回丁寧にわかりやすく説明してくださった梅本美音さん、ありがとうございました!!
(梅本美音さんHP:https://umiosys.com/)
これをもちまして今年度、信州おやこさんぽ講座はすべて終了になります。
講師の皆さま、ご参加いただいた受講生の皆さま本当にありがとうございました。重ねて御礼申し上げます。
信州おやこさんぽとして初めての講座開講ということもあり至らない点も多々あったことと思いますが皆さまのご協力のおかげで無事全行程を終了することができました。
講座参加いただいた皆さまからアンケートでは「もっと学びたかった!」「違う講座も気になってました、またやってほしいです」と嬉しくてありがたいメッセージもいただいており今後の運営の参考にもさせていただきたいと思います。
今後運営はマップ編集にシフトし、制作に尽力していきます!!
引き続きお手伝いいただける皆さまはよろしくお願いいたします。
またマップ制作の進捗などは発表できたらと思っていますのでお楽しみに(^^)
記事を書いた人
松本市在住。デザイナーをしながら2児の子育て中。基本的にインドア派でゲーム・マンガがすき。美味しいものの食べ歩きもすき。いかにストレス少なく子供とお出かけを楽しむか年中模索しています。
北平恵己