5: 2012-05-27 (日) 15:23:39 marine[6] [7] | 現: 2013-11-23 (土) 21:06:36 marine[6] [8] | ||
---|---|---|---|
Line 5: | Line 5: | ||
**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 の略で、直訳すると「拡張可能なオブジェクト指向ポータルシステム」なんだそうですが、これだけ聞くと「何のこと?」って思いますよね? |
Line 17: | Line 17: | ||
※ 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);はい。最近は、無料で使えるブログが沢山ありますよね。 |
- | + | ||
- | + | ||
- | はい。最近は、無料で使えるブログが沢山ありますよね。 | + | |
確かに、利用ユーザーの多い有名ブログサイトを利用すると、お友達が出来たり、交流したりすることも出来るので、それはそれで良いと思います。 | 確かに、利用ユーザーの多い有名ブログサイトを利用すると、お友達が出来たり、交流したりすることも出来るので、それはそれで良いと思います。 | ||
Line 42: | Line 42: | ||
そして、そんなことが出来たら、楽しいと思いませんか? | そして、そんなことが出来たら、楽しいと思いませんか? | ||
- | 「いやいや、私のホームページビ○ダーで作ったページも、デザインを好きに変えられますよ~」 | + | #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){(あえて、こう言わせていただきますが)};};のホームページ作成ソフトで作ったページも、自由にデザインやレイアウト変更ができますね。 | 確かに、従来型&font(10pt){&font(Silver){(あえて、こう言わせていただきますが)};};のホームページ作成ソフトで作ったページも、自由にデザインやレイアウト変更ができますね。 | ||
Line 54: | Line 58: | ||
- | 「が、画像アルバムなら、僕のホームページにもあるよ!」 | + | &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を使うと、その全てが可能になるんです。''}; | ||
Line 70: | Line 76: | ||
- | なお、ここで述べているXOOPSは、日本語環境に最適化された最新のXOOPS Cube Legacy2.2のことを言います。 | + | なお、ここで述べているXOOPSは、日本語環境に最適化された最新のXOOPS Cube Legacy2.2とそれをベースにしたディストリビューション XOOPS X (ten) のことを言います。 |
#br | #br | ||
Line 76: | Line 82: | ||
&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]] | ||
拡張機能は、モジュールと呼ばれるサーバー上で動くプログラムで、部品のようにユーザーが自由に選択して追加・削除することが出来るのです。 | 拡張機能は、モジュールと呼ばれるサーバー上で動くプログラムで、部品のようにユーザーが自由に選択して追加・削除することが出来るのです。 | ||
Line 95: | Line 101: | ||
- | ということで、&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]] を使いましょう。};''}; |
Line 104: | Line 110: | ||
そうそう、あと少しで、ブラウザで表示した管理画面上から各種モジュールやテーマのインストールも可能となりますので、より一層便利になることでしょう。 | そうそう、あと少しで、ブラウザで表示した管理画面上から各種モジュールやテーマのインストールも可能となりますので、より一層便利になることでしょう。 | ||
- | ということで、XOOPSで構築できるサイトのサンプルをベースに、実際の構築方法などをご説明することにしましょう。 | + | えっ? まだ判りにくいですか? |
+ | では、もう少し具体的に、特徴などを列記してみましょう。 | ||
+ | |||
+ | **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 | #br | ||
+ | **XOOPS X で「できる」サイトの具体例 [#qd9a3750] | ||
&font(16pt){''&font(Green){[[XOOPS X (ten)]]を使うと、こんなサイトが作れますよ~(o^^o)};''}; | &font(16pt){''&font(Green){[[XOOPS X (ten)]]を使うと、こんなサイトが作れますよ~(o^^o)};''}; | ||
-&font(14pt){''ブログ+画像アルバム+掲示板 [[サンプルサイトはこちら:http://blog.xoops123.com/]]''}; | -&font(14pt){''ブログ+画像アルバム+掲示板 [[サンプルサイトはこちら:http://blog.xoops123.com/]]''}; | ||
- | -&font(14pt){''皆で投稿できる写真アルバム+写真ネタの交流サイト''}; | + | -&font(14pt){''皆で投稿できる写真アルバム+写真ネタの交流サイト[[サンプルサイトはこちら:http://single-focus.info/]]''}; |
-&font(14pt){''地域のコミュニティサイト''&font(10pt){(情報の発信、集約、意見交換など)};}; | -&font(14pt){''地域のコミュニティサイト''&font(10pt){(情報の発信、集約、意見交換など)};}; | ||
-&font(14pt){''○○ファンの集い''&font(10pt){(同上)};}; | -&font(14pt){''○○ファンの集い''&font(10pt){(同上)};}; | ||
Line 122: | Line 157: | ||
でも、まずはサンプルサイトを見ていただき、どんなものができるかイメージしてくださいね。 | でも、まずはサンプルサイトを見ていただき、どんなものができるかイメージしてくださいね。 | ||
+ | ということで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] | ||
+ | |||
+ | #ref(site://uploads/elfinder/XOOPS_JP_history.jpg,center,mw:600,mh:600) |
(This host) = https://xoops123.com