Tags:

4人で記事を更新していくサイトをJoomla!でセッティングした不肖、センチュリー大橋。
新しいサイトを『たまプラーザ井戸端会議』と設定し、たまプラPC教室を開校することに致しました(※実教室はございません)。
さて、新たにオープンしたこのサイト、最初にやるのはJoomla!教室にしたいと思います。

無理やり入会させられたこの教室だけど、パソコンの話は聞いただけで眠くなりそう。
ジュウムラって何ですか。簡単なの?

 

Joomla!はブログのようにホームページを更新できるツールの1つだよ。
CMSと言って、CMSと言う単語はcontents management systemの頭文字をとった略称なの。
有名なCMSとしては、WordPressがありますね。 

そう。
Joomla!というのはCMSと呼ばれるものの1つです。
これ見てる人の中にはもしかしたら、ライブドアブログとかやった事ある人もいるかもしれないですね。
まぁアレもある意味でCMSの一種です。
世界的にはWordPressが最も使われていて、WEBシステムで動いているサイトの2つに1つはWordPressですね。
まぁWordPressって個人から企業まで広く使っていて、インストール出来ないレンタルサーバーっていうのは無いんで、個人のアフィリエイターあたりが結構シェアを伸ばしたんじゃないかな。

そうなんだ。
それで大橋さんはどうしてそのツールを選んだの?
あー、うん、それはね、大橋さんが面倒臭かったからですよ。
集まったライターさんがみんなテキスト納品を希望していたから、じゃあ外国製CMSを使いたかったんだけど、色々失敗した結果、惰性で行き着いたのが使い慣れたJoomla!です。
うわー、どっちにしてもライターの意思を無視して一方的に導入した「俺様スゲー」ツール何だね。

いや、そうは言ってもねぇ、アレだよ?
Joomla!は一応、世界で2番目に流通したCMSなんです。
まぁ、シェアは12%とWordPressに比べればかなり見劣りするんですが、欧州では人気のあるツールだと言われています。
Joomla!の語源はスワヒリ語のJumlaであると言われていて、一斉にとか、全体としてという意味が込められているそうです。
Joomla!インストール

まぁね、Joomla!っていうツールはなかなかクセのあるツールでして、使いこなせれば超強いCMSである反面、使いこなすまでが大変なんですよ。
そういうのを踏まえてね、Joomla!の学習を始めていきましょう。
つか、この記事アップする段階で、スマホサイトのヘッダーがLT Real estateのまんまだわ・・・。

 


 


 

MacBookAir2014

はい。
じゃあ今回はたまプラーザから始めるJoomla!入門の2回目ですね。
Joomla!は世界で2番目にシェアの高いCMSですから、広まるからには広まる理由があるんです。理由は知らんけど。
1番シェアが高いのは言うまでもなくWordPressで、3番目はDrupal。ちなみに大橋はDrupalから入りました。
2番目に触ったCMSが国産のbaserCMSで、3番目がJoomla!なんですね。
と言うわけではい。実はWordPressは一度も触ったことがありません!
多分、今後もWordPressに興味持つことはなさそうです。

取り敢えず大橋さんがひねくれた性格の持ち主であることはわかりました。
要はアレでしょ?
「みんなと違う俺カッコいー☆」って論理でしょ?

そう。みんなと違う俺カッコいい!
ってそうじゃありません。
そもそも私のCMS研究は、法人で使えるCMS目当てがスタート地点なんです。
いいですか?
Joomla!は世界で2番目にシェアがあるんですよ?
個人のアフィリエイターでシェアを稼ぎまくってるWordPressとは違うんです!
だいたいJoomla!ならではの良さが無しに、シェアなんか伸ばせませんって!

Joomla!のここが凄い

Joomla!には大きな利点が3つあります。

①HTMLやCSSの知識がなくても結構良いのが作れる
②最初から必要な機能がほぼ全て詰まっている
③必要な機能は直ぐに導入できる

まず①の利点ですが、Joomlaはテンプレートを作るデザイナーが世界中にいます。
良いテンプレートなんかいくらだって手に入るのです。
なので、HTMLやCSSができなくったって、それなりに良いサイトを作れちゃうんです。
次に最初から必要な機能がほぼ揃っていること。そもそも語源のJumlaがスワヒリ語の「全体的に」を意味するんです。最初から必要な機能が詰まってるんですよ。簡易な身内用サイトも作れる(と言っても会員用のマイページを作る機能まではない)んです。
あと、ツイッターカードは後から追加した機能ですが、コレも直ぐ導入できます。
世界中に開発者がいるんで、新機能導入も苦労はしないでしょう。
てか、他のCMSだと国産ですら、そこそこHTMLやCSSスキルは要求されるんです。デザイン編集にあたっては。
その負担は軽減できるのって、結構良いことなんですよ。

Joomla!の欠点

一方、Joomla!には2点の欠点があります。

①操作が複雑
①操作が複雑!
②記事中にJavaScroptを貼れない

はい。①は大事なことなので2回言いました。
Joomla!は操作が難しく、ツールを覚えるのが大変なんです。
最初はメニューとカテゴリの設定で躓きます。
あと、エディタ上からJavaScriptを貼れません。
クリック型広告なんかはJavaScriptを貼るものが多く、そう言った意味ではJoomla!はブロガー向けではないですね。

ブログのように記事を書けることが必ずしもブログとして使えるわけじゃなりません。
Joomla!は法人向けツールで、小規模個人向けのブログにはあまり適していないです。
Joomla!の強みはコンテンツを体系化しやすいことで、学術サイトでは本領発揮できそうです。
MacBookAir2014

たまプラーザから始めるパソコン教室Joomla!入門。
ここからはコンテンツの作り方について説明していきます。
てか、ここからがJoomla!の難しいところなのよ。
Joomla!のコンテンツに関する考え方は、メニュー、カテゴリ、記事の3つがあって、それらをどう紐づけするか。
他のCMSだと自動でできる要素も、Joomla!はある程度手動でやってかないといけないんです。
特に最初のなれない内は、メニューの登録の仕方で躓くんですよ。
とりあえず最初はアレですかね。カテゴリ登録の仕方を押さえるのが良いのかなぁ。

 
Joomla!のコンテンツ管理の根っこと言って良いですもんね。カテゴリ登録。 
 

 根っこと言えるかはともかくとして、カテゴリ登録を覚えないと何も始まらない気はするのが確かなのよね。
Joomla!は主に体系化に優れたCMSなんだけど、最初私が躓いた要素って、カテゴリもまた単一記事として機能しちゃうのが難しいとこなのね。
Joomlaのカテゴリページ

これがJoomlaのカテゴリページ。
ほんと、なんの変哲もない構成で、これだけなら他のCMSでも似たような構成になってると思うんだよね、多分。

Joomlaカテゴリページ編集画面

で、これがJoomla!のカテゴリページ編集画面。
Articleっていうのが要は記事を指す言葉なんですけど、見ての通りカテゴリページ自体が単一の記事ページとして機能しちゃうんですよ。
ここがJoomla!のややこしい要素の1つ。

 
ていうか間桐桜が好きなんですね。
たまプラのマダムの言うこともわかりますわー。
明らかに女難の相ですわー。
どう考えても女難の相ですわー。 
 
[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

1000ピースジグソーパズル『劇場版「Fate/stay night[Heaven's Feel]」A』
価格:2350円(税込、送料別) (2018/9/11時点)


 

初代Fateの武内先生のキャラと言えばもう少し角ばっていた感じだったんですが、なんですか今のこのヒロインっぷりは!
とか、言いつつ話を続けます。

この編集画面、WYSIWYGエディタって呼ばれるブログ型CMSの典型的な画面なんですが、単一記事編集画面も全く似た画面が出てくる。
ここで初めに混乱します。
あくまで私の場合なんですけど、カテゴリページは記事欄を空白にしたまま登録することが多いです。
カテゴリページを登録しておけば、その下に紐づく個別記事は自動的にタイトルがリスト化されますので、あまりカテゴリページに何かを書き込む必要はないんですよ。
ただ、カテゴリページはメニューに登録するページとして後々役に立ちます。
もちろんカテゴリページの記事に何かを書いても良いのですが、Joomla!に慣れない内はカテゴリページに何か記事を書く必要はないでしょう。


 

それでは『たまプラーザから始めるJoomla!入門』の3回目、インストールを始めてみたいと思います。
最初に必要なものですが、Joomla!をインストールするには、パワフルなFTPソフトをご準備ください。

 

パワフルなFTPソフト?
なんか大容量の通信でも発生するの?

​

 

はい。Joomlaのアップロードするファイルは約7800!
大橋さんは元々WindowsRT使ってましたが、このエクスプローラでFTP転送やると、普通に5時間とか掛かります。
WindowsRT、知っていたらリツイート(RT)!

 

ちなみにJoomla!のアップロードにかかる通信量は約60MBです。 
この記事を書いたセンチュリー・大橋は記事を書いた段階では、Next-mobileの30GBプランに契約しています。
Next-mobileは電波が安定していて、速度も良好。さすがソフトバンクのLTE電波網。しかし・・・。 

50GBを契約しとくべきだった!!
Next-mobileは途中で料金プランの変更が出来ないので、30GBだとJoomlaのインストールが一回失敗するごとに、意外とヒヤヒヤします。

Joomla!公式サイトから、Joomla! Full Packageをダウンロードし、解凍しましょう。
解凍したら、FTPソフトを起動し、サーバーと接続してください。
なお、Macでアップロードに使うソフトですが、Forkliftだと一部ファイルのアップロードに失敗します。

JoomlaをアップロードしたURLへアクセスしましょう。
WEBインスト―ラーが立ち上がります。

DBの設定。
ロリポップの場合コントロールパネルの「サーバーの管理・設定」より「データベース」という項目があります。
データベースホスト、ユーザー名、DB設定のパスワードとデータベース名を使います。
installationフォルダ内の「_Joomla●●●●●●●●.txt」の削除も求められますので、レンタルサーバーに入って削除しておく必要があります。
ここまでくればほぼ終わったようなもんです。
最後の最後でinstallationフォルダそのものを削除する工程がありますが、システムでワンポチすれば勝手にやってくれるので、もうあとはそのまま使えます。

ちなみにJoomala!のユーザー名ですが、なんと日本語を設定できます!
そう。
姫丸鰹節虫でも三共摂津でも思いのまま!

そう。ヒメマルカツオブシムシなんてアカウントを作ったら、マジでそれでログインできちゃいます。

ちなみにコレ、ロリポップ! での手順なんで、他のサーバーでキチンとインストールできるかは、やってみないとわかりません。
一部で簡単インストールに対応したサーバーはありますね。

たまプラーザで始める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!自体は日本語化できるんですけどね。日本じゃ全く流行ってないから・・・。 

Subcategories

Joomla!を用いたソリューションについてご案内いたします。

Page 1 of 2