4月7日 wordpress教材

wordpress教材

○1-2 設定

一般設定

ダッシュボードの設定からサイトの基本設定タイトルとキャッチフレーズを設定

・メンバーシップにチェックを入れるとコミュニティを作ることができる

f:id:hinairo:20210407232433p:plain

メディア

・画像をアップロードした際に生成する画像サイズの上限設定。小・中・大と設定できるが、例えば中サイズの上限設定幅を600×高さ400にした場合で同じサイズの画像をアップロードした際にはそれ以上のサイズは生成できない。それ以下のサイズならば生成できる。

f:id:hinairo:20210407232442p:plain

パーマリンク設定

パーマリンクとは、ウェブサイトの各ページに対して個別に与えられているURLのことです。 つまりURL自身のことになります。 パーマネントリンク(Permanent Link)の略で、ページが増えても恒久的に変わることのないリンクであることから、固定リンクとも呼ばれます。

パーマリンクの意味と決め方を知ろう|WordPressでの設定方法も解説|アクセス解析ツール「AIアナリスト」ブログ

構造化されたURLを生成できる

f:id:hinairo:20210407232452p:plain

 

 

1-3

○記事の投稿

投稿のカテゴリーで追加する際、サイト上に表示される『名前』、その名前のURLに適した形式の名前の『スラッグ』の入力(英語とハイフンのみ)

最初は未分類の名前があるのでそれを変更し、名前はお知らせ、スラッグはnewsとしたf:id:hinairo:20210407232545p:plain

 

 

投稿画面のツール設定で教材ではオプション設定できるみたいだが、オプションが出てこないのでスルー。

 

・記事の投稿

・記事のタイトルと本文と入力。

・カテゴリーを選択(お知らせにチェック)。

・下書き保存してパーマリンクのURLの設定をhello-wordpressと入力。

f:id:hinairo:20210407232249p:plain

・公開設定。ステータスと公開状態にて下書き状態で保存できたり、公開時間の予約設定できる。

f:id:hinairo:20210407232307p:plain

・公開するを選択してパーマリンクの確認。

f:id:hinairo:20210407232322p:plain

 

○ブロックエディターの使い方

上からタイトル・見出し・段落・段落・画像・段落のようにさまざまな機能を使って

本文の作成できる。

 

・画像ブロックの使い方

左上の+を押して、ブロックのカテゴリーが出てくるので、画像を選択して教材の画像アップロード。

f:id:hinairo:20210407233907p:plain

アップロードして右の欄でサイズ・表示スタイルなどの設定を行える。

 

画像の下にカーソルを持ってきて+を押すとブロックの追加ができる。

見出しを選択

f:id:hinairo:20210407234634p:plain

f:id:hinairo:20210407234638p:plain

画像の上に見出しを配置したり文字の大きさを変えたりできる。

1-4 新規ユーザーの登録とwordpressの権限

メンバーの権限グループの設定。

f:id:hinairo:20210407235153p:plain

メンバー登録後一覧で確認できる。f:id:hinairo:20210407235732p:plain

 

 

2-1wordpressのテーマ

どのようにページを表示するかを決めるテンプレートファイルなどwebサイトを表示する為の必要なファイルがまとまってるもの。

有効かされているテーマに合わせてwebサイトを表示

f:id:hinairo:20210408000305p:plain

 

簡単なテーマの作成

教材サンプルhtml

f:id:hinairo:20210408000739p:plain

これをwordpressのテーマに変更

cssファイルもつくりテーマの詳細を記述

f:id:hinairo:20210408001834p:plain


 

教材htmlをコピーして新たなフォルダに貼り付けてテーマにはphpが必要なためファイル名の.htmlを.phpに変更

 

テーマファイルはwordpressのwp-content/theme/~に置かれることになるので、相対パスで記述された画像やCSSがリンク切になってしまうので、phpファイルを開いてheadタグ内にCSSリンク内にパス(get_template_directory_uriを追記。

f:id:hinairo:20210408002358p:plain

 

 

先生からのアドバイス

勉強方法について

https://www.miorin-cafe.com/benkyoho-matome/

本の有効活用のため利用方法を見直さないといけない。