HPWS2023

手賀沼流域フォーラム202310

by abe

資料１）イベント用　画像７枚、イベント全体企画の原稿１枚
***研修日近くなりましたらメールにて送付いたします***

手順―１－（各自のパソコン内に）

すでにお送りした資料はフォルダを作って格納しておく
資料の画像は直ぐ使えるように、全部半角英数字で統一してあります。

手順―２－（wordpress サーバー上で）

  1. 各自の手賀沼流域のサイトをクリック　参照　https://abi.sakura.ne.jp/hpws/
  2. ID　wp　パスワード abiko2006  と入力
  3. 固定ページをクリック　新規追加　タイトル　ホーム2023　とする。
  4. ブロックを⊞クリック　見出しH３　新着情報と入力
  5. ブロックを⊞クリック　カラム２列　33/66　をクリック
  6. 左側のカラムをクリック 設定でカラム設定　幅33.33%　から　25% にする。
  7. 右側のカラムをクリック 設定でカラム設定　幅66.66%　から　75% にする。
  8. カラム全体をクリック　設定で高度な設定　追加CSSにml-10 md-6 mb05 と入力
  9. 左側のカラムをクリック　⊞をクリック画像を選ぶ　
    ◎画像・・・新着情報の画像のサイズは、すべてサムネイルにする。PDFを使う場合は必ずリンクを貼る。（PDFに飛ぶ）　PDF以外の画像はそのまま。今回はPDFはありません。画像はワークショップの時に指定します。詳しくテキストに書けないので、当日説明しながらやってもらいます。
    （参考）20230813events05.jpg
  10. 右側のカラムをクリック　⊞をクリック　
    1行目　段落　全体企画と入力　サイズS　高度な設定　追加CSS　text-left     
  11. 2行目　見出しH5　イベントの名前(ライトトラップで夜の虫を探そう)　高度な設定　追加CSS　mt0 mb0 text-left
  12. イベントの名前にリンクを貼る（イベント名をドラック）リンクをクリック　検索に全体と入れる　出てきた全体企画2023をクリック(イベントを作成して公開してからリンクを貼ります。そうしないと検索に出てきません）
  13. 3行目　カスタムHTML　　<p class=”has-text-align-left has-small-font-size”><i class=”fa fa-calendar fa-fw fa-lg”></i>2023年8月13日(日）</p>
    <p>～</p>をコピーして3行目に貼り付けてください。　高度な設定　なし

※公開する２回。ダッシュボードに戻る、外観⇒メニュー⇒メニュー項目の追加の固定ページ⇒すべて表示をクリック　ホーム2023にチェックを入れる。メニュー追加をクリック。右のメニュー一覧の一番下にホーム2023がありますので、一番上にもっていく。⇒メニューの保存をクリック。次に外観⇒カスタマイズをクリック⇒ホームページ設定⇒ホームページの欄にホーム2023を設定。公開をクリック。

手順―３―

イベント作成
固定ページ　新規追加　全体企画2023　を作成　固定ページに戻る。
固定ページ　イベント　全体企画　をクリック　開く。下記の部分をコピーする。
あくまで固定ページの第26回・・・をコピーして下さい。このブログにあるのは参照です。

第26回手賀沼流域フォーラム2022年度
｢手賀沼流域フォーラム｣は､市民活動団体､手賀沼流域の7市､手賀沼水環境保全協議会が実行委員会を構成し､市民が主体となり､行政と協働で事業を行っています。手賀沼の魅力や環境保全などについて､広く知らせることが目的です。2008年度から｢手賀沼の生物多様性をともに考えよう｣をテーマとして､流域各地で､水質調査や自然観察会や史跡見学会などを行い､地域企画での発見や情報を共有する場として全体企画を開催しています。
:::::::::::::::::::

固定ページ　全体企画2023に戻る
タイトルの下のブロックに貼り付ける。
第26回を第27回に、2022年度を　2023年度に直す。
文はそのまま。その下にカラムを入れる。

  • カラム２　66.66/33.33　を選ぶ
  • 左側のカラム　幅66.66を75%  右側のカラム　幅33.33を25％にする。
  • 左側のカラムに記事を入力する。
  • テーブルは上手くできないので、カスタムhtml　で作成。（次ページ参考）
  • 右側のカラムは　画像を入れる　チラシ（PDF）はリンクを貼る。
  • 画像が複数ある場合は画像の方のカラムを選択して、＋をクリックして画像を入れる。

　　　　参考に⇒

１，左側のカラムの⊞をクリック　カスタムhtml をクリック　下記をコピーして貼り付けて下さい。ここはこの下のHTMLをコピーします。ブロックはカスタムHTMLです。

<h4 id=”events” class=”mb05″>子ども向けワークショップ<span>「ライトトラップで夜の虫を探そう!」</span></h4><dl class=”listpara”><dt>日 時：</dt><dd> 2023年<span class=”red”>8月13日</span>(日）19：00～20：30　予備日8月16日（水）※小雨決行</dd><dt>場 所：</dt><dd> 我孫子市 五本松公園（我孫子市岡発戸）※駐車場あり</dd><dt>対 象：</dt><dd> 小学生と保護者</dd><dt>定員：</dt><dd> 15家族</dd><dt>その他</dt><dd>懐中電灯・飲み物持参、長袖・長ズボン・帽子・歩きやすい靴<br>　※各自必要であれば防虫対策をとるようお願いします</dd><dt>申込：</dt><dd>受付締め切り<span class=”red”>8月8日（火）午前9時　</span><br>         ①②いずれかで申込みください。抽選後、結果を全員に連絡します。<br> ①申込みフォームのQRコードを読み取り、必要事項をご入力ください。URL<a href=”https://forms.gle/tkemd19hpKHHgAwk9″> https://forms.gle/tkemd19hpKHHgAwk9</a> からも入力できます。<br>   ②メール 　<a href=”teganumaforum@yahoo.co.jp”>teganumaforum@yahoo.co.jp</a>　へ、氏名（お子さんは学年も）住所、電話番号をお知らせください。</dd><dt>問合先：</dt><dd>手賀沼流域フォーラム実行委員会 事務局 竹内<br><i class=”fa fa-mobile fa-fw”></i>090-3907-8355</dd></dl>
<br class=”clear”>

２，右側のカラムに画像を入れる。ただし画像３枚とQRコード
カラム＋をクリック　画像を入れる。資料の中、20230813events01.jpgを挿入する※カラム＋をクリック、アップロードをクリック、格納したファイルを開く。
設定で、サイズはサムネイルにする。
同じように20230813events02.jpg を挿入する　サイズは中
同じように20230813events04.jpg を挿入する　サイズは中
同じように20230813events08.png を挿入する　サイズはサムネイル（QRコード）但し、カラムに画像を入れるときは右側カラムを必ずクリックの上、＋が出たら
次の画像を入れてください。
残りの画像はカスタムhtmlのあとにブロックを入れて、カラム２を作成する。カラムの＋をクリックして画像を入れる。左のカラムに画像2023081305.jpg を挿入する　サイズは中　
右のカラムに画像2023081303.jpgを挿入する　サイズはサムネイル
すべての画像にキャプションを入れる。リンクなし。

３，QRコードにリンクを貼る QRコードの画像をクリック　リンクをクリック　検索にhttps://forms.gle/tkemd19hpKHHgAwk9を入力

※公開する２回。ダッシュボードに戻る、外観⇒メニュー⇒メニュー項目の追加の固定ページ⇒すべて表示をクリック　全体企画2023にチェックを入れる。メニュー追加をクリック。右のメニュー一覧の一番下に全体企画2023がありますので、イベントのすぐ下（副項目）にもっていく。⇒メニューの保存をクリック。

次月はアーカイブと新着情報、リンク先などの掲載をすることにします。

担当安部