WordPress/Basics をテンプレートにして作成

開始行:
*WordPress WordPressの基本的な使い方 //[[Introduction>WordPress]] | [[Basics>WordPress/Basics]... ~ ***CONTENTS #contents2_1 ~ ~ **はじめに ***サイトの管理 サイトの管理は「ダッシュボード」から行います。 -ダッシュボードにログインするには、 --ページ内に「ログイン」の表示がある場合はそれをクリック。 --あるいは、以下のようにタイプしてログインします。 http://（WordPressサイトのURL）/admin http://（WordPressサイトのURL）/wp-admin http://（WordPressサイトのURL）/wp-login.php -ログイン後のダッシュボードのアドレスは以下 http://（WordPressサイトのURL）/wp-admin -ダッシュボード内には、以下のようなメニューがあります。 --投稿（記事の投稿管理です） --メディア（画像などのメディアファイルを一括管理します） --固定ページ（投稿とは異なる静的なページを管理します） --外観の設定（テーマ、メニュー、ウィジェット） --プラグイン（プラグインの追加で機能の拡張ができます） --ユーザー（一つのサイトを複数のユーザで編集できます） --ツール（エクスポート、インポート） --設定（タイトル、キャッチフレーズ、フロントページの設定... ~ ***初期設定 -サイト名（タイトル）とキャッチフレーズ（サブタイトル） --設定＞一般設定＞　でこれらを変更することができます。 -フロントページの設定 サイトのトップには、「最新の投稿」あるいは「固定ページ」... &color(red){投稿や固定ページが存在しないと、この作業は試... --設定＞表示設定＞フロントページの表示　で変更できます。 --外観＞カスタマイズ＞フロントページの表示　でも同様。 ~ ~ **WordPressにおける記事構成 #image(WP_CategoryArchive.jpg) //#iframe(https://www.figma.com/embed?embed_host=share&ur... ~ ~ **記事の作成 WordPress の情報公開には「投稿」と「固定ページ」の２つの... ~ ***はじめに #image(EditMode.jpg,right,25%) WordPress はスマホに最適化されているので、PCで編集する際... ちなみに、デフォルトはフルスクリーンモードなのでダッシュ... ~ ***投稿（Post｜Flow） お知らせ、近況報告など、Blog的な情報公開には「投稿」を使... 投稿＞新規＞タイトルと本文を書いて＞公開 ~ ***固定ページ（Page｜Stock） 常設的に公開する情報は「固定ページ」を使って掲載します。... 固定ページ＞新規＞タイトルと本文を書いて＞更新 ~ ***投稿・固定ページの削除について -投稿の削除は、投稿＞投稿一覧＞不要な記事のところで「ゴミ... -固定ページも同様に、固定ページ一覧から削除可能です。 ~ ***エディタの使い方 WordPress の記事の編集では、ブロックエディタ（Gutenberg）... -ブロックエディタ（ビジュアルエディタ） ブロック要素を順次追加する形で記事を構成していきます。見... --[ENTER]　段落<p>を新規につくるので、行間が大きく開きま... --[SHIFT]+[ENTER]　通常の改行です。 --文字列にリンクを張るには、文字列を選択してリンクアイコ... リンク先のアドレスを記入します。 -テキストエディタ（コードエディタ） --通常のHTMLタグ打ちができます（埋め込みコードも可）。 --各種の「埋め込みコード」はここにペーストします -参考：X-server のサポートページにわかりやすい解説があり... https://www.xserver.ne.jp/blog/using-block-editor/ ~ ***投稿の詳細設定 投稿全体や記事内の個々のブロックのスタイルに関する設定が... 画面右上の「設定アイコン」をクリックするとパネルが表示さ... #image(ブロックの設定.jpg,right,15%) #image(投稿の設定.jpg,right,15%) -投稿の設定（右図） --投稿 --[[AMPの有効化>https://ja.wikipedia.org/wiki/Accelerated... --パーマリンク --カテゴリー --タグ --''アイキャッチ画像'' --抜粋 --''ディスカッション'' --投稿の属性 -ブロックの設定（左図） --タイポグラフィー --色設定 --テキスト設定 #clear ~ ***[[パーマリンク設定>Google:WordPress パーマリンク]]につ... WordPress のページURLは、PHPを使用していることから、デフ... -はじめに設定を確認します。 ダッシュボード＞設定＞パーマリンクの設定　でタイプを選択... ※WordPress.comでは、「記事名」がデフォルト -固定ページや投稿の編集画面の上の方、「パーマリンクの設定... ページのURLの末尾が変更できるようになっています。 必要に応じて編集して下さい（半角英数の表記がベター）。 ~ ~ **メディア ***メディアの管理 WordPressでは画像や動画・音楽などをメディアと呼びます。 -投稿や固定ページの作成中にアップする 投稿記事の記載中に、当該箇所で「メディアの追加」 -メディアの一括管理　ダッシュボード＞メディア --メディアの追加 メディア＞新規追加＞画像をドラッグ＆ドロップ --メディアの編集 メディア＞ライブラリ＞当該メディアの「編集」 --メディアの削除 メディア＞ライブラリ＞当該メディアの「完全に削除」 参考：他人の著作物を勝手にアップロードすることは違法です。 サンプル画像(投稿練習)では、WikimediaCommonsなどのサイトで PublicDomainの画像を見つけて利用して下さい。以下、検索事例 https://commons.wikimedia.org/wiki/Leonardo_da_Vinci ~ ***メディアの活用 メディア（画像）は以下の場面で利用することができます。 -投稿や固定ページに挿入する（一般的な活用方法） -スライドショーを作る -ヘッダー画像に使う -アイキャッチ画像として使う ~ ***ギャラリー機能の活用 ページ内にイメージギャラリーを設置したい場合＞以下の手順... -ページ内（固定、投稿）の希望の箇所で、「メディアの追加」... -メディアの追加ウィンドウで「ギャラリーの作成」をクリック -ギャラリーに表示したい画像を選択して、「ギャラリーの作成」 -候補だけが再表示されるので、順番等を入れ替え -「ギャラリーの挿入」をクリックすると、以下のようなショー... [gallery ids="96,95,104"] 尚、サムネイルサイズは、ダッシュボード＞設定＞メディア設... ~ ~ **外観 ***テーマ サイトの外観はページの雛形となるHTML構造とCSSによって決ま... これをセットで扱っているのが「テーマ」で、その変更は非常... &size(12){ただし、テーマを変更すると、今まで表示されてい... -外観＞テーマの変更＞１つ選んで「有効化」 -有料のものと無料のものがあります。上のメニューで「無料」... -WPにはデフォルトテンプレートがあります。 例えば2020年の標準テンプレートには、TwentyTwenty など、西... ~ ***ヘッダー画像 -外観＞カスタマイズから簡単に変更できます。 -メディアライブラリーのもの、あるいは新規にアップロードし... -テーマによって推奨サイズは異なりますが、1280px幅が標準的... ~ ***メニュー #image(WordPress/Basics/SetUpMenu.jpg,right,30%) 固定ページやカテゴリーワードをメニューバーに並べることで... -メニューに使える項目 --固定ページ：常設的なページの利用（最も一般的な項目） --投稿：単体の投稿もメニューに登録できます。 --カスタムリンク：外部リンクをメニューに登録することがで... --カテゴリー：カテゴリーに属する投稿記事が自動回収されま... -メニューの編集 ダッシュボードから「外観＞メニュー」で設定画面になります。 --固定ページ、リンク、カテゴリー等から項目を選択して、メ... --メニューの階層構造は要素を移動するだけで簡単に設定でき... --ラベル（実際に表示される文字列）は自由に変更できます --最後に「メニューの保存」をクリック -位置の管理 メインメニュー以外にも複数のメニューを追加することができ... ~ ***ウィジェット WordPressには、ウィジェット（ブログパーツ）が多数用意され... -ウィジェットが表示できる場所は メインサイドバー、フッターエリア、ショーケースエリアなど -ウィジェットの種類 --カスタムメニュー（メニューを複数持たせることができます） --カテゴリー、タグクラウド（投稿記事を分類・検索表示でき... --テキスト（自由なテキスト、HTMLの埋め込みコードも使えま... --メタ情報（ログインボタン等が表示されます） --その他、カレンダー、アーカイブなど多数あります。 テーマによっては、複数のページテンプレートを持っている場... サイドバーが表示されるタイプのテンプレートを使用して下さ... ~ ~ **カテゴリーとタグ WordPressでは、投稿記事（情報要素）にカテゴリーとタグ（フ... &image(InformationDesign/CategoriesAndTags.png,,30%);　&i... ~ ***Category（Folder）： -一定の観点から一挙に仕分けられるもので、階層構造を持つ -要素の集合を分類する観点（視点）は無限にある*1 -観点（視点）を定めて要素を分類する際、（原則としては）ひ... ~ ***TAG（Index）： -要素に関連する「目印」で、系統的に整理されるものではない -タグは、分類上の「観点」とは無関係に存在する -ひとつの要素には複数のタグをつけることができる ~ ***カテゴリー・タグの命名 カテゴリーやタグは「投稿＞カテゴリー / タグ」から一括して... -カテゴリーは記事対象がうまく分類できるよう、体系的に命名... --カテゴリー名は自由につけることができます。 --親カテゴリーを指定して、その下にサブカテゴリーを作るこ... &image(WordPress/Basics/CategoryName.jpg,,25%);　&image(W... -タグは「検索キーワード」になるもので、体系的である必要は... --タグ名は自由につけることができます。 --タグには階層構造はありません。 ~ ***カテゴリー・タグの活用 #image(WordPress/Basics/SetCategory.jpg,right,15%) -投稿記事のカテゴリーやタグは「投稿設定」パネルでチェック... -カテゴリーメニューを作るには、外観＞メニューから・・ --カテゴリーから項目を選択してメニュー構造へドラッグ --ラベル（実際に表示される文字列）は自由に変更可 #clear ~ ***事例紹介 https://opensquarejp.wordpress.com/ ~ ***参考｜書棚からDBへ WordPressのようなCMSは、「記事」を含むあらゆる情報をデー... Webデザインは一般にグラフィックデザインの電子版のように捉... #image(InformationDesign/書棚とDB.jpg,right,30%) 従来のように「書類をバインダーに綴じて棚に整理する」とい... -[[書棚とデータベース>https://www.figma.com/file/NcaY1OSv... ~ ~ **その他 ***固定ページに「最新の投稿」 フロントぺージに「固定ページ」を選択すると「最新の投稿」... //「最新の投稿」へのリンクを取得して、そのリンクを置くと... #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.wp.xdomain.jp/ // opensquarejp -http://opensquarejp.starfree.jp/wordpress/　 // inoue.ko -http://opensquarejp.hotcom-web.com/wordpress/ // inoue.ko // PWはいずれも共通 // sq///// ~

終了行:
*WordPress WordPressの基本的な使い方 //[[Introduction>WordPress]] | [[Basics>WordPress/Basics]... ~ ***CONTENTS #contents2_1 ~ ~ **はじめに ***サイトの管理 サイトの管理は「ダッシュボード」から行います。 -ダッシュボードにログインするには、 --ページ内に「ログイン」の表示がある場合はそれをクリック。 --あるいは、以下のようにタイプしてログインします。 http://（WordPressサイトのURL）/admin http://（WordPressサイトのURL）/wp-admin http://（WordPressサイトのURL）/wp-login.php -ログイン後のダッシュボードのアドレスは以下 http://（WordPressサイトのURL）/wp-admin -ダッシュボード内には、以下のようなメニューがあります。 --投稿（記事の投稿管理です） --メディア（画像などのメディアファイルを一括管理します） --固定ページ（投稿とは異なる静的なページを管理します） --外観の設定（テーマ、メニュー、ウィジェット） --プラグイン（プラグインの追加で機能の拡張ができます） --ユーザー（一つのサイトを複数のユーザで編集できます） --ツール（エクスポート、インポート） --設定（タイトル、キャッチフレーズ、フロントページの設定... ~ ***初期設定 -サイト名（タイトル）とキャッチフレーズ（サブタイトル） --設定＞一般設定＞　でこれらを変更することができます。 -フロントページの設定 サイトのトップには、「最新の投稿」あるいは「固定ページ」... &color(red){投稿や固定ページが存在しないと、この作業は試... --設定＞表示設定＞フロントページの表示　で変更できます。 --外観＞カスタマイズ＞フロントページの表示　でも同様。 ~ ~ **WordPressにおける記事構成 #image(WP_CategoryArchive.jpg) //#iframe(https://www.figma.com/embed?embed_host=share&ur... ~ ~ **記事の作成 WordPress の情報公開には「投稿」と「固定ページ」の２つの... ~ ***はじめに #image(EditMode.jpg,right,25%) WordPress はスマホに最適化されているので、PCで編集する際... ちなみに、デフォルトはフルスクリーンモードなのでダッシュ... ~ ***投稿（Post｜Flow） お知らせ、近況報告など、Blog的な情報公開には「投稿」を使... 投稿＞新規＞タイトルと本文を書いて＞公開 ~ ***固定ページ（Page｜Stock） 常設的に公開する情報は「固定ページ」を使って掲載します。... 固定ページ＞新規＞タイトルと本文を書いて＞更新 ~ ***投稿・固定ページの削除について -投稿の削除は、投稿＞投稿一覧＞不要な記事のところで「ゴミ... -固定ページも同様に、固定ページ一覧から削除可能です。 ~ ***エディタの使い方 WordPress の記事の編集では、ブロックエディタ（Gutenberg）... -ブロックエディタ（ビジュアルエディタ） ブロック要素を順次追加する形で記事を構成していきます。見... --[ENTER]　段落<p>を新規につくるので、行間が大きく開きま... --[SHIFT]+[ENTER]　通常の改行です。 --文字列にリンクを張るには、文字列を選択してリンクアイコ... リンク先のアドレスを記入します。 -テキストエディタ（コードエディタ） --通常のHTMLタグ打ちができます（埋め込みコードも可）。 --各種の「埋め込みコード」はここにペーストします -参考：X-server のサポートページにわかりやすい解説があり... https://www.xserver.ne.jp/blog/using-block-editor/ ~ ***投稿の詳細設定 投稿全体や記事内の個々のブロックのスタイルに関する設定が... 画面右上の「設定アイコン」をクリックするとパネルが表示さ... #image(ブロックの設定.jpg,right,15%) #image(投稿の設定.jpg,right,15%) -投稿の設定（右図） --投稿 --[[AMPの有効化>https://ja.wikipedia.org/wiki/Accelerated... --パーマリンク --カテゴリー --タグ --''アイキャッチ画像'' --抜粋 --''ディスカッション'' --投稿の属性 -ブロックの設定（左図） --タイポグラフィー --色設定 --テキスト設定 #clear ~ ***[[パーマリンク設定>Google:WordPress パーマリンク]]につ... WordPress のページURLは、PHPを使用していることから、デフ... -はじめに設定を確認します。 ダッシュボード＞設定＞パーマリンクの設定　でタイプを選択... ※WordPress.comでは、「記事名」がデフォルト -固定ページや投稿の編集画面の上の方、「パーマリンクの設定... ページのURLの末尾が変更できるようになっています。 必要に応じて編集して下さい（半角英数の表記がベター）。 ~ ~ **メディア ***メディアの管理 WordPressでは画像や動画・音楽などをメディアと呼びます。 -投稿や固定ページの作成中にアップする 投稿記事の記載中に、当該箇所で「メディアの追加」 -メディアの一括管理　ダッシュボード＞メディア --メディアの追加 メディア＞新規追加＞画像をドラッグ＆ドロップ --メディアの編集 メディア＞ライブラリ＞当該メディアの「編集」 --メディアの削除 メディア＞ライブラリ＞当該メディアの「完全に削除」 参考：他人の著作物を勝手にアップロードすることは違法です。 サンプル画像(投稿練習)では、WikimediaCommonsなどのサイトで PublicDomainの画像を見つけて利用して下さい。以下、検索事例 https://commons.wikimedia.org/wiki/Leonardo_da_Vinci ~ ***メディアの活用 メディア（画像）は以下の場面で利用することができます。 -投稿や固定ページに挿入する（一般的な活用方法） -スライドショーを作る -ヘッダー画像に使う -アイキャッチ画像として使う ~ ***ギャラリー機能の活用 ページ内にイメージギャラリーを設置したい場合＞以下の手順... -ページ内（固定、投稿）の希望の箇所で、「メディアの追加」... -メディアの追加ウィンドウで「ギャラリーの作成」をクリック -ギャラリーに表示したい画像を選択して、「ギャラリーの作成」 -候補だけが再表示されるので、順番等を入れ替え -「ギャラリーの挿入」をクリックすると、以下のようなショー... [gallery ids="96,95,104"] 尚、サムネイルサイズは、ダッシュボード＞設定＞メディア設... ~ ~ **外観 ***テーマ サイトの外観はページの雛形となるHTML構造とCSSによって決ま... これをセットで扱っているのが「テーマ」で、その変更は非常... &size(12){ただし、テーマを変更すると、今まで表示されてい... -外観＞テーマの変更＞１つ選んで「有効化」 -有料のものと無料のものがあります。上のメニューで「無料」... -WPにはデフォルトテンプレートがあります。 例えば2020年の標準テンプレートには、TwentyTwenty など、西... ~ ***ヘッダー画像 -外観＞カスタマイズから簡単に変更できます。 -メディアライブラリーのもの、あるいは新規にアップロードし... -テーマによって推奨サイズは異なりますが、1280px幅が標準的... ~ ***メニュー #image(WordPress/Basics/SetUpMenu.jpg,right,30%) 固定ページやカテゴリーワードをメニューバーに並べることで... -メニューに使える項目 --固定ページ：常設的なページの利用（最も一般的な項目） --投稿：単体の投稿もメニューに登録できます。 --カスタムリンク：外部リンクをメニューに登録することがで... --カテゴリー：カテゴリーに属する投稿記事が自動回収されま... -メニューの編集 ダッシュボードから「外観＞メニュー」で設定画面になります。 --固定ページ、リンク、カテゴリー等から項目を選択して、メ... --メニューの階層構造は要素を移動するだけで簡単に設定でき... --ラベル（実際に表示される文字列）は自由に変更できます --最後に「メニューの保存」をクリック -位置の管理 メインメニュー以外にも複数のメニューを追加することができ... ~ ***ウィジェット WordPressには、ウィジェット（ブログパーツ）が多数用意され... -ウィジェットが表示できる場所は メインサイドバー、フッターエリア、ショーケースエリアなど -ウィジェットの種類 --カスタムメニュー（メニューを複数持たせることができます） --カテゴリー、タグクラウド（投稿記事を分類・検索表示でき... --テキスト（自由なテキスト、HTMLの埋め込みコードも使えま... --メタ情報（ログインボタン等が表示されます） --その他、カレンダー、アーカイブなど多数あります。 テーマによっては、複数のページテンプレートを持っている場... サイドバーが表示されるタイプのテンプレートを使用して下さ... ~ ~ **カテゴリーとタグ WordPressでは、投稿記事（情報要素）にカテゴリーとタグ（フ... &image(InformationDesign/CategoriesAndTags.png,,30%);　&i... ~ ***Category（Folder）： -一定の観点から一挙に仕分けられるもので、階層構造を持つ -要素の集合を分類する観点（視点）は無限にある*1 -観点（視点）を定めて要素を分類する際、（原則としては）ひ... ~ ***TAG（Index）： -要素に関連する「目印」で、系統的に整理されるものではない -タグは、分類上の「観点」とは無関係に存在する -ひとつの要素には複数のタグをつけることができる ~ ***カテゴリー・タグの命名 カテゴリーやタグは「投稿＞カテゴリー / タグ」から一括して... -カテゴリーは記事対象がうまく分類できるよう、体系的に命名... --カテゴリー名は自由につけることができます。 --親カテゴリーを指定して、その下にサブカテゴリーを作るこ... &image(WordPress/Basics/CategoryName.jpg,,25%);　&image(W... -タグは「検索キーワード」になるもので、体系的である必要は... --タグ名は自由につけることができます。 --タグには階層構造はありません。 ~ ***カテゴリー・タグの活用 #image(WordPress/Basics/SetCategory.jpg,right,15%) -投稿記事のカテゴリーやタグは「投稿設定」パネルでチェック... -カテゴリーメニューを作るには、外観＞メニューから・・ --カテゴリーから項目を選択してメニュー構造へドラッグ --ラベル（実際に表示される文字列）は自由に変更可 #clear ~ ***事例紹介 https://opensquarejp.wordpress.com/ ~ ***参考｜書棚からDBへ WordPressのようなCMSは、「記事」を含むあらゆる情報をデー... Webデザインは一般にグラフィックデザインの電子版のように捉... #image(InformationDesign/書棚とDB.jpg,right,30%) 従来のように「書類をバインダーに綴じて棚に整理する」とい... -[[書棚とデータベース>https://www.figma.com/file/NcaY1OSv... ~ ~ **その他 ***固定ページに「最新の投稿」 フロントぺージに「固定ページ」を選択すると「最新の投稿」... //「最新の投稿」へのリンクを取得して、そのリンクを置くと... #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.wp.xdomain.jp/ // opensquarejp -http://opensquarejp.starfree.jp/wordpress/　 // inoue.ko -http://opensquarejp.hotcom-web.com/wordpress/ // inoue.ko // PWはいずれも共通 // sq///// ~

ページ名: