長野県に住むママたちが作る信州おでかけサイト

【レポート】信州おやこさんぽ講座2019年「WordPressからはじめるWEB講座(第5・6回/全6回)」開催しました(2019年11月26日上田市)

2019年12月5日

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は画像とテキストを横並べにするときに良く使用されるコードだそうです。
こういったコードの一つ一つを覚えていくことでレイアウトの幅が広がっていきますね。

flexboxを使えばこんなレイアウトも簡単に組めます

最後は質疑応答と、HTMLとCSSを使用しなくてもホームページを作れるサービス(Wix)などをご紹介いただきました。


WEB講座もこれで全6回が終了になります。皆さまおつかれさまでした!
htmlとcssという一見とっつきいくそうな内容も毎回丁寧にわかりやすく説明してくださった梅本美音さん、ありがとうございました!!
(梅本美音さんHP:https://umiosys.com/

これをもちまして今年度、信州おやこさんぽ講座はすべて終了になります。
講師の皆さま、ご参加いただいた受講生の皆さま本当にありがとうございました。重ねて御礼申し上げます。
信州おやこさんぽとして初めての講座開講ということもあり至らない点も多々あったことと思いますが皆さまのご協力のおかげで無事全行程を終了することができました。
講座参加いただいた皆さまからアンケートでは「もっと学びたかった!」「違う講座も気になってました、またやってほしいです」と嬉しくてありがたいメッセージもいただいており今後の運営の参考にもさせていただきたいと思います。

今後運営はマップ編集にシフトし、制作に尽力していきます!!
引き続きお手伝いいただける皆さまはよろしくお願いいたします。
またマップ制作の進捗などは発表できたらと思っていますのでお楽しみに(^^)

記事を書いた人

北平恵己

​松本市在住。デザイナーをしながら2児の子育て中。基本的にインドア派でゲーム・マンガがすき。美味しいものの食べ歩きもすき。いかにストレス少なく子供とお出かけを楽しむか年中模索しています。

  • B!

人気記事

1

「市民の森」へのアクセスなど基本情報 住所 上田市芳田3780-4 駐車場 あり おむつ交換台 あり 東屋 あり 自動販売機 あり 「市民の森」についてもっとくわしく 東御市との市境付近に位置する、文 ...

2

パン好きなママにとって、美味しいパン屋さんは心のオアシス。 上田市には魅力的なパン屋さんがたくさんあります。 今回は、子育て世代に特におすすめしたい、パン好きなママが厳選した4軒をご紹介します。 ここ ...

3

新型コロナウイルス感染症拡大防止を心がけよう! 手洗い、手指の消毒 マスクの着用 咳エチケット ソーシャルディスタンスを保つ テイクアウトなどの買い物は最少人数で行う 2021年4月、中野市陣屋前広場 ...

4

かき氷といえば、一般的には細かく削った氷の上にいちごやメロンなどのシロップをかけたものがおなじみですが、上田市のかき氷専門店「雪屋conco」のかき氷は普通のかき氷とはひと味違います。 というのも山盛 ...

5

家族でのんびり温泉を楽しみたいとき、上田市には魅力的な日帰り温泉施設があります。 子連れでも安心して訪れることができる施設を紹介します。 別所温泉あいそめの湯 信州最古の温泉を引き込んだ「別所温泉あい ...