【WordPress勉強会】第3回WordPress勉強会活動報告(2019/06/01)

こんにちは！

埼玉県川口市でWordPress専門でホームページ制作を行っている、TEDASKのToshi Seitoです！

本日は第3回目のWordPress/HTML勉強会を行いましたが、今回はまた初参加の方がいらっしゃいました。

しかも群馬県からわざわざお越し頂き、とても楽しい勉強会になりました。

それでは今回の活動内容をご報告したいと思います！

WordPress勉強会&もくもく会 in 埼玉

※2021/01/092度目の緊急事態宣言をうけて、緊急事態宣言の解除までWordPress勉強会は現在お休みとさせていただいております。 WordPress勉強会＆もくもく会 in 埼玉は、毎月第1、第3土曜日に浦和駅から歩いて5分の場所...

tedask.jp

WordPress/HTML勉強会で行ったこと

今回のWordPress/HTML勉強会の流れはこんな感じです。

簡単な自己紹介と今日やる課題の共有

せっかく集まっていただいたので、簡単な自己紹介と、今日行う課題の共有をします。

今回の参加者は5人で、初めての参加者もいらっしゃいました！

今日のHTML/CSS Tips

今日はWordPressというよりも、HTML/CSSの勉強をしている方もいらしたので、HTML/CSSについてお話ししました。

今回は、ul liやdd dt、tr th td（table）など、リストを並べる際に考えることについて共有しました。

説明が終わったときに写真を撮ったので書いてあることは意味不明だと思いますが、簡単に説明します。

今回の話は、新着情報を表示するセクションがあったとき、「日付」と「記事のタイトル」が横並びになる場合、何のタグを使ってどういう風に並べますか？

という話です。

同系統物が並ぶとき、真っ先に浮かぶのはul liのリストのタグだと思いますが、liはインライン要素なので、もし、記事タイトルが長い場合日付の下にくぐってしまうんです。

これは、実はデザインの段階で分かっている必要があるわけです。

よくデザインカンプで仕上がってくるときに、想定外のデータを入れずに綺麗に並べてデザインが仕上がってくることがあります。

この日付と、記事タイトルの例もそうですが、もし記事タイトルが長くて折り返す場合のデザインが表現されていない場合は、デザイナーさんに確認するべきです。

ここで勝手に想像して作ってしまうと、後でタグごと書き換える出戻りが発生してしまうからです。

また、同時にスマホの画面の時はどういう表示にするかも確認しなければいけません。

そして、もし日付と記事タイトルは均等に並べて、折り返しはタイトルの幅の中でという話になれば、これはul liですが、liをblock要素にしてfloatで横並びで且つ幅を％指定するのが良いかなと思います。

いまどきでしたら、ベンダープレフィックスを付けて、flexでも良いかなと思います。

逆に、日付の下にくぐっても良いという事でしたら、ul liはそのまま配置しても良いかなと思います。

ただし、liの最初の要素を％指定しないと、均等には並ばないと思うので注意です。

こんな感じのお話を共有しました。

WordPressに関する質問と回答

今回出てきた質問の一部がこちらです。

などです。

因みに簡単に回答だけ書くと

1. WordPressの無料テーマを選ぶコツは、検索して構築方法が日本語で書いてあるテーマにした方が良い
2. Movable Type、drupal、EC-CUBE、JIMDO、Wixなど

因みに2番目の質問のCMSとはコンテンツマネージメントシステムの頭文字をとったもので、簡単に言うと、管理画面や設定画面があるホームページといつも説明しています。

従来のホームページというのは、HTML/CSSで作られているので、ページの編集をするときはサーバーにアクセスして直接ファイルを上書きして更新をしますが、このコンテンツマネージメントシステムだと、管理画面からブログを扱うようにページの更新が出来るようになっています。

達成度の報告

終了15分前に皆さんで、今日の達成度を報告しました。

初のWordPressテーマ設定、参考書を進める、技術ブログを書くといった感じでした！

参加人数

今回の参加人数は5人で、1人はZoomでの参加でした。

また面白かったのが、参加者のお住まいが2人が埼玉県、1人が東京都、1人が群馬県、1人が千葉県（リモート）という感じで小さいサークルですが、広いエリアの参加者がいるなんか不思議なサークルですね。

開催場所

今回の開催場所は南越谷で行いました。

場所は1箇所に決めたいと思っていますが、人数にもよるので、ここは今後の課題かなと思っています。

今後の開催場所の範囲は浦和駅～川口駅や埼玉県内で行っていく予定です。

今後の方針

今回は第3回目の開催でしたが、もくもく作業を行うのと同時に、初めて技術系の話もしました。

自分も知らない話だったり、技術だったり共有し合うのはやはり刺激になりますね！

次回からは何かテーマを決めて、一人3分ほど何か話すようなコーナーも作っていけたらなと思います。

次回のWordPressもくもく勉強会の開催予定について

次回のWordPress/HTMLもくもく勉強会は2019年6月1日の9時半から11時半を予定しています。

その先の開催予定については活動予定カレンダーをご覧ください。

》WordPress勉強会活動予定カレンダーを見る

最後に

以上でWordPress/HTML勉強会の活動報告を終わります。

もし、WordPressに興味を持っている方やこれから勉強してみたい方、HTMLによるホームページを作っていて仲間が欲しい！と思っている方などウェブに関することなら何をやってもOKですので、お気軽にご参加ください☆

参加申込はこちらからどうぞ。