2005年6月25日

写真をパスワード制にする方法

懐かしい写真が出てきました。
妊娠9ヶ月の時の写真です。
むにを妊娠していた頃の、大きなお腹の私の写真です(;´∀`)(35週0日)…懐かしいですねぇ。臨月の写真は撮り忘れたので、 これがむに妊娠時の最後の写真です。↓

妊娠9ヶ月の時の写真です

写真といえば、私の周りの育児ブログの多くは、子供が1歳を過ぎると子供の写真公開を控える、という方向で動いているようですね。やはり物騒な事件が多いですもんね…:-( 親として写真はママ友には公開して交流しあいたい。でも誰が見てるか分からないので怖いですよね{困った}
うちは同じような理由から、今年2月頃から一部の写真をパスワード制にしています。現在は、一部の写真と動画、そしてお友達専用語り場をパス制にさせてもらってます。
全ての画像を載せなくするのは自分的に嫌だったので、顔がはっきり写ってたりするものだけパス制にすることにしました。投稿するときにやりやすいようにちょっとカスタマイズしました。
誰かの参考になればいいなあ、と思って私がとったやり方を記事にしてみます(同じ環境の人限定になっちゃいますが…)。

以下の方法は、サーバーでCGIと.htaccessというファイルを設置することが許可されていて、すでにMovableTypeというブログツールをインストールしていることが最低条件です。
それから、このカスタマイズは、アップロードした画像を『ポップアップ』で表示させる場合のHTMLタグを全て非公開画像を使うリンクとして出力してしまう、というちょっと強引な方法なので{汗}、そのあたりを了承していただけた方だけカスタマイズするようにお願いします。

{★}まず、パスワードを書いたファイルを作成します。
やり方は色々あるのですが、今回は一番単純な方法を紹介します。
ファイルに

[ユーザー名]:[暗号化されたパスワード]
(改行)

という形式で、書く。例えば、ユーザー名『test』・パスワード『12345678』(例えば暗号化すると『1ePqaqNlhxgAg』だったら)としたい場合、
例)test:1ePqaqNlhxgAg
と書いたファイル(※注※最後の行にはかならず改行を入れてください)を .htpasswd という名前で保存して、サーバー上の、できればウェブから見えないところ(http://~でアクセスして見られない場所)にアップ。

自分の使いたいパスワード(数字)を暗号化するには↓でどうぞ~。
パスワードを『12345678』にしたい場合は下記のフォームに『12345678』と入力して『暗号化しまーす』のボタンを押せば、新しいウィンドウが開いて暗号化する前の数字と暗号化した後の数字が出てきます。


パスワード:

{★}次に、非公開にしたい画像をアップするディレクトリをサーバー上に作ります。
そこに

AuthUserFile [パスワードファイルまでの絶対パス]
AuthGroupFile /dev/null
AuthName "[◆]"
AuthType Basic

require valid-user

<Files ~ "^.(htpasswd|htaccess)$">
deny from all
</Files>

 (※注釈※[パスワードファイルまでの絶対パス] には、先ほど作ってアップロードした.htpasswdまでの絶対パスを記入。URL(http://~)でも相対パス(./のようなもの)でもないもの。分からなければサーバーに問い合わせてみてください。レンタルサーバーなら、そのサーバーのホームページのFAQみたいなところにたいてい載ってると思います。[◆] には適当な名前を記入。「お友達ページ」とでも:D)

 と書いたファイルを .htaccess という名前で保存し、さきほど作ったディレクトリ内にアップ。(保存できなければ、htaccess.txt という名前で保存してサーバーにアップしてから名前を変更)

非公開画像を入れるフォルダに何かしらファイルを入れてアクセスしてみて、パスワードを求めるウインドウが出てくるはずなので、先ほど作った.htpasswdに書いた「ユーザー名」「パスワード(暗号化前)』を入れて表示できれば第一段階成功です♪

次にMovableType側の設定をします。
[mt.cgiのあるディレクトリ]/lib/MT/App/CMS.pm
CMS.pmを書き換えます(念のため、書き換え前にバックアップを取るのを忘れずに~)
$linkを検索して出てきた、

my $link = …~… View image";

の部分を
my $link = $thumb ? qq(<img src="$thumb" width="$thumb_width" height="$thumb_height" border="0" align="left" hspace="4" vspace="4" />) : "<img src='[鍵アイコンの場所]' width='★' height='☆' border='0' alt='Key'>View image";

※注※パスワードがかかった画像だと分かるように、非公開画像へのリンクの前に鍵のアイコン画像をつけているので、その画像をサーバーにアップロードした後、その場所を[鍵アイコンの場所]部分に記入。)
に書き換えて、サーバーに上書きでアップ。

{★}今度は最終段階。パスをつけたい(非公開にしたい)画像のアップロードです。
画像のアップロードの際、『アップロード先』に、.htaccessを入れた非公開画像フォルダを指定してアップロードします。アップロード後、ファイルの表示方法に『ポップアップ』を選択。
これで出てきたHTMLソースを新規エントリーにコピー&貼り付けして投稿して、↓のようなリンクが出てくれば{OK}。

KeyView image

『View image』のところを、『大きなお腹の写真です(一番目の写真と一緒)』とかに変えれば、パス知らない人にもどんな写真か少しは分かってもらえるのではないかと:D

こんな説明で分かるかしら…{汗}分からなかったら遠慮なく聞いてください~(;´∀`)

あと、私は携帯からの投稿の一部の画像にも、パスワードをかけてます。(それはまた別の方法なんですけどね)

そうそう。
コメントのお返事、また遅れててごめんなさい。明日(25日)必ずやりますねー!{♪}皆様の書き込み、とってもとっても嬉しいです{晴れ}

ちなみに…。↑の私の大きなお腹には…こんなん↓入ってました(笑)
生後2日のむに
(むに、生後2日目)

コメント

写真の掲載については私も考えていたところです・・・っていうか
こちらでパス制になった頃から
自分のところをパス制にするには
スキル的に難しそうだし
写真の方をはっきり写っていないもの~と思いつつ結構はっきり写ったのを
載せていたりしたので
これからは控えないと・・・
今までのはどうしようか考え中です。
パス制の詳しい説明ありがとうございます!!
自分のスキルでどこまでできるかは
わかりませんが参考にさせていただきま~す。

うっちょんさん、すごい{えーっ}
私はチンプンカンプンです(;´∀`)
なのにパス制にしようとしている私{ガーン}
こりゃ挫折しような予感{雨}
やはり旦那さんにお願いするかな{汗}

>> まる(^^♪さん
私も自分でパス制にしたはいいけど最近は「このくらいはいいかな?」という線引きがゆるくなっていたような気がするので、今回のこの流れには写真掲載ということの重さを再認識させられました。
私の記事で誰かの助けになれればと思って書いたのですが説明の仕方にいまいち自信がなく…{汗}
何か少しでも助けになれば幸いです。

>> ひぃちゃん
いえいえ、多分私の説明のしかたが分かりづらいんだと思います~(;´∀`)
ひぃちゃんのところはだんなさんがパソコンに詳しいんですね。いいなあ:Dうちのダンナはこういう方面には詳しくないので、自力でやるしかなくて…(;´∀`)

コメントする

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)