日常生活困ったときガイドHP演習

2023年2月27日(月)13:00~
日常生活困ったときガイド https://abikostg.com/ (テーマ:Twenty Twenty Child)
「All-in-One WP Migration」エクスポートファイルを提供しています。各自のXFREEサイトにインポートしておいて下さい。 abikostg.com.wpress

資料

[家事・住環境に関するサービス]の資料
 ★4ー1.①②③家事全般 右★.docx
 ★5ー1.①②③家事全般 左★.docx

演習内容

1.各自のXFREEサイトにログイン
2.固定ページ[TEST1]を新規追加
3.クラスは[外観]-[カスタマイズ]-[追加CSS]に記述済み
4.資料を元に、
 [家事・住環境に関するサービス]-[家事支援(市民活動団体等)]
 のページを作成する

固定ページ[TEST1]の編集

このページの項目リスト作成
 ↓リストは以下の11項目
住民参加型ホームヘルプ事業 あい・あびこ(社会福祉協議会)
グランレジデンス居住者会福祉分科会
久寺家生活お助け隊
マンションシティア自治会 シティアお助けネット
NPO法人ACOBA ホームサービス事業 愛称名:メルシー&メルシー
在宅福祉サービスまどか まどか独自サービス
就労移行支援事業所 エール我孫子まごのてサービス
特定非営利活動法人わごころ 市民活動みんなの輪
NPO法人あびこ・シニア・ライフ・ネット
えんじょい新木野
シルバーサポート

リストをグループ化する
グループの[追加CSSクラス]に lstfont2 を設定

表(テーブル)の作成
css修正
.tbl1h table tr:nth-child(1), table.tbl1h tr:nth-child(1) {background:#F0EEE9;}

表の太字を解除しておく
事業所名	我孫子市社会福祉協議会 の表をコピーして貼り付け
テーブルの[追加CSSクラス]に tbl1h を設定
電話番号、住所 アイコン設定 (Font Awesome)
<i class="fa fa-phone-square fa-fw cteal">
<i class="fa fa-mobile fa-fw cteal" title="携帯">
<i class="fa fa-map-marker fa-fw cteal">
<i class="fa fa-delicious fa-fw cteal">
<i class="fa fa-clock-o fa-fw cteal">
<i class="fa fa-stop-circle fa-fw cteal">

同様にリスト11項目の表を貼り付ける
表の中のリスト
<ul class="lstfont4"><li>

用意されたリストのクラス
lstfont1 lstfont2 lstfont3 lstfont4 lstfont5