XOOPSでWebサイトを作ろう のバックアップソース(No.7) :: xoops123

• 差分^[1] を表示
• 現在との差分^[2] を表示
• XOOPSでWebサイトを作ろう^[3] へ行く。

*XOOPSでWebサイトを作ろう [#t5964539]

  ホームページという言い方をよく耳にしますけど、これはひとつのサイトのトップページを指す場合とサイト全体を言う場合がありますので、ちょっと混乱してしまいます。なので、サイト全体のことはWebサイトと呼んだ方が良いでしょうね。

**XOOPSって何？ [#v653eeb1]

XOOPSは、「ズープス」って読みます。

e&font(Red){''X''};tensible ''&font(Blue){O};''bject ''&font(Blue){O};''riented ''&font(Blue){P};''ortal &font(Blue){''S''};ystem の略で、直訳すると「拡張可能なオブジェクト指向ポータルシステム」なんだそうですが、これだけ聞くと「何のこと？」って思いますよね？


簡単に説明すると、Webサイト全体を構築して、Web上でデータを作成したり、管理することができるシステムで、
　　&font(14pt){''ブログやニュース、カレンダーや予定表、画像アルバム、掲示板など''};
自分で好きな機能を追加して利用することができる、いわゆるコンテンツマネージメントシステム（CMS）と呼ばれるものなんです。
そして、そんな高機能なシステムが、なんと無料で使うことができるのです。
これって凄いですよね？

  ※ XOOPSは、GPLというライセンスで作成されており、この規定に従うことで、無料で利用可能です。（ライセンスといっても、そんなに難しいものではなく、普通に使う分には何も問題はありません。個人だけではなく、商用サイトでも無料利用することができるんです。）
#br
　「ブログだったら、僕はもう使ってるよ！」
　「私も Yaho○ ブログ使ってるし・・・」


はい。最近は、無料で使えるブログが沢山ありますよね。

確かに、利用ユーザーの多い有名ブログサイトを利用すると、お友達が出来たり、交流したりすることも出来るので、それはそれで良いと思います。


また、自分専用のブログサイトを作りたい場合には、WordpressやMovableTypeなどを使って、構築されている方もいらっしゃることと思います。


でも、知り合いやお友達などが自由に意見を交換できるような、掲示板機能は使えますか？

画像をアップロードして綺麗な写真アルバム集を作ったり、予定表を掲載したり、お知らせを通知したり、好きなサイトの色々な更新情報を集めて新聞や雑誌のようなページを作ったり、Wikipediaみたいなページを作ったり、レイアウトを自由に変えたり、デザインを編集して自分の好きな表示にしたり・・・
また、地域のコミュニティサイトとか会員制のサークル専用サイト、会員用のページを作ったり、SNSのようなサイトを作ったり・・・


さらに、それぞれのページにコメント欄をつけて、掲示板で統合表示できるような機能などなど・・・


あなたのブログで、そんなことが、できますでしょうか？
そして、そんなことが出来たら、楽しいと思いませんか？

　「いやいや、私のホームページビ○ダーで作ったページも、デザインを好きに変えられますよ～」

そうですね。

確かに、従来型&font(10pt){&font(Silver){（あえて、こう言わせていただきますが）};};のホームページ作成ソフトで作ったページも、自由にデザインやレイアウト変更ができますね。


でも、全部のページを一気に同じデザインに変更することができますか？
そのサイトを訪問してくれた方が、好きなデザインを選んで変更することって、できますか？
Web上で、あるページにブロックを追加して、好きな情報を表示したり、配置を変えたりなんてことが、できますか？


　「が、画像アルバムなら、僕のホームページにもあるよ！」


う～ん、頑張ってますね。

でも、Web上で画像のカテゴリ変更とか、カテゴリ別に表示したり、１ページあたりの表示枚数を変えたり、画像一覧のサムネイル画像の大きさを変更したり、なんてこと・・・できますか？


そうです。

&font(18pt,Red){''XOOPSを使うと、その全てが可能になるんです。''};


もちろん、簡単なものから、高度な技術を必要とするカスタマイズまで、色々な選択肢がありますが、これから説明するのは、ごく基本的かつ簡単に、これらを実現する方法です。


なお、ここで述べているXOOPSは、日本語環境に最適化された最新のXOOPS Cube Legacy2.2とそれをベースにしたディストリビューション XOOPS X (ten) のことを言います。
#br

*XOOPSなら「出来る」理由 [#z16244a5]

&font(Blue,16pt){''XOOPSの特徴は、デザインと基本機能、拡張機能がそれぞれ独立している''};ことにあります。
[[&ref(http://xoops123.com/uploads/thumbs/83.jpg,right,"t:",mw:,mw:);:http://xoops123.com/uploads/photos/83.jpg]]
拡張機能は、モジュールと呼ばれるサーバー上で動くプログラムで、部品のようにユーザーが自由に選択して追加・削除することが出来るのです。

デザインは、テーマと呼ばれるディレクトリ単位のデザインセットを追加することで、管理者が管理画面で選択して表示設定したり、テーマ選択ブロックを画面上に表示させてユーザーに選択できるようにしておくと、閲覧したユーザーが自由にテーマを選ぶことが出来るようになったります。


そう、&font(16pt){''&font(Blue){自分が使いたいモジュールやテーマをサーバに追加するだけで、あとはWeb上で全ての機能が変更可能};''};となる。これが、&font(16pt){''&font(Red){XOOPSの「出来る」理由};''};です。


モジュールやテーマは、それぞれXOOPSのベーシックなパッケージに元から入っているものもあります。
でも、入っているモジュールはごく基本的なものだけですので、何かしようと思ったら他のモジュールをインストールする必要があります。
テーマも、「いかにもXOOPS」的なものが数点しかありませんので、それが気に入らなければテーマを探してきて追加しなくてはいけません。


モジュールやテーマは、それぞれ作者様のページなどからダウンロードするのですが・・・

ちょっと面倒ですよね？


ということで、&font(18pt){''&font(Red){今からXOOPSを始めるなら、[[XOOPS X (ten）]]　を使いましょう。};''};


XOOPS使いのプロ達が厳選、メンテナンスしたモジュールが沢山入っていますし、何より今現在もプロジェクトがどんどん進行中の「旬」なパッケージですので、安心して使うことができます。

さらに、今流行のレスポンシブウェブデザインに対応したテーマを始め、各種テーマも入っています。

そうそう、あと少しで、ブラウザで表示した管理画面上から各種モジュールやテーマのインストールも可能となりますので、より一層便利になることでしょう。

えっ？　まだ判りにくいですか？
では、もう少し具体的に、特徴などを列記してみましょう。

**XOOPS X (ten) を使う １０(ten)の理由 [#h9d27f5c]

１　XOOPS X は、2011年から始まった新しい「草の根」ディストリビューションで、XOOPS使いのプロ達が選んだ珠玉のモジュールが入っています。インストールもとっても簡単。

２　XOOPS X を使うと、「お知らせ」「ブログ」「掲示板（フォーラム）」「画像ギャラリー」「Wiki」「静的ページ」「RSS情報集約ページ」「コミュニティ」「お問い合わせ」などが標準装備、簡単設定で使えます。

３　XOOPS X は携帯・スマホに標準対応。PCだけじゃなく、スマホや携帯電話で表示や操作ができます。（[[HypCommonFuncモジュール:http://xoops.hypweb.net/modules/xpwiki/156.html]]利用）　[[HypCommonFuncの詳細はこちら:http://xoops.hypweb.net/modules/xpwiki/156.html]]

４　Web上でテーマを変えるだけで、サイト全体のデザインが簡単に変えられます。

５　XOOPS X に標準で入っているレスポンシブウェブデザインのテーマは、あらゆるブラウザの表示幅に対応可能。大きな画面でも小さなディスプレイでも、ブラウザの幅を狭めてもスマホの画面でも、最適な表示を実現してくれます。

６　XOOPS X に近日採用予定の [[xupdate:http://www.naaon.com/modules/dblog1/index.php?page=detail&bid=485&req_uid=2&mode=category&cid=10009]] モジュールを使うと、管理画面でモジュールの追加やアップデート、テーマの追加もできるので、とっても便利です。　[[xupdateの詳細はこちら:http://www.naaon.com/modules/dblog1/index.php?page=detail&bid=485&req_uid=2&mode=category&cid=10009]]

７　XOOPS X に近日採用予定の [[xelFider:http://xoops.hypweb.net/modules/xpwiki/6058.html]] モジュールを使うと、画像のアップロードが簡単、web上でサイズ変更なども可能。さらに異なるモジュールで投稿した既存画像を別のモジュールで使うこともできるので、投稿画像の有効活用ができます。　[[xelFinderの詳細はこちら:http://xoops.hypweb.net/modules/xpwiki/6058.html]]

８　[[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]] モジュールを導入するとさらに幸せに・・・）

９　XOOPS X のブログモジュールは、簡単操作のものからWordpress同等の高度なものまで好みに応じて選び放題。Wordpress 同等の [[xpressMe:http://ja.xpressme.info/]] を使えば、Wordpress の機能や技も使い放題です。

１０　XOOPS X を使えば、会員制サイトも簡単構築。OpenIDなどによるログイン機能もあるので、ユーザーフレンドリーなサイトが作れます。

どうですか？　ご理解いただけましたでしょうか？
え～？　まだ？　具体的なサイトのイメージが湧かない？

了解しました。では、XOOPSで構築できるサイトのサンプルをベースに、実際の構築方法などをご説明することにしましょう。

#br

**XOOPS X で「できる」サイトの具体例 [#qd9a3750]

&font(16pt){''&font(Green){[[XOOPS X (ten）]]を使うと、こんなサイトが作れますよ～(o^^o)};''};
-&font(14pt){''ブログ＋画像アルバム＋掲示板　[[サンプルサイトはこちら:http://blog.xoops123.com/]]''};
-&font(14pt){''皆で投稿できる写真アルバム＋写真ネタの交流サイト''};
-&font(14pt){''地域のコミュニティサイト''&font(10pt){(情報の発信、集約、意見交換など）};};
-&font(14pt){''○○ファンの集い''&font(10pt){（同上）};};
-&font(14pt){''企業のポータルサイト''&font(10pt){(既存ページの置き換えも可能）};};
-&font(14pt){''○○商店のホームページ''&font(10pt){（あ、「Webサイト」ですね。(^_^;)　もちろん、既存ページの置き換えもできます。）};};
-&font(14pt){''ファッションやアフィリエイトなどのサイト''};
#br
上記は、ほんの一例です。
まだまだ、色々なサイトを作ることができますし、既存のブログと組み合わせて使うなんて方法も面白いでしょう。

でも、まずはサンプルサイトを見ていただき、どんなものができるかイメージしてくださいね。
ということで1番手は、[[ブログ＋画像アルバム＋掲示板:http://blog.xoops123.com/]]のサイトサンプルをご覧下さい。[[サンプルサイトはこちら:http://blog.xoops123.com/]]

• XOOPSでWebサイトを作ろう のバックアップ一覧^[6]
• XOOPSでWebサイトを作ろう のバックアップソース(No. All)
  • 1: 2012-05-07 (月) 13:19:26^[7] marine^[8]
  • 2: 2012-05-07 (月) 14:00:42^[9] marine^[8]
  • 3: 2012-05-07 (月) 18:52:33^[10] marine^[8]
  • 4: 2012-05-07 (月) 23:48:55^[11] marine^[8]
  • 5: 2012-05-27 (日) 15:23:39^[12] marine^[8]
  • 6: 2012-05-28 (月) 09:23:47^[13] marine^[8]
  • 7: 2012-05-31 (木) 10:13:43 marine^[8]
  • 8: 2012-05-31 (木) 18:16:08^[14] marine^[8]
  • 9: 2012-07-19 (木) 13:05:30^[15] marine^[8]
  • 10: 2012-08-31 (金) 13:56:43^[16] marine^[8]
  • 11: 2013-01-03 (木) 11:49:56^[17] marine^[8]
  • 12: 2013-01-03 (木) 15:08:00^[18] marine^[8]
  • 13: 2013-01-07 (月) 08:04:59^[19] marine^[8]
  • 14: 2013-01-17 (木) 08:36:53^[20] marine^[8]
  • 15: 2013-10-14 (月) 18:37:34^[21] marine^[8]
  • 現: 2013-11-23 (土) 21:06:36^[22] marine^[8]