WordPress

WordPress

必要なソフトウェア、言語

なし

できること

html とcssを使わずにボタンの操作でウェブページが作成できる。
プラグインという拡張機能で高度な仕組みを簡単に実装できる。
WordPress.comとWordPress.orgがある。
WordPress.comはレンタルサーバーの設定をしなくていいができることに制限がかかる。
WordPress.orgはレンタルサーバーに自分で入れる必要がある。

WordPress.com

料金

①無料　広告が入る
②パーソナル 580円/月
③プレミアム 1100円/月

使い方

WordPressで検索→ログイン→好きなドメインを入れ検索→真ん中の購入をスキップをクリック（無料で使えるドメイン）→無料プランを選択

左上のWマーク

設定画面になる
白色の設定画面になるときは左上のホームマークを押してからWマークを押す。

左上のホームマーク

クリックすることで実際のページを確認できる。

固定ページ

ページを追加で新しいページを追加できる。

？マークの左の四角を押す→投稿を選択→公開と非公開が切り替えられる。
ホームページのような変わらずに表示するページを作る。
タイトル画面の右上に固定ページのタイトルが並んで入るようになっている。

投稿

投稿を追加で新しいページを追加できる。

？マークの左の四角を押す→投稿を選択→公開と非公開が切り替えられる。
ブログのようなページを追加していくときに使う。

編集

左上の＋をクリック
段落　通常のテキスト
画像　画像の貼り付け
見出し　見出しのテキスト
カラム　右と左にわけた欄を作成できる。右に画像を入れ左にテキストを入れた形も作成できる。
リンク　文字をドラックして選択→(-)のマークをクリック→リンクのアドレスを入力
文字の中央寄せ　ブロックをクリック→３つの線があり中央の線が長くなっているイラストをクリック
ブロックの幅を広げる　ブロックをクリック→３つの線があり中央の線が太くなっているイラストをクリック

並び替え　ブロックを選択し左上の６個点がついたものをつまんだ状態で動かすと移動できる
　　　　　一番左上の線が３つ並んだところクリックすると構成が表示される。そちらでもドラックで並び替えができる
HTMLとして確認　ブロックを選択し３つ点がついたところをクリック→htmlとして編集を押す
　　　　　　　　　直接htmlとしてcssの内容を書き込んでもうまくいかない。確認用かもしれない
削除　ブロックを選択し３つ点がついたところをクリック→削除を押す

細かい編集

？マークの左の四角を押す→ブロックを選択
色　文字の色を変更できる
フォントサイズ　S M　L　XLがある。右上の２本線をクリックするとさらに細かく調節できる。
寸法（余白）　マージンは外側の余白　パディングは内側の余白
枠線　枠線をつけることができる。(-)のマークを押せば枠線を左だけや下だけにつけることもできる。
属性
高度な設定　HTMLアンカー　HTMLのidをつけることができる。
　　　　　　追加CSSクラス　htmlのclassをつけることができる。
　　　　　　idやclassの中身を別のところに書く必要がありそれは無料プランではできない。

カスタムパレットの設定
外観→エディター→スタイル→色→パレットを編集→カスタムの＋をクリック→黒色の丸を押し色を選択→完了→1個の変更をレビュー→保存
色の選択肢に新しく自分で選んだ色が入る

外観

テーマ　大まかなページのデザインを決めることができる。試しにtwenty twenty-twoにしてみる。
デザイン　選んだテーマーの画像や文字を変更できる。

ホーム

チュートリアルのようなもの。進めるとどんどん次に進む。

ホーム→サイト公開までのステップ５つを進める。
プランを選択　終了済み
サイトに名前を付ける　「サイトのタイトル」を変更し→下の「変更を保存」をクリック
最初の投稿を書く　文章を書き右上の「公開」を押す。再び「公開」を押す。
サイトの設計を編集　デザインに飛ぶ
サイトを公開

ステップ５つが終わると次のステップもある

プラグイン

拡張機能を追加できる。
無料プランではプラグインを使うことができない。