OpenPNE 技術サポートの坂田です。

2012年6月1日、新たに追加されたテクニカルガイドをご紹介していきます。

先月4月27日にリリースされました、OpenPNE3.8に関するガイドを2つ追加いたしました。
「最新日記ガジェットのスマートフォン表示」と「スマートフォンに対応している画面」を追加しました。
以下に記事の全文を紹介いたしますので、よろしければご覧ください。

最新日記ガジェットのスマートフォン表示

opDiaryPluginは2012/05/31現在、スマートフォン対応していません。
最新日記がある場合に、ガジェットでその旨を表示させるようにするために行う作業を本ガイドで紹介いたします。

1. plugins/opDiaryPlugin/config/ ディレクトリにスマートフォンのガジェットを記述する
下記ファイルに記述された内容で「管理画面＞デザイン設定＞ガジェット設定」のスマートフォン版のガジェットを追加することができます。

plugins/opDiaryPlugin/config/smartphone_community_gadget.yml
plugins/opDiaryPlugin/config/smartphone_footer_gadget.yml
plugins/opDiaryPlugin/config/smartphone_gadget.yml
plugins/opDiaryPlugin/config/smartphone_login_gadget.yml
plugins/opDiaryPlugin/config/smartphone_profile_gadget.yml

スマートフォン版ホーム画面ガジェットの場合は
plugins/opDiaryPlugin/config/smartphone_gadget.yml
に記述します。
※ lib/config/config/smartphone_gadget.yml こちらのファイルが参考にしてください。
例1: 日記のガジェットを追加する例として以下のように記述します。
plugins/opDiaryPlugin/config/smartphone_gadget.yml

diaryGadgetTest: 
  caption: 
    ja_JP: "日記ガジェットテスト" 

  description: 
    ja_JP: "日記ガジェットテストです" 
  component: [diary, smtDiaryTestBox] 

2. それぞれのガジェットのロジックを記述する

1.の例1のような記述をした場合は、下記の位置にガジェットのビューを追加します。
例2: plugins/opDiaryPlugin/apps/pc_frontend/modules/diary/actions/components.class.php

   public function executeSmtDiaryTestBox($request)
   {
      // TODO write logic
   }

3. ガジェット用のビューを追加する

plugins/opDiaryPlugin/apps/pc_frontend/modules/diary/templates/_smtDiaryTestBox.php
こちらのテンプレートにスマートフォン用のビューを記述します。

[3.8.0]スマートフォンに対応している画面

OpenPNE3.8で、スマートフォン版に対応しているページをご紹介します。
また、スマートフォンに対応していないページは、PC版が表示されます。
※ この記事は、2012/05/31の情報です。

ログイン画面とログアウト画面はスマートフォンに対応しています。

マイホームはスマートフォンに対応しています。
現時点で、マイホームに追加できるガジェットは

フリーエリア

のみです。
更に、opTimelinePluginを追加することで、opTimelinePluginのタイムラインをマイホームに表示させる事が可能です。

コミュニティは以下のページがスマートフォンに対応しています。

コミュニティトップ(http://SNSのURL/community/XXX)

コミュニティ編集(http://SNSのURL/community/edit?id=XXX)

コミュニティ検索(http://SNSのURL/community/search)

設定変更はすべてスマートフォンに対応しています。

設定変更(http://SNSのURL/member/config)

秘密の質問の設定(http://SNSのURL/member/config?category=secretQuestion)

スクリーンネーム設定(http://SNSのURL/member/config?category=timelineScreenName)

公開範囲設定(http://SNSのURL/member/config?category=publicFlag)

PCメールアドレス設定(http://SNSのURL/member/config?category=pcAddress)

携帯メールアドレス設定(http://SNSのURL/member/config?category=mobileAddress)

パスワード設定(http://SNSのURL/member/config?category=password)

アクセスブロック設定(http://SNSのURL/member/config?category=accessBlock)

メール設定(http://SNSのURL/member/config?category=mail)

※設定変更ページへの動線は、管理画面＞ナビゲーション設定＞スマートフォン版ナビ設定 にて、設定変更のナビゲーションを追加する必要があります。

1. 管理画面＞ナビゲーション設定＞スマートフォン版ナビ設定 へアクセス
2. 「smartphone_default」に以下のように入力します。
3. 追加 をクリックします。

URL :@member_config
項目名(en) :Settings(任意の半角英数字)
項目名(ja_JP):設定変更(任意の文字列)

メンバー検索はスマートフォンに対応しています。

プロフィール確認・プロフィール変更はスマートフォンに対応しています。

友人を招待するページはスマートフォンに対応しています。
※友人を招待するページへの動線は、管理画面＞ナビゲーション設定＞スマートフォン版ナビ設定 にて、設定変更のナビゲーションを追加する必要があります。

1. 管理画面＞ナビゲーション設定＞スマートフォン版ナビ設定 へアクセス
2. 「smartphone_default」に以下のように入力します。
3. 追加 をクリックします。

URL :@member_invite
項目名(en) :Invitation(任意の半角英数字)
項目名(ja_JP):友人を招待する(任意の文字列)

利用規約・プライバシーポリシーはスマートフォンに対応しています。

今回新たに追加した記事は、以上です。

「OpenPNE テクニカルガイド」とは？

お客さまからこれまでいただきましたお問い合わせの中で、特に多く寄せられるお問い合わせや、OpenPNE 開発元ならではの様々なノウハウなどを”ガイド”という形でお客さまにいつでも閲覧いただける目的で作られた、新しいサービスです。

これからも随時テクニカルガイドの更新を行い、更新情報をブログでお知らせしていく予定です。