以前、顧客サポート用のウェブサイトを制作する際にいくつかのCMSを試しました。その時にインストールした Joomla をそのままにしていたのですが、今朝、Mobile-Joomlaの更新情報が届いたので試してみました。

まず、Joomlaのサイトを開いてみるとJoomla本体のバージョンが2.5にアップデートされています。インストール済みのバージョンは1.7だったので管理メニューから本体の更新を行いました。

更新時の注意点など詳細はこちら。
http://docs.joomla.org/Upgrading_from_an_existing_version

【更新方法】
http://docs.joomla.jp/Upgrading_from_an_existing_version/ja
1.7からのアップデートなので管理画面から簡単な操作でアップデートできました。
「エクステンション管理」ページを開いて「アップデート」タブをクリック。そして「更新を検索」をクリックすると一覧に本体の新しいバージョンが表示されますので、それを選んで「更新」ボタンをクリックするだけです。

実行後の「エクステンション管理」ページ

次にMobile-Joomlaのインストール。

Mobile-JoomlaのウェブサイトからMobile-Joomlaをダウンロードします。

http://www.mobilejoomla.com/

現在のバージョン：Mobile-Joomla.1.0.1.tar.gz
そして「エクステンション管理」ページを開きます。
今度は「インストール」タブを選んでダウンロードしたファイルを選択して
「アップロード＆インストール」ボタンをクリック。

これでインストール完了です。

試しにスマホでJoomlaのトップページを開いてみると、

このようにスマホ向けに変換されたページが表示されればOKです。

Mobile-Joomlaの設定は「コンポーネント」メニューの中にあります。

スマートフォン向けページにAdMobを組み込んでみようと思い、MobilePressのヘッダを編集してみたのですが、上手く行かず、他のツールを探してみたところ、WordPress Mobile Packを導入することで簡単に組み込めました。

1. WordPress Mobile Pack プラグインをインストール
   プラグインをインストールして有効にします。
2. 「外観」->「ウィジェット」を編集
   ウィジェットの一覧から「Mobile Ads」を選んで、例えば「Footer Area One」に設置します。
   そして、「Mobile Ads」のProviderで「AdMob」を選択し、
   あらかじめ取得しておいた「Publisher ID」を入力して保存します。
3. 「外観」->「Mobile Widgets」を編集
   「Footer Area One」のところで「Mobile Ads」をチェックします。

とりあえず組み込めたということで、それ以上の検証は行っていませんが参考になりましたら。
※設置した後で「Mobile Switcher」の設定画面で「Mobile theme」を切り替えたところ、
広告が表示されなくなることがありました。そのような場合はウィジェットを外して置きなおすと
良いかもしれません。