2011年09月09日 三輪 悠介

【実例】「科学技術振興機構様サイト」スライドショーやページ分割を管理画面でかんたんに

ツイート

科学技術振興機構（JST）サイトは、科学技術を中心に日本文化を発信するための中国人向けのポータルサイトです。
スライドショーや記事のページ分割などを管理画面からスライドショーや記事のページ分割などを管理画面から容易に行えるようにシステム構築いたしました。

科学技術振興機構（JST）サイトを制作するにあたり、クライアントが抱えていた問題点・その解決方法などを交えて、実例を紹介いたします。

1．記事を入力する記者が複数おり、簡単（間違わず）に記事の更新・編集作業ができるか

カスタムフィールドテンプレートを中心とした平易な入力フォーマットで対応することにより、HTMLの知識や操作マニュアルがなくても直感的に記事の更新や編集ができるようにいたしました。

2．テキスト記事だけでなく、画像や動画の掲載、スライドショーなどの投稿ができるか

独自プラグインの開発による機能実装により、容易に画像や動画の掲載が実現できるようになりました。下記に機能実装の一部を紹介いたします。

LightBox風スライドショーページを容易に作成

管理画面から記事に関連する画像を複数アップロードすると、記事ページの下部にアップロードした画像のサムネイルが追加されていきます。そのサムネイルをクリックすると、アップロードした画像のLightBox風スライドショーが開始されます。

LightBox風のスライドショーを動的に表示

1つの記事を複数ページに分割

長文を掲載する際にあったら便利な機能がページ分割です。管理画面の記事投稿ページに–nextpage–と入力すると、入力された箇所以降が次ページに表示されるようになります。

各記事をカテゴリ＋月別で表示

膨大にある記事に対して、あるジャンルの特定カテゴリだけを表示させることはもちろん、特定の月だけを表示できるようにすることで、過去の記事を容易に探すことができます。

3．制作がスタートして1ヶ月でフロントエンドの動作確認まで実現できるか（制作スピードの要求）

弊社と先方との作業分担・役割分担の徹底、弊社制作チームの連携による作業の効率化により、目標としていた先方の動作確認の日程に間に合わせることができ、ご満足いただけました。

WordPress Express ダウンロード

WordBeach名古屋で配布したフリーペーパーです。
下記よりPDFデータをダウンロードいただけます。

ダウンロードをする(約9.7 MB)