Loading...

TOPICS

トピックス

機能紹介・操作方法 その2

もくじ

————————————————

ABOUT(プロフィール、自己紹介)ページ

プロフィール、自己紹介ページです。

 

メニューから「ABOUT」、または固定ページ→ABOUT。(サブディレクトリにWordPressをインストールしている場合、メニュー「ABOUT」がリンクエラーになり編集画面にアクセスできないことがあります。その場合は固定ページからアクセスしてください。リンクエラーの解消法は→こちら

 

アー写とプロフィール欄からなります。プロフィール欄はエディタで自由に書き込むことができます。画像やリンクを貼ることも可能です。サンプルサイト

NEWS(お知らせ)ページ

お知らせページです。

 

NEWS→新規追加

 

1.お知らせの種類を選択。

「重要なお知らせ」はPRO版のみ選択できます。

 

「重要なお知らせ」を選択すると選択した最新の1件がメインビジュアルのすぐ下に表示されます。(PRO版のみ)

 

2.タイプを選択

リンク無し

タイトルがそのまま表示されるだけです。

お知らせ詳細(PRO版のみ)

お知らせ詳細を選択するとエディタが現れて入力できるようになります。入力した内容は単体のページとして表示されます。
自主イベントをする、新しい音源が出る、といったときの特設ページとしても使えます。サンプルサイト

サイト内リンク

サイト内のページにリンクを貼る場合。URLの入力欄が現れます。

外部リンク

外部サイトにリンクを張る場合。別タブで開きます。

 

NEWSはトップページには最新の5件、一覧ページでは1ページに10件でそれ以上になるとページャーが付いて10件ごとにページが分かれます。

 

また、「NEWS ARCHIVE」から月別に表示することができます。

CONTACT(お問い合わせ)ページ

お問い合わせページです。

 

フォームの上の文言は
SETTING→各フォーム→お問い合わせ
から編集いただけます。

 

メールフォームから送信された内容は設定したメールアドレスに届きます。

PAST LIVE(過去のライブ情報)ページ(PRO版のみ)

過去のライブ情報が閲覧できるページです。投稿したライブ情報の開催日が過ぎると自動的にこのページに表示されます。
1ページの表示件数は20件。それ以上になるとページャーが付いて20件ごとにページが分かれます。サンプルサイト

 

また、PRO版ではライブ情報の開催年や開催月をカテゴリー登録することでLIVEページの「LIVE ARCHIVE」からも過去のライブ情報が閲覧できます。

SETTING – 基本設定

主に「SETTING」にまとめました。

 

SETTING→基本設定

 

ロゴ

各ページヘッダーの左側に表示されるロゴです

 

高さ40pxで表示されます。拡大しても劣化のないSVG形式推奨ですが、PNGやJPG形式などの場合は少し大きめに作ることできれいに表示されます。

 

【参考】無料で使える!簡単にロゴを作成できるおすすめサイト8選

オプションで制作代行を承ります。デザインの入ったものには対応しておりません文字を画像化した「文字ロゴ」になります。ご注文は→こちら

ディスクリプション

サイトの概要文、説明文です。検索結果のページ概要として表示されます。

キーワード

検索エンジンに認識されたいワードをカンマ区切りで入力。

ファビコン

PCでページを開いたときにブラウザのタブにつくマークです。

 

ico形式、正方形。マルチアイコンで作成することをお勧めします。

 

【参考】マルチアイコン(ファビコン)の設置方法と作り方!icoに変換は必要なの?

ico形式の画像がメディアにアップできない場合は↓
【参考】favicon.icoをWordPressの管理画面からアップロードできない→ wp-config.php を一時的に修正

また、ファビコンとアップルタッチアイコンを合わせて制作の代行も承ります。ご注文は→こちら

アップルタッチアイコン

iPhoneのSafariで「ホーム画面に追加」ときのマークです。
PNG形式、180×180px推奨。

 

制作の代行は→こちら

コピーライト

一番下のフッター部分に表示されます。

【参考】年号と©マークと何が必要?Copyright(コピーライト)表記の正しい書き方

アイキャッチ画像

SNSなどでシェアされたときに表示される画像を設定します。

twitterでの推奨サイズは1200×630pxです。

 

Twitterでシェアされた場合

 

Facebookでシェアされた場合

リンク色

任意の色を選択→Update

 

リンクの文字にカーソルを合わせると指定した色になります。

SETTING -トップページ

メインビジュアル動画(PROのみ)

PCのみヘッダーに動画を表示させることができます。

 

SETTING→トップページ→メインビジュアル→ファイルを追加する
で動画をアップ。

 

WordPressではメディアにアップロードできるファイルの容量に制限があります。
これは契約しているサーバーによっても異なります。

上限を変更するには設定が必要です。
【参考】WordPressのファイルアップロード上限値を変更する方法

PCでは動画がアップされた場合は動画を優先して、動画がアップされてない場合は画像が表示されます。スマホでは動画をアップしても表示されません。画像が表示されます。

 

容量の大きな動画を設定すると、読み込みに時間がかかる場合があります。極力容量の小さい動画を推奨します。
また、スマホは通信が遅いとしばらく画面が真っ暗になってしまうなどの問題があり、閲覧者に負担がかかってしまうので動画の設定に関わらず画像を表示させる仕様としました。

メインビジュアル画像

トップページのメインの画像です。

SETTING→トップページ→メインビジュアル画像

右下の「画像を追加」ボタンで入力欄が追加されます。画像は高さ800px、幅1920px以上を推奨しています。中央を基準にブラウザの幅によって左右がトリミングされます。

アップした画像が上から順にスライド表示されます。
一覧左側の数字部分をドラッグすることで順番を入れ替えることも可能です。

また、画像を入力していない状態で枠を残すと真っ白の画面が表示されてしまいます。画像を入力しない場合は「行を削除」で枠ごと削除してください。

YouTube動画

トップページの動画です。

SETTING→トップページ→YouTube動画

右下の「動画を追加」ボタンで入力欄が追加されます。YouTubeのIDを入力。

 

PRO版ではスライド式で表示することもできます。

フッター、スマホではメニューを開いたときのメニュー下にも各Sアイコンが表示されます。

フッター

 

スマホメニュー

 

SETTING→SNSリンク

URLを入力したアイコンのみ表示されます。

 

SETTING – GoogleAnalytics

グーグルアナリティクスを利用する場合に「G-」または「UA-」で始まるコードを入力します。

※All in One SEOなどのプラグインを追加して、そちらで設定する場合は、空白のままにしてください。
入力してしまうと二重で計測される可能性があります。

【参考】【今さら聞けない】Googleアナリティクスとは?導入手順から使い方まで5分で理解!

グローバルナビとはサイトのメインのメニュー部分です。

ここはWordPress標準の機能で編集いただけます。

外観→メニュー

 

デフォルトでは

  • HOME
  • ABOUT
  • LIVE
  • VIDEO
  • DISCOGRAPHY
  • MAIL MAGAZINE(PRO版のみ)
  • CONTACT

のメニューを用意しています。「メニューの位置」はグローバル。

 

例として外部にブログサイトがある場合、メニューに「BLOG」を追加してみます。
左側の「メニュー項目を追加」のカスタムリンクでURLとリンク文字列(メニュー名)を入力して「メニューに追加」。すると右側の「メニュー構造」に追加されます。
ドラッグで表示順を任意に決めて「メニューを保存」です。

 

また、外部リンクを別タブで開くようにしたい場合は、以下を参照ください。

【参考】グローバルメニューに外部リンクを追加、別タブで開きたい。

 

必要ないメニューは右側の矢印からメニューを開いて削除できます。

 

バージョン2.2.4.31よりサブメニューにも対応しました。
一段下げて副項目として登録することでサブメニューとして表示されます。

フッターにメニューを追加できます。

外観→メニュー→新しいメニューを作成しましょう。

 

任意のメニュー名を付けて
メニュー設定→フッターにチェック→メニューを作成

 

任意のメニューを追加→メニューを保存。

 

追加されました。

 

フォントについて

グローバルナビ、各ページの大見出しのフォントは英語の場合はの「Lato」、日本語の場合は「Noto Sans JP」に設定しております。

Googleフォント内のフォントであれば変更可能です。別途費用にて承りますのでご相談ください。

——————————————-