LogoMark.png

WordPress/Basics の変更点


#author("2020-01-22T15:13:06+09:00","default:inoue.ko","inoue.ko")
#author("2020-05-14T13:32:09+09:00","default:inoue.ko","inoue.ko")
*WordPress
WordPressの基本的な使い方
//[[Introduction>WordPress]] | [[Basics>WordPress/Basics]] | [[Plugins>WordPress/Plugins]] | [[Customize>WordPress/Customize]] | [[Backup>WordPress/Backup]] | [[Memo>WordPress/Memo]]
~


***CONTENTS
#contents2_1
~
~
**はじめに

***サイトの管理
サイトの管理は「ダッシュボード」から行います。
-ダッシュボードにログインするには、
--ページ内に「ログイン」の表示がある場合はそれをクリック。
--あるいは、以下のようにタイプしてログインします。
 http://(WordPressサイトのURL)/admin
 http://(WordPressサイトのURL)/wp-admin
 http://(WordPressサイトのURL)/wp-login.php
-ログイン後のダッシュボードのアドレスは以下
 http://(WordPressサイトのURL)/wp-admin
-ダッシュボード内には、以下のようなメニューがあります。
--投稿(記事の投稿管理です)
--メディア(画像などのメディアファイルを一括管理します)
--固定ページ(投稿とは異なる静的なページを管理します)
--外観の設定(テーマ、メニュー、ウィジェット)
--プラグイン(プラグインの追加で機能の拡張ができます)
--ユーザー(一つのサイトを複数のユーザで編集できます)
--ツール(エクスポート、インポート)
--設定(タイトル、キャッチフレーズ、フロントページの設定など)

~

***初期設定
-サイト名(タイトル)とキャッチフレーズ(サブタイトル)
--設定>一般設定> でこれらを変更することができます。

-フロントページの設定
サイトのトップには、「最新の投稿」あるいは「固定ページ」を利用することができます。前者はBlog、後者は一般サイトのイメージになります。
&color(red){投稿や固定ページが存在しないと、この作業は試すことができません。};
--設定>表示設定>フロントページの表示 で変更できます。
--外観>カスタマイズ>フロントページの表示 でも同様。
~
~

**記事の作成
WordPress の情報公開には「投稿」と「固定ページ」の2つの方法があります。
~

***投稿
お知らせ、近況報告など、Blog的な情報公開には「投稿」を使います。 
-投稿>新規>タイトルと本文を書いて>公開
-ダッシュボード右上の「表示オプション」で「ディスカッション」にチェックをいれるとコメントを受けるか否かなどの設定が可能です。
-記事の削除は、投稿>投稿一覧>不要な記事のところで「ゴミ箱」
~

***固定ページ
常設的に公開する情報は「固定ページ」を使って掲載します。
固定ページを「メインメニュー」に登録することで、
一般のWebサイトと同様のイメージにすることができます。
-固定ページ>新規>タイトルと本文を書いて>更新
~

***投稿・固定ページの削除について
-投稿の削除は、投稿>投稿一覧>不要な記事のところで「ゴミ箱」
-固定ページも同様に、固定ページ一覧から削除可能です。
~

***エディタの使い方
投稿、固定ページのエディタは「ビジュアルエディタ」と「テキストエディタ」があって、右上にあるタブで切り替えることが出来ます。 
-ビジュアルエディタ:実際の表示を確認しつつ入力
記事の入力においては、以下の動作に留意して下さい。
--[ENTER] 段落<p>を新規につくるので、行間が大きく開きます。
--[SHIFT]+[ENTER] 通常の改行です。
--文字列にリンクを張るには、文字列を選択してリンクアイコンをクリック
リンク先のアドレスを記入します。
-テキストエディタ:HTMLタグを記述する(埋め込みコードも可)
--通常のHTMLタグ打ちができます。
--GoogleMapやYouTubeの「埋め込みコード」はここにペーストします
~

***[[パーマリンク設定>Google:WordPress パーマリンク]]について
WordPress のページURLは、PHPを使用していることから、デフォルトでは ページのID番号を含む表記になりますが、「パーマリンク」という固定名称を使って、一般のページと同様なURL表記にすることも可能です。
-はじめに設定を確認します。
ダッシュボード>設定>パーマリンクの設定 でタイプを選択します。
※WordPress.comでは、「記事名」がデフォルト
-固定ページや投稿の編集画面の上の方、「パーマリンクの設定」で
ページのURLの末尾が変更できるようになっています。
必要に応じて編集して下さい(半角英数の表記がベター)。
~
~
**メディア

***メディアの管理
WordPressでは画像や動画・音楽などをメディアと呼びます。
-投稿や固定ページの作成中にアップする
投稿記事の記載中に、当該箇所で「メディアの追加」
-メディアの一括管理 ダッシュボード>メディア
--メディアの追加
メディア>新規追加>画像をドラッグ&ドロップ
--メディアの編集
メディア>ライブラリ>当該メディアの「編集」
--メディアの削除
メディア>ライブラリ>当該メディアの「完全に削除」

参考:他人の著作物を勝手にアップロードすることは違法です。
サンプル画像(投稿練習)では、WikimediaCommonsなどのサイトで
PublicDomainの画像を見つけて利用して下さい。以下、検索事例
https://commons.wikimedia.org/wiki/Leonardo_da_Vinci
~

***メディアの活用
メディア(画像)は以下の場面で利用することができます。
-投稿や固定ページに挿入する(一般的な活用方法)
-ヘッダー画像に使う
-アイキャッチ画像として使う
~

***ギャラリー機能の活用
ページ内にイメージギャラリーを設置したい場合>以下の手順です。
-ページ内(固定、投稿)の希望の箇所で、「メディアの追加」をクリック
-メディアの追加ウィンドウで「ギャラリーの作成」をクリック
-ギャラリーに表示したい画像を選択して、「ギャラリーの作成」
-候補だけが再表示されるので、順番等を入れ替え
-「ギャラリーの挿入」をクリックすると、以下のようなショートコードがページ内に挿入されます。以上で完了。
 [gallery ids="96,95,104"]

尚、サムネイルサイズは、ダッシュボード>設定>メディア設定 で変更することができます。「サムネイルを実寸法にトリミングする 」にチェックすると、画像の縦横比に合わせて縮小されることはなくなります。
~
~

**外観
***テーマ
サイトの外観はページの雛形となるHTML構造とCSSによって決まります。
これをセットで扱っているのが「テーマ」で、その変更は非常に簡単です。
&size(12){ただし、テーマを変更すると、今まで表示されていたメニューが表示されなくなるなどの現象が生じることもあります(テーマを戻せば元どおりになります。メニューのデータそのものが消えてなくなるわけではありません)。};

-外観>テーマの変更>1つ選んで「有効化」
-有料のものと無料のものがあります。上のメニューで「無料」を選べば無料の候補が並びます。
-WPにはデフォルトテンプレートがあります。
例えば2011年の標準テンプレートには、Twenty Eleven など、西暦を英語読みした名称がつけられています。
例えば2020年の標準テンプレートには、TwentyTwenty など、西暦を英語読みした名称がつけられています。
~

***ヘッダー画像
-外観>カスタマイズから簡単に変更できます。
-メディアライブラリーのもの、あるいは新規にアップロードします。
-テーマによって推奨サイズは異なりますが、1280px幅が標準的です。
~

***メニュー
固定ページをメニューバーに並べることで、一般的なサイトと同様のナビゲーション環境を構築することができます。メニューのカスタマイズには、「メニューの編集」と「位置の管理」の2つの設定作業が必要です。

-メニューに使える項目
--固定ページ
固定ページとして作成したページをメニューに登録します(最も一般的)。
--投稿
ひとつの投稿もメニューに登録できます。
--リンク
外部リンクをメニューに登録することができます。
--カテゴリー
特定のカテゴリーに属する投稿記事が自動回収されてページに掲載されます。
--ラベル
メニュー上の表記(ラベル)は、実際のページ名とは独立に変更可能です。

-メニューの編集
--外観>メニュー>固定ページやリンクをメニュー構造へドラッグ
メニューに登録できるのは、固定ページ、リンク、カテゴリーの3種類
--メニュー表記などを編集して>メニューの保存
--ラベル(実際に表示される文字列)は後から自由に変更できます

-位置の管理
メインメニュー以外にも複数のメニューを追加することができる設定になっています。したがって、テーマ(外観)上のどの位置に、どのメニューを表示するかを明示的に指定することが必要です。
~

***ウィジェット
WordPressには、ウィジェット(ブログパーツ)が多数用意されています。
-ウィジェットが表示できる場所は
メインサイドバー、フッターエリア、ショーケースエリアなど
-ウィジェットの種類
--カスタムメニュー(メニューを複数持たせることができます)
--カテゴリー、タグクラウド(投稿記事を分類・検索表示できます)
--テキスト(自由なテキスト、HTMLの埋め込みコードも使えます)
--メタ情報(ログインボタン等が表示されます)
--その他、カレンダー、アーカイブなど多数あります。

テーマによっては、複数のページテンプレートを持っている場合があります。
サイドバーが表示されるタイプのテンプレートを使用して下さい。
~
~
**[[カテゴリーとタグ>InformationDesign#CategoryTag]]
WordPressでは、投稿記事(情報要素)にカテゴリーとタグを付けることができるようになっていて、カテゴリーはメニュー項目として、タグは、タグクラウドなどを用いることで、記事の抽出に役立てることができます。

-Category:
--一定の観点から一挙に仕分けられるもので、階層構造を持つ
--要素の集合を分類する観点(視点)は無限にある*1
--観点(視点)を定めて要素を分類する際、(原則としては)ひとつの要素が2つ以上のカテゴリーに重複して存在することはない

-TAG:
--要素に関連する「目印」で、系統的に整理されるものではない
--タグは、分類上の「観点」とは無関係に存在する
--ひとつの要素には複数のタグをつけることができる


&image(InformationDesign/CategoriesAndTags.png,,40%); &image(InformationDesign/CategoriesAndTags_WP.png,,36%);

~
~

**その他
***固定ページに「最新の投稿」
フロントぺージに「固定ページ」を選択すると「最新の投稿」が表示されなくなります。一般にはテーマスクリプトを編集して、トップの固定ページ内に最新の投稿がコレクションされるように作り変えるのですが、ここでは別の簡単な方法を紹介します。
//「最新の投稿」へのリンクを取得して、そのリンクを置くという方法です。
#image(最新投稿.png,right,30%);
-1) 設定 > 表示 をご確認ください。
-2)「フロントページ」に固定ページを割り当てる
-3)「投稿ページ」に固定ページを割り当てる
>そこが「最新の投稿」の提示場所になります。
~

***プラグインについて
ページを独立させました。
-[[WordPress/Plugins]] をご覧下さい。

~
~

#hr
-https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
// inoue.ko
-https://opensquarejp.wordpress.com/
// opensquarejp
-http://opensquarejp.starfree.jp/wordpress/ 
// inoue.ko
-http://opensquarejp.hotcom-web.com/wordpress/
// inoue.ko

// PWはいずれも共通
// sq/////
~