WordPress

WordPressでWEBサイトを作る（勉強編➀）

ここからは購入したこちらの著書から学んでいきたいと思います。

「準備編」はこちらから。| Click here for "Preparation".

尚、バージョンはWordPress 5.7となっております。

P78　WordPressのテーマについて

「テーマ」はWordPressのレイアウトやデザインを簡単に変更できる機能とのことです。ここではWordPressの初期テーマから、本書のオリジナルのテーマにデザインを変更して、テーマの利用法について解説しています。

ここでは事前に本に載っているURLからテーマのzipファイルをダウンロードしています。

p79 　テーマのインストール

手順管理画面から外観　→　テーマ　→　新規追加　→　テーマを追加　→　テーマのアップロード　→　ファイルを選択　→　ダウンロードしたzipファイルを選択　→　インストール　→　有効化

オレンジ枠にてインストールできましたが、しかし青枠を見てください。

オリジナルテーマには、ショッピングカート機能が付属されているとのこと。その機能は「welcart」という「プラグイン」を利用することで追加しています。

プラグインをインストールしないと、ページが正しく表示されないので必ず行ってくださいとのこと。

P82　welcartプラグインをインストールする

手順プラグイン　→　新規追加　→　プラグインを追加　→　プラグインの検索でwalcartと入力　→　インストール　→有効化　

P85 WEBサイトの全体像をつくる

P86　ロゴを設定する

手順

外観　→　サイト基本情報　→　ロゴを選択　→　ファイルをアップロード　→　ファイルを選択　→ロゴ画像を選択　→　開く　→　メディアライブラリに移動　→　選択　→「画像切り抜き」画面が表示される　→　（画像の切り抜きが必要ない場合）「切り抜かない」ボタンをクリック

P91　キャッチフレーズの設定

手順メニュー、設定　→　一般　→　「キャッチフレーズ」を入力　→　「変更を保存」ボタンをクリック

P94　サイトのヘッダーナビゲーション色を変更する

手順メニュー、外観　→　カスタマイズ　→　テーマのカスタマイズ画面が表示される　→　色をクリック　→　「ヘッダーナビゲーション色」の下で「色を選択」をクリック　→　クリックして色を選択　→　公開ボタンをクリック

P96　サイトのフッター色を変更する（ヘッダーナビゲーション色と同色に）

手順外観　→　カスタマイズ　→　テーマのカスタマイズ画面が表示される　→　色をクリック「ヘッダーナビゲーション色」の下で「色を選択」をクリック　→　カラーコードをコピー（ここでは下記の#0d5b53）　→　フッター色の下の「色を選択」をクリック　→　カラーコード入力欄を一旦クリアして、貼付　→　公開ボタンをクリック