LightBoxプラグインの設置場所

http://junnama.alfasado.net/online/2009/06/lightbox.html

MTのMTOS版でサイトを作っています。
上記のプラグインを使いたいのですが、ダウンロードしたファイルは、FTPのどのディレクトリーに入れれば良いのでしょうか?

わかる方お願いします。

回答の条件
  • 1人2回まで
  • 登録:
  • 終了:2011/08/10 04:46:41
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:rouge_2008 No.2

回答回数595ベストアンサー獲得回数351

ポイント200pt

通常のMT同様「plugins」フォルダに入れるといいはずです。

「plugins」フォルダは、アプリケーションディレクトリ内にあります。

http://www.movabletype.jp/documentation/mt5/installation/



【追記】

Lightboxの導入がまだの場合は、以下の手順も実行してください。


1.Lightbox2をダウンロードして解凍します。

http://www.huddletogether.com/projects/lightbox2/


2.MTOSで生成したWEBサイトの任意の位置に、解凍して出来たファイル(「js」フォルダおよび「css」フォルダ)をアップロードします。

(jsフォルダ内の「.DS_Store」と「lightbox-web.js」は必要ありません。)


3.解凍して出来たファイル「index.html」の1および2を参照して、MTOSのテンプレート(「デザイン」→「テンプレート」に移動して、テンプレートモジュールの「HTMLヘッダー」)を編集します。

※jsおよびcssフォルダをアップロードした場所に合わせて、パスを変更するのを忘れないでください。

※遅くならない為には、jsよりも先にcssを読み込むと良いようです。

※WEBサイトの方に表示しているブログ記事もLightboxで表示したい場合は、各ブログのテンプレートだけでなく、サイトのテンプレートも編集する必要があります。


・追記後の「HTMLヘッダー」(MTOS5.02のブログ)です。

<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
<link rel="start" href="<$mt:BlogURL$>" title="Home" />
<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="<$mt:Link template="feed_recent"$>" />
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>
<$mt:CCLicenseRDF$>

※WEBサイトのルートにjsとcssフォルダをアップロードして、WEBルートからの相対パスで記述しています。

id:youko0502

ずばり知りたかった内容です。ご丁寧にありがとうございます!

2011/08/10 04:46:05

その他の回答1件)

id:uwao No.1

回答回数180ベストアンサー獲得回数39

Lightboxをダウンロードし、解凍すると、「images」「css」「js」のフォルダと、「index.html」が作成されます。

このディレクトリ構造が基本になりますので、下記のようになるようFTPソフトで転送すると良いと思います。

┣*.html(Lightboxを動作させるhtmlページ)

┣[images]

┣[css]

┗[js]

また、下記のようなページが参考になるかもしれません。

http://www.howto-lightbox.com/

http://www.miracletown.net/template/lightbox20

id:youko0502

MovableTypeのプラグインについての質問なのですが、、大丈夫でしょうか?

2011/08/08 16:32:11
id:rouge_2008 No.2

回答回数595ベストアンサー獲得回数351ここでベストアンサー

ポイント200pt

通常のMT同様「plugins」フォルダに入れるといいはずです。

「plugins」フォルダは、アプリケーションディレクトリ内にあります。

http://www.movabletype.jp/documentation/mt5/installation/



【追記】

Lightboxの導入がまだの場合は、以下の手順も実行してください。


1.Lightbox2をダウンロードして解凍します。

http://www.huddletogether.com/projects/lightbox2/


2.MTOSで生成したWEBサイトの任意の位置に、解凍して出来たファイル(「js」フォルダおよび「css」フォルダ)をアップロードします。

(jsフォルダ内の「.DS_Store」と「lightbox-web.js」は必要ありません。)


3.解凍して出来たファイル「index.html」の1および2を参照して、MTOSのテンプレート(「デザイン」→「テンプレート」に移動して、テンプレートモジュールの「HTMLヘッダー」)を編集します。

※jsおよびcssフォルダをアップロードした場所に合わせて、パスを変更するのを忘れないでください。

※遅くならない為には、jsよりも先にcssを読み込むと良いようです。

※WEBサイトの方に表示しているブログ記事もLightboxで表示したい場合は、各ブログのテンプレートだけでなく、サイトのテンプレートも編集する必要があります。


・追記後の「HTMLヘッダー」(MTOS5.02のブログ)です。

<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
<link rel="start" href="<$mt:BlogURL$>" title="Home" />
<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="<$mt:Link template="feed_recent"$>" />
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>
<$mt:CCLicenseRDF$>

※WEBサイトのルートにjsとcssフォルダをアップロードして、WEBルートからの相対パスで記述しています。

id:youko0502

ずばり知りたかった内容です。ご丁寧にありがとうございます!

2011/08/10 04:46:05

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません