前は「HPとは」
①フォルダー作成
https://abi.sakura.ne.jp/hpwg/sofar/socourse/
HP勉強会で用いる専用ファルダーを作っておきます。
演習1 各自のドキュメントフォルダーへ以下のように hpwg2023 フォルダー以下を作成
<ドキュメント> 忘れない場所に └─hpwg2023 年度用のフォルダー ├─画像 └─メモ
②写真のダウンロード
下記HPをクリックすると、下図画面が表示される。https://drive.google.com/drive/folders/1_WMXUIwAt6g3crs4zroLFa98UBDNB6KH?usp=sharing
暫くして熊の山荘フォルダーが表示されたら、そこの右側をクリックしてダウンロードする。
自分のPCのダウンロード領域に圧縮ファイルが出来るので、その圧縮ファイルを 上図の画像フォルダーの下に展開する。

③セーフティーアドレスの確保
登録には、メールアドレスが必要です。
フリーメールを登録する数だけ確保して下さい。
Yahoo!メール セーフティーアドレスの作成


④サーバの確保
ホームページを作るには、まずサーバー(ホームページスペース)を確保する必要があります。
最初は無料のサーバーで始めます。
XFREE無料レンタルサーバー https://www.xfree.ne.jp/
①上記url のお申込みをクリックしてください。
②次に 下記ギャラリーをクリックして見ながら作業をして下さい。












⑤テーマの選定
WordPressのテーマとはWebサイト全体のテンプレートのことです。
テーマは複数のファイルの集合体でデザインなどの内容が一式セットになっています。(phpファイル)
そのため、目的に合ったテーマを用いれば、すぐにWebサイトが作成出来ます。
ここでは、数多くのテーマの中から BusinessPress を用います。
BusinessPressは日本製のシンプルでビジネスサイト向けWordPressテーマです。
BusinessPress ライブデモ カスタマイザーデモ マニュアル
⑥プラグインのインストール
プラグインとは、WordPressで出来る機能を追加する仕組みのことです。例えば、お問い合わせフォームや写真のスライドショー、本来では複雑なプログラミングをしなければできないような機能を、簡単に追加することができます。
必要になった時、その都度インストールしていきます。
All-in-One WP Migration
Child Theme Configurator
Contact Form 7
Easy FancyBox
Smart Slider 3
UpdraftPlus
⑦テーマのダウンロード
テーマとは
WordPressは、デザインを変更できる「テーマ」と言う機能があります。デザインが苦手な人でも、プロが手がけた洒落たデザインを、すぐに利用できるというのは素晴らしい事です。
ネットで[Wordpress テーマ]等と検索すると、多くの結果が出てきます。気に入ったデザインが見つかるはずです。
[テーマを検索] BusinessPress で検索
上記の方法では検索できないので、新規追加
BusinessPressのダウンロード
https://businesspress.jp/download/businesspress.zip
[外観]-[テーマ]-[新規追加]-[テーマのアップロード][ファイルを選択] businesspress.zip を指定し[今すぐインストール]



⑧時々バックアップ
プラグイン UpdraftPlus を使用する。



⑨子テーマの作成
プラグイン Child Theme Configurator を使用する。
ツール==>Child Thema
