手賀沼流域フォーラムHP演習

インポート

下記(先月の宿題手賀沼流域フォーラムHP各自のサイトにインポート)の確認。

ホームページ制作支援でWordPressを用いているサイトの、「All-in-One WP Migration」エクスポートファイルを提供いたします。各自のXFREEサイトにインポートしてください。
手賀沼流域フォーラム   teganumaforum.com.wpress

各自の新しいサイトに、「All-in-One WP Migration」のプラグインを入れておく。
「All-in-One WP Migration」のインポートをクリック。ダウンロード先「ファイル」。
ダウンロード中は終わるまで待つこと。

実習1

①ホーム 新着情報 に 掲載

1)pdf 4枚・・・資料として提供しましたので保存しておいてください。
(20220621kamagaya1.pdf 20220621kamagaya2.pdf)(20220701abiko1.pdf 20220701abiko2.pdf)
保存したpdfを開く。 編集⇒詳細⇒クリップボードにコピーをクリック。
ペイントを出す 貼り付けをクリック pdfが貼り付けられる。注)サイズ 595×842
ファイル⇒名前を付けて保存⇒Jpg画像で保存をクリック。4件のimg作成。
(20220621kamagaya1.jpg 20220621kamagaya2.jpg)(20220701abiko1.jpg 20220701abiko2.jpg)

2)保存したpdf 2枚を結合します。https://www.ilovepdf.com/ja
kamagaya1.pdfとkamagaya2.pdfを結合。abikoも同様に。
各自ダウンロード先にファイルが出来ています。
(20220621kamagaya3.pdf 20220701abiko3.pdfに名前を変更する)

3)各自サイトに入り、・・・ちなみにログインは 共通 wp  abiko2006  
メディア⇒新規追加で
 pdf(20220621kamagaya3.pdf ,20220701abiko3.pdf) と 
 jpg画像(20220621kamagaya1.jpg ,20220701abiko1.jpg)を追加する。 

4)固定ページ・・・ホームをクリック
最初のブロックの上にカラムを入れる。カラム30/70を選ぶ。
■30の方のカラムに画像を入れる。
〇画像選ぶ メディアライブラリー 20220621kamagaya1.jpgをクリック。
〇右側の設定 ブロックで画像サイズ 中 にする。
〇キャプションを入れる ~野鳥写真展~鎌ケ谷市会場チラシ
〇画像にリンクを設定 リンクをクリック検索に .pdfと入れる。
出てきた中から20220621kamagaya 3.pdf を選んでクリック。

■70の方のカラムにテキストを入れる。
【見出しH5】 イベントー全体企画手賀沼流域7市巡回~野鳥写真展~鎌ケ谷市会場
〇見出しをクリック オプション HTMLで編集をクリック 
イベントー全体企画の前に<small>後に</small>を入れる。
〇リンクを設定 手賀沼流域7市巡回~野鳥写真展~ wildbird/
        鎌ケ谷市会場 events/plan/

②イベントにチラシを掲載する

1)固定ページ・・・ 全体企画をクリック
ブロックにカラムを使う。4等分にしたいので、カラムをクリック。カラム1をクリック。
上のカラムマークをクリック。右のブロックに複数カラム内にコンテンツや追加されたブロックを表示します。と出る。そこで1から4になるまで引っ張る。
1つ目のカラムに画像 メディアライブラリーを開くクリック。 img/ 20220621kamagaya1.jpg を使う。2つ目のカラムに同じく img/20220701abiko1.jpg を使う。画像のサイズ中にする。
リンク設定。PDFに飛ぶようにする。ホームに入れたチラシと同様にする。