マニュアル

テーマ「Public Organization」の特長と使い方

アクセシビリティを考慮したサイトに最適なテーマ「Public Organization」

テーマ「Public Organization」は、サイトにアクセスした誰もが、必要な情報を支障なく受信できるように考慮するWebアクセシビリティのガイドラインに沿って作られたテーマとなっています。公共団体や自治体サイトから企業サイトまで、アクセシビリティを重視するサイトに最適です。

Public Organizationイメージズ

特長

  • タイトルやメニューの一覧など重複しているものは、スクリーンリーダーや音声ブラウザでは読み飛ばすようにタグで指定されている
  • 文字サイズを絶対サイズではなく、相対サイズで指定しているため、ブラウザで拡大することが可能
  • フォルダとウェブページ、カテゴリと記事を追加するだけで、テンプレートを編集することなくメニューやページを追加可能
  • デフォルトで追加されているカスタムフィールドによって、特定の記事を簡単にトップページにピックアップとして表示することが可能
  • メインイメージの変更やバナー画像の表示などもカスタムフィールドで可能
  • Googleカスタム検索(サイト内検索)はIDを入力するだけで設置可能
  • サイトマップが自動的に生成されるため抜けがない
  • デザインのメインカラーなどは、設定を一箇所変えるだけで変更可能 

Public Organization テーマの使い方

■ページを作成するだけでメニューを自動的に追加

フォルダとウェブページ、カテゴリと記事を追加すると自動的に上部メニューが追加されます。階層化されたフォルダにも対応しています。

■テーマ標準の画像等を変更する

テーマが利用している以下のファイルは、デザイン>ファイルマネージャのimagesフォルダにあるので、必要に応じて差し替えてください。

  • favicon.ico タブやブックマーク時に表示されるアイコンです。
  • logo.png ページ左上のサイトのタイトルになるロゴ画像です。
  • noimage-s.jpg 記事やウェブページで画像がない場合に標準で表示される画像です。
  • ogimage.png 記事やウェブページで画像がない場合にFacebookなどで標準で表示される画像です。

■configモジュールでソーシャルボタンの表示非表示やメインカラーを変更する

デザイン>テンプレートのテンプレート・モジュール内のconfigモジュールで以下を変更できます。

  • 全ページ共通のメタキーワード
  • メインカラー(その上にのるテキストカラー)、サブカラー
  • Google カスタム検索で設定したID
  • ニュースの1ページの表示件数
  • Facebook の AppID やツイートに含める Twitter のアカウント情報
  • ソーシャルボタンを表示する場合は 1 を、表示しない場合は 0 を指定

カスタムフィールドによる機能

Informationモジュールにバナーリンクを表示

サイドバーに必ず表示されるinformationモジュールにバナーを簡単に設置可能です。altには画像のラベルが入ります。
・アイテム:バナー画像の表示と並び順
・アイテム:バナー画像の飛び先のURL

重要なお知らせとして表示

トップページで重要なお知らせとして表示したい記事の場合にチェックを入れるだけで表示することができます。
・記事:重要なお知らせ

フォルダのトップページに設定

フォルダ配下にウェブページを作る際に例えばindex.htmlにし、これにチェックを入れると本文と追記の下に同じ階層のウェブページと配下のフォルダとウェブページをブロックとして表示します。
フォルダのindexページになります。
・ウェブページ:フォルダのトップページにする

フッターメニューのウェブページを指定

フッターにのみ表示したいウェブページの場合にチェックを入れます。
・ウェブページ:フッターメニューにのみ表示

ウェブページのメインイメージの指定

ウェブページのサムネイルに使う画像を指定します。
・ウェブページ:メインイメージ

記事のメインイメージの指定

記事のサムネイルやOGP画像を指定します。
・記事:メインイメージ

メインイメージの指定

トップページのメインイメージを指定します。ラベルと説明がそのまま使われ、配下のヘッダーの背景画像にも使われます。
・アイテム:トップページメインバナー

ウェブページに関連するカテゴリの記事を表示

ウェブページに関連するカテゴリの記事を表示したい場合に指定します。選択できるカテゴリはカスタムフィールド>一覧から関連ニュースを表示をクリックして詳細ページを表示し、オプションにカンマ区切りで追加します。
・ウェブページ:関連ニュースを表示

トップページに表示

トップページのメインイメージの下に最大3つまで表示できます。表示したいウェブページでチェックを入れます。
・ウェブページ:トップページに表示

Movable Type.net は無料トライアルが可能です。
Web制作者の方で、デモや評価利用をご希望の場合は、制作者向け評価ライセンスをご利用ください。

無料トライアル 資料ダウンロード 制作者向け評価ライセンス