ページへ戻る

− Links

 印刷 

XOOPSでWebサイトを作ろう のバックアップの現在との差分(No.5) :: xoops123


« Prev[4]  Next »[5]
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)
« Prev[4]  Next »[5]