2021/02/11－WordPress講習会

基本情報

◆練習用サイトＵＲＬ

https://members.bridge-nagoya.jp/

◆練習用サイト管理画面

https://members.bridge-nagoya.jp/wp-admin/

◆公式サイトＵＲＬ

https://bridge-nagoya.jp/

◆公式サイト管理画面

https://bridge-nagoya.jp/wp-admin/

HTMLのテクニック

◆タイトルに改行を入れたい

改行したい場所に＜ｂｒ　／＞ を入れる
※上記は全角ですが、実際には半角で入力します。

◆コメントアウト（データを残しつつ非表示とする）

<!--
非表示にしたい範囲の前の行に <!--
非表示にしたい範囲の後ろの行に -->
-->
※上記をコピペすると上手くいきませんので手入力してください。

小技

［例１］ 受付中という文字列を素早く見つける

• 更新したい画面を表示します
• カーソルを画面の余白部分に置き「Ctrl ＋ Ｆキー」を押します。
• Google Chrome、Microsoft Edge の場合、上部に検索窓が表われますので 受付中 と入力すると「受付中」の文字列がハイライトされ、更新箇所を見つけやすくなります。
  （Firefox はページ下部）

用語解説

01◆パーマリンク（Permalink）とスラッグ（Slug）

パーマリンク（Permalink）は、髪にパーマ（permanent）をかける時と同じパーマです。
恒久的なという意味があり、将来にわたって変更しないという目的を持ったページの名称ですが、単にＵＲＬと考えてＯＫです。

• ［例１］パーマリンク
  https://bridge-nagoya.jp/about-us/
• ［例２］スラッグ
  スラッグ（Slug）は、単ページに付与するページの名称のことです。
  上記URLの about-us の部分がスラッグです。
  スラッグは、日本語で入れることも可能ですが、半角英数の使用を推奨します。
• ［例３］スラッグを「about-us」とした場合
  ブラウザのアドレスバーの表示
  https://bridge-nagoya.jp/about-us/
  このURLをコピーしてFacebookなどに張り付けた場合、そのままペーストされます。
• ［例４］スラッグを「ブリッジについて」とした場合
  ブラウザのアドレスバーの表示
  https://bridge-nagoya.jp/ブリッジについて/
  このURLをコピーして張り付けた場合、以下のような意味のない記号の組み合わせのＵＲＬになる。
  　▼
  https://bridge-nagoya.jp/%e3%83%96%e3%83%aa%e3%83%83%e3%82%b8%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/
• ［例５］スラッグを2021-02-11
  イベントのお知らせなどで、スラッグを「開催日＝2021-02-11」とした場合
  アドレスバーの表示も、コピー＆ペーストしても以下の表示になる。
  　▼
  https://bridge-nagoya.jp/2021-02-11

02◆WordPressの「投稿」とは？

「投稿」から作ったページは、カテゴリーページと紐づき自動的にトップページにも表示されたり、日付を表示したり、日付順に並べたりできるコンテンツ。
ブログや新着情報など。
ブリッジのサイトでは「お知らせ・新着情報」「勉強会・イベント情報」が投稿ページ。

03◆WordPressの「固定ページ」とは？

カテゴリーとの紐付けやトップページとの連動のない独立したページを作る機能。
お問い合わせページや会社紹介ページなどカテゴリーに属さないコンテンツを作るのに適している。
ブリッジのサイトでは「ブリッジについて」「ブリッジ会員入会のご案内」「個人情報保護方針」など。

04◆エディタ

ブログを書く際に利用する文章入力エリアのことで３種類の方法で記事を書くことができます。
各エディタは、文章入力エリアの上部に切り替えタブがあります。

• ビジュアルエディタ
  初心者向け。
  HTMLを利用せずに文章を書く場合に利用します。
  実際のブログで表示される内容を確認しながら編集できます。
• テキストエディタ
  HTMLを編集しながら文章を入力したい場合に使います。
  基本的なHTMLの知識が必要ですが、細かなデザインの調整が可能です。
• ブロックエディタ
  WordPress5.0 から標準搭載となったエディタのことで、文章や画像などをブロックという単位で管理します。
  ブロックエディタの特徴は、文章や画像の位置調整やレイアウトの変更が、HTMLやCSSの知識がなくても簡単に行えるという点です。
  ブリッジのサイトでは使用していません。

05◆カテゴリー

WordPressでブログ記事を分類するジャンル分けの方法。
ブログ記事は１つ、または複数のカテゴリーに入れることができます。
カテゴリー機能を利用することで同じカテゴリーの一覧を表示できたり、属する記事への移動がスムーズになります。
カテゴリーには大分類・中分類・小分類など階層構造を持たせることもできます。

06◆パンくずリスト

ページ内の現在地を示すナビゲーションの名称。
通常、ページ上部に表示されます。

07◆メディア

画像やＰＤＦなどのファイルのこと

08◆アイキャッチ画像

記事の冒頭に表示されるユーザーの目を引くための画像のこと。
投稿一覧ページやSNSへの投稿などにも使われる大切な画像です。
アイキャッチ画像は、メディアの中から選択します。

09◆代替テキスト

画面上には表示されませんが検索エンジン対策にも有効ですので画像をアップロードした際には必ず設定します。
エラーで画像が表示されない場合には代替テキストが表示されます。
また、音声読み上げ機能を利用した際にも画像の説明として読み上げられる文章です。

10◆プラグイン

WordPressの機能を拡張させるプログラムのことです。
プラグインを利用することでWordPressに様々な機能を追加し、自分なりのカスタマイズを楽しめるようになります。
無料から有料の高機能なものまで膨大な数のプラグインが配布・販売されています。

11◆テーマ（親テーマ）

ホームページのデザインを着せ替えるデザインテンプレートのこと。
ブリッジのサイトでは「AGENDA」という有料テーマを使用しています。
covori で有料ライセンス契約をしていますので、このテーマをコピーして他サイトで使用することはできません。

12◆子テーマ

サイトをカスタマイズするときのサブテーマです。
ブリッジのサイトでは「仕事と治療の両立支援ネットブリッジ 2019」という子テーマを使用しています。
親テーマ「AGENDA」を基本として、そこに変更したいデザインをプラスしていくという形をとりますので、親テーマの削除は厳禁です。

ユーザーの追加方法

［左側メニュー］
　▼
ユーザー
　▼
新規追加
　▼

★ユーザー名（必須）

自分が使いたいユーザー名を入れる（半角）
ユーザー名は、ログインの時に使用します。
後で編集できません。
大文字を使うと、ログインの際も大文字を使用したログインとなります。

★メール（必須）

ご自身のメールアドレスを入れる

★名

任意（後から編集可能）

★姓

任意（後から編集可能）

★サイト

任意（入れなくて良い）

★パスワード

• 表示されているPWを使用する場合は、メモ帳に保存するなどして控えておいてください。
• うっかり保存を忘れた場合は、再設定できます。
• ご自身で選んだPWを使う場合は、表示されているPWのところにご自身で決めたPWを上書きします。
• 最下部の
  ［新規ユーザーを追加］
  ボタンを押下すると、自分のID、PWが作成されますので、新しく作成したご自身のID・PWを使用してログインしなおしてみてください。
• 自信がない方、やってみたけどうまくいかなかった方は、メールアドレスと希望のログインIDををご連絡ください。