3: 2012-05-07 (月) 18:52:33 marine |
現: 2013-11-23 (土) 21:06:36 marine |
| **XOOPSって何? [#v653eeb1] | | **XOOPSって何? [#v653eeb1] |
| | | |
- | XOOPSは、「ズープス」って読みます。 | + | &ref(site://uploads/elfinder/mio_right.png,right,mw:260,mh:260);XOOPSは、「''ズープス''」って読みます。 |
| | | |
- | e&font(Red){''X''};tensible ''&font(Blue){O};''bject ''&font(Blue){O};''riented ''&font(Blue){P};''ortal &font(Blue){''S''};ystem の略で、直訳すると「拡張可能なオブジェクト指向ポータルシステム」なんだそうですが、これだけ聞くと「何のこと?」って思いますよね? | + | e&font(Red){''X''};tensible ''&font(Blue){O};''bject ''&font(''riented ''&font(Blue){P};''ortal &font(Blue){''S''};ystem の略で、直訳すると「拡張可能なオブジェクト指向ポータルシステム」なんだそうですが、これだけ聞くと「何のこと?」って思いますよね? |
| | | |
| | | |
| 簡単に説明すると、Webサイト全体を構築して、Web上でデータを作成したり、管理することができるシステムで、 | | 簡単に説明すると、Webサイト全体を構築して、Web上でデータを作成したり、管理することができるシステムで、 |
| &font(14pt){''ブログやニュース、カレンダーや予定表、画像アルバム、掲示板など''}; | | &font(14pt){''ブログやニュース、カレンダーや予定表、画像アルバム、掲示板など''}; |
- | 自分で好きな機能を追加して利用するができる、いわゆるコンテンツマネージメントシステム(CMS)と呼ばれるもので、そんな高機能なシステムが、なんと無料で使うことができるのです。 | + | 自分で好きな機能を追加して利用することができる、いわゆるコンテンツマネージメントシステム(CMS)と呼ばれるものなんです。 |
| + | そして、そんな高機能なシステムが、なんと無料で使うことができるのです。 |
| これって凄いですよね? | | これって凄いですよね? |
| | | |
| ※ XOOPSは、GPLというライセンスで作成されており、この規定に従うことで、無料で利用可能です。(ライセンスといっても、そんなに難しいものではなく、普通に使う分には何も問題はありません。個人だけではなく、商用サイトでも無料利用することができるんです。) | | ※ XOOPSは、GPLというライセンスで作成されており、この規定に従うことで、無料で利用可能です。(ライセンスといっても、そんなに難しいものではなく、普通に使う分には何も問題はありません。個人だけではなく、商用サイトでも無料利用することができるんです。) |
| + | &ref(site://uploads/elfinder/intro_002ss2.png,left,mw:60,mh:60); |
| + | &ref(site://uploads/elfinder/intro_003s.png,right,mw:80,mh:91);&font(120%){「ブログだったら、僕はもう使ってるよ!」}; |
| + | RIGHT:&font(120%){「私も Yaho○ ブログ使ってるし・・・」}; |
| #br | | #br |
- | 「ブログだったら、僕はもう使ってるよ!」 | + | #br |
- | 「私も Yaho○ ブログ使ってるし・・・」 | + | &ref(site://uploads/elfinder/intro_004s.png,left,mw:120,mh:120);はい。最近は、無料で使えるブログが沢山ありますよね。 |
- | | + | |
- | | + | |
- | はい。最近は、無料で使えるブログが沢山ありますよね。 | + | |
| | | |
| 確かに、利用ユーザーの多い有名ブログサイトを利用すると、お友達が出来たり、交流したりすることも出来るので、それはそれで良いと思います。 | | 確かに、利用ユーザーの多い有名ブログサイトを利用すると、お友達が出来たり、交流したりすることも出来るので、それはそれで良いと思います。 |
| | | |
| あなたのブログで、そんなことが、できますでしょうか? | | あなたのブログで、そんなことが、できますでしょうか? |
- | | |
| そして、そんなことが出来たら、楽しいと思いませんか? | | そして、そんなことが出来たら、楽しいと思いませんか? |
| | | |
| + | #br |
| + | &ref(site://uploads/elfinder/intro_005s.png,right,mw:60,mh:62); |
| + | RIGHT:「でも、ホームページビ○ダーで作ったページも、好きなデザインに変えられますよ~」 |
| | | |
- | 「いやいや、私のホームページビ○ダーで作ったページも、デザインを好きに変えられますよ~」 | + | #br |
| + | #br |
| + | &ref(site://uploads/elfinder/intro_006s.png,left,mw:127,mh:167);そうですね。 |
| | | |
- | | + | 確かに、従来型&font(10pt){&font(Silver){(あえて、こう言わせていただきますが)};};のホームページ作成ソフトで作ったページも、自由にデザインやレイアウト変更ができますね。 |
- | そうですね。 | + | |
- | | + | |
- | 確かに、従来型(あえて、こう言わせていただきますが)のホームページ作成ソフトで作ったページも、自由にデザインやレイアウト変更ができますね。 | + | |
| | | |
| | | |
| でも、全部のページを一気に同じデザインに変更することができますか? | | でも、全部のページを一気に同じデザインに変更することができますか? |
- | | |
| そのサイトを訪問してくれた方が、好きなデザインを選んで変更することって、できますか? | | そのサイトを訪問してくれた方が、好きなデザインを選んで変更することって、できますか? |
- | | |
| Web上で、あるページにブロックを追加して、好きな情報を表示したり、配置を変えたりなんてことが、できますか? | | Web上で、あるページにブロックを追加して、好きな情報を表示したり、配置を変えたりなんてことが、できますか? |
| | | |
| | | |
- | 「が、画像アルバムなら、僕のホームページにもあるよ!」 | + | &ref(site://uploads/elfinder/intro_007s.png,right,mw:60,mh:80); |
- | | + | RIGHT:「が、画像アルバムなら、僕のホームページにもあるよ!」 |
| + | #br |
| + | #br |
| + | &ref(site://uploads/elfinder/intro_008s.png,left,mw:120,mh:171); |
| う~ん、頑張ってますね。 | | う~ん、頑張ってますね。 |
| | | |
- | でも、Web上で画像のカテゴリ変更とか、カテゴリ別に表示したり、1ページあたりの表示枚数を変えたり、画像一覧のサムネイル画像の大きさを変更したり、なんて・・・できますか? | + | でも、Web上で画像のカテゴリ変更とか、カテゴリ別に表示したり、1ページあたりの表示枚数を変えたり、画像一覧のサムネイル画像の大きさを変更したり、なんてこと・・・できますか? |
| | | |
| | | |
| そうです。 | | そうです。 |
| + | &ref(site://uploads/elfinder/intro_009s.png,right,mw:120,mh:161); |
| &font(18pt,Red){''XOOPSを使うと、その全てが可能になるんです。''}; | | &font(18pt,Red){''XOOPSを使うと、その全てが可能になるんです。''}; |
| | | |
| | | |
| | | |
- | なお、ここで述べているXOOPSは、日本語環境に最適化された最新のXOOPS Cube Legacy2.2のことを言います。 | + | なお、ここで述べているXOOPSは、日本語環境に最適化された最新のXOOPS Cube Legacy2.2とそれをベースにしたディストリビューション XOOPS X (ten) のことを言います。 |
| + | #br |
| | | |
| *XOOPSなら「出来る」理由 [#z16244a5] | | *XOOPSなら「出来る」理由 [#z16244a5] |
| | | |
| &font(Blue,16pt){''XOOPSの特徴は、デザインと基本機能、拡張機能がそれぞれ独立している''};ことにあります。 | | &font(Blue,16pt){''XOOPSの特徴は、デザインと基本機能、拡張機能がそれぞれ独立している''};ことにあります。 |
| + | [[&ref(http://xoops123.com/uploads/thumbs/84.jpg,right,"t:",mw:,mw:);:http://xoops123.com/uploads/photos/84.jpg]] |
| 拡張機能は、モジュールと呼ばれるサーバー上で動くプログラムで、部品のようにユーザーが自由に選択して追加・削除することが出来るのです。 | | 拡張機能は、モジュールと呼ばれるサーバー上で動くプログラムで、部品のようにユーザーが自由に選択して追加・削除することが出来るのです。 |
| | | |
| | | |
| | | |
- | そう、&font(16pt){''&font(Blue){自分が使いたいモジュールやテーマをサーバに追加するだけで、あとはWeb上で全て変更可能};''};となる。これが、&font(16pt){''&font(Red){XOOPSの「出来る」理由};''};です。 | + | そう、&font(16pt){''&font(Blue){自分が使いたいモジュールやテーマをサーバに追加するだけで、あとはWeb上で全ての機能が変更可能};''};となる。これが、&font(16pt){''&font(Red){XOOPSの「出来る」理由};''};です。 |
| | | |
| | | |
| | | |
| | | |
- | ということで、&font(18pt){''&font(Red){今からXOOPSを始めるなら、[[XOOPS X (ten)]] を使いましょう。};''}; | + | ということで、&font(18pt){''&font(Red){今からXOOPSを始めるなら、[[XOOPS X (ten):http://xoops123.com/modules/xpwiki/index.php/XOOPS%E3%81%A7Web%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8D%E3%81%86/xoopsx]] を使いましょう。};''}; |
| | | |
| | | |
| | | |
| そうそう、あと少しで、ブラウザで表示した管理画面上から各種モジュールやテーマのインストールも可能となりますので、より一層便利になることでしょう。 | | そうそう、あと少しで、ブラウザで表示した管理画面上から各種モジュールやテーマのインストールも可能となりますので、より一層便利になることでしょう。 |
| + | |
| + | えっ? まだ判りにくいですか? |
| + | では、もう少し具体的に、特徴などを列記してみましょう。 |
| + | |
| + | **XOOPS X (ten) を使う 10(ten)の理由 [#h9d27f5c] |
| + | |
| + | 1 XOOPS X は、2011年から始まった新しい「草の根」ディストリビューションpack2011がさらに発展したもので、XOOPS使いのプロ達が厳選・メンテナンスを行った珠玉のモジュールが入っています。インストールもとっても簡単。 |
| + | |
| + | 2 XOOPS X を使うと、「お知らせ」「ブログ」「掲示板(フォーラム)」「画像ギャラリー」「Wiki」「静的ページ」「RSS情報集約ページ」「コミュニティ」「お問い合わせ」などが簡単インストールで使えます。 |
| + | |
| + | 3 XOOPS X は携帯・スマホに標準対応。PCだけじゃなく、スマホや携帯電話で表示や操作ができます。([[HypCommonFuncモジュール:http://xoops.hypweb.net/modules/xpwiki/156.html]]利用) [[HypCommonFuncの詳細はこちら:http://xoops.hypweb.net/modules/xpwiki/156.html]] |
| + | |
| + | 4 Web上でテーマを変えるだけで、サイト全体のデザインが簡単に変えられます。 |
| + | |
| + | 5 XOOPS X に標準で入っているレスポンシブウェブデザインのテーマは、あらゆるブラウザの表示幅に対応可能。大きな画面でも小さなディスプレイでも、ブラウザの幅を狭めてもスマホの画面でも、最適な表示を実現してくれます。 |
| + | |
| + | 6 XOOPS X に採用の [[xupdate:http://www.xugj.org/modules/xpwiki/?ModuleManuals%2FX-update]] モジュールを使うと、管理画面でモジュールの追加やアップデート、テーマの追加もできるので、とっても便利です。 [[xupdateの詳細はこちら:http://www.xugj.org/modules/xpwiki/?ModuleManuals%2FX-update]] |
| + | |
| + | 7 XOOPS X に採用の [[xelFider:http://xoops.hypweb.net/modules/xpwiki/6058.html]] モジュールを使うと、画像のアップロードが簡単、web上でサイズ変更なども可能。さらに異なるモジュールで投稿した既存画像を別のモジュールで使うこともできるので、投稿画像の有効活用ができます。 [[xelFinderの詳細はこちら:http://xoops.hypweb.net/modules/xpwiki/6058.html]] |
| + | |
| + | 8 [[HypCommonFunc:http://xoops.hypweb.net/modules/xpwiki/156.html]] + [[xelFinder:http://xoops.hypweb.net/modules/xpwiki/6058.html]] モジュールで、どこでも簡単にリッチなページ編集が可能です。(同封されている [[xpWiki:http://xoops.hypweb.net/modules/xpwiki/342.html]] モジュールを導入するとさらに幸せに・・・) |
| + | |
| + | 9 XOOPS X のブログモジュールは、簡単操作のものからWordpress同等の高度なものまで好みに応じて選び放題。Wordpress 同等の [[xpressMe:http://ja.xpressme.info/]] を使えば、Wordpress の機能や技も使い放題です。 |
| + | |
| + | 10 XOOPS X を使えば、会員制サイトも簡単構築。OpenIDなどによるログイン機能もあるので、ユーザーフレンドリーなサイトが作れます。 |
| + | |
| + | どうですか? ご理解いただけましたでしょうか? |
| + | え~? まだ? 具体的なサイトのイメージが湧かない? |
| + | |
| + | 了解しました。では、XOOPSで構築できるサイトのサンプルをベースに、実際の構築方法などをご説明することにしましょう。 |
| + | |
| + | #br |
| + | |
| + | **XOOPS X で「できる」サイトの具体例 [#qd9a3750] |
| | | |
| &font(16pt){''&font(Green){[[XOOPS X (ten)]]を使うと、こんなサイトが作れますよ~(o^^o)};''}; | | &font(16pt){''&font(Green){[[XOOPS X (ten)]]を使うと、こんなサイトが作れますよ~(o^^o)};''}; |
- | -&font(14pt){''ブログ+画像アルバム+掲示板''}; | + | -&font(14pt){''ブログ+画像アルバム+掲示板 [[サンプルサイトはこちら:http://blog.xoops123.com/]]''}; |
| + | -&font(14pt){''皆で投稿できる写真アルバム+写真ネタの交流サイト[[サンプルサイトはこちら:http://single-focus.info/]]''}; |
| -&font(14pt){''地域のコミュニティサイト''&font(10pt){(情報の発信、集約、意見交換など)};}; | | -&font(14pt){''地域のコミュニティサイト''&font(10pt){(情報の発信、集約、意見交換など)};}; |
| -&font(14pt){''○○ファンの集い''&font(10pt){(同上)};}; | | -&font(14pt){''○○ファンの集い''&font(10pt){(同上)};}; |
| -&font(14pt){''企業のポータルサイト''&font(10pt){(既存ページの置き換えも可能)};}; | | -&font(14pt){''企業のポータルサイト''&font(10pt){(既存ページの置き換えも可能)};}; |
- | -&font(14pt){''○○商店のホームページ''&font(10pt){(同上)};}; | + | -&font(14pt){''○○商店のホームページ''&font(10pt){(あ、「Webサイト」ですね。(^_^;) もちろん、既存ページの置き換えもできます。)};}; |
| -&font(14pt){''ファッションやアフィリエイトなどのサイト''}; | | -&font(14pt){''ファッションやアフィリエイトなどのサイト''}; |
| #br | | #br |
| 上記は、ほんの一例です。 | | 上記は、ほんの一例です。 |
- | まだまだ、色々なサイトを作ることができますし、既存のブログサイトと組み合わせて使うなんて方法も面白いでしょう。 | + | まだまだ、色々なサイトを作ることができますし、既存のブログと組み合わせて使うなんて方法も面白いでしょう。 |
| + | |
| + | でも、まずはサンプルサイトを見ていただき、どんなものができるかイメージしてくださいね。 |
| + | ということで1番手は、[[ブログ+画像アルバム+掲示板:http://blog.xoops123.com/]]のサイトサンプルをご覧下さい。[[サンプルサイトはこちら:http://blog.xoops123.com/]] |
| + | |
| + | **XOOPSを使おう! [#m9bd3bec] |
| + | |
| + | |
| + | [[インストールしよう~♪:http://xoops123.com/modules/pico/index.php?cat_id=9]] 総記事数:46 総サブカテゴリー数:3 |
| + | |
| + | [[XCLのデザイン変更:http://xoops123.com/modules/pico/index.php?cat_id=11]] 総記事数:4 総サブカテゴリー数:0 |
| + | |
| + | [[デザイナーの為のXOOPSマニュアル:http://xoops123.com/modules/pico/index.php?cat_id=6]] 総記事数:24 総サブカテゴリー数:3 |
| + | |
| + | **XOOPS 年表 [#n8aeff20] |
| | | |
- | でも、まずはサンプルサイトを見ていただき、どんなものができるかイメージしてくださいね。&font(10pt){(って、まだ作ってなかったりして・・・)}; | + | #ref(site://uploads/elfinder/XOOPS_JP_history.jpg,center,mw:600,mh:600) |