たまプラーザから始めるJoomla!入門-コンテンツ編②

Print

たまプラーザで始めるJoomla!入門。
今回はメニュー登録について学習していきましょうか。
このメニュー登録のお話も割と長くなるというか、少々面倒な感じです。

 

 

あ、吹き出しが変わってる。

 
そういうメタいこと言わないの。
Joomla!のテンプレートを変更したらスマホ版で画像途切れるの直ったんだけど、後々を考えたらCSSで吹き出しを入れた方が転送量も少なくなるし、サーバー容量を節約するのにも良いんだよ。 
もしCSSを学習したければ、次の2冊で勉強してみてください。
ただ、Joomla!は後述しますが、CSSカスタムによるデザイン変更って、あまり出来ないんですけどね。 

 

[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

書きながら覚えるHTML&CSS入門ワークブック [ さわだえり ]
価格:2646円(税込、送料無料) (2018/9/11時点)


 

 

 

 
 
一般的なホームページだと、メニューはグローバルナビメニュー、サイドメニューというものが使われますね。
Joomla!のテンプレートは一部がこれに加え、Offcanvasというメニューに対応しています。
Offcanvasはスマホ向けドロップダウンメニューとも呼べるようなもので、スマホ対策には使ったほうがいいメニューです。

ちなみにグローバルメニューっていうのはこういう奴です。
だいたいホームページの頭にきてるメニューと思えば良い。
Joomlaのグローバルメニュー

こんな感じ。
どのホームページにもついてるでしょ?

で、実は私も先日初めて見たんですが、Joomla!のメニューにはグローバルメニューやサイドメニューの他、offcanvasというものもあるんです。
offcanvasは主にスマホをターゲットにしたものです。
実は先日、Joomla!のWEBサイト構築案件があったんです。
で、Joomla3.8用のtemplateを入れて見てビックリ!
スマホ用サイトにグローバルメニューが無いんです。

Joomlaのグローバルメニューが無いスマホtemplate

この通り、グローバルメニューの消えたテンプレート。
よく見ると左側に三の字型の押すとこがあるでしょ?
これがoffcanvasというものなんです。

 Joomla-Modules

管理画面では『Modules』をクリックし、次の画面で『Search Tools』の真下のプルダウンメニューで『Menu』をクリックします。
Joomlaのメニュー割り当ての確認

するとこんな感じで、メニューの割り当てを確認できます。
今回はTopというタイトルのメニューがOffcanvasに割り当てられていることがわかりました。

モジュールメニューで各メニュー名をクリックするとこんな画面に行くんですが、右端のPosition真下のプルダウンをクリックすると、こうして配置を変えられます。

そしたら再びこの画面からTopを選択して、メニューセットの内容を決めます。
ちなみに『Main Menu』のところに🏠マークがついてるでしょ?
これがグローバルメニューに設定されている項目です。

このページについて説明すると、Menu Titleが実際に公開ページで表示される名前です。
普通のCMSだとカテゴリページがそのままメニューに並んだり、リンク名になったりするんだけど、Joomla!はこうして手動で設定します。
Menu item Typeでどんなページをリンク先に設定するのかを選択します。

で、こんな画面に遷移します。
Archived Articlesは個別記事。
よく使うのはCategory Listで、実際にメニューとして表示されるカテゴリページを設定します。

お、覚えることがめっちゃ多くない?
 
多いですよ?
Joomlandの住民はこうした作業を1つ1つ克服して、初めてコンテンツ更新できるようになるのです☆
私も途中、睡魔に襲われること6時間!
Joomla操作を覚えるのに襲われた睡魔の類型です。

もうこれでわからなかったら本読んで、と言いたいところですが、ほとんど洋書しかないんだよなぁ、Joomla。いや、一応Joomla!自体は日本語化できるんですけどね。日本じゃ全く流行ってないから・・・。 

Tags: