2016の13日目のエントリーです。cmsの秋合宿で発表させていただいた内容です。画像やソースの説明を少し詳しく解説しています。最近、ノウハウなどのファイルを会員限定でダウンロードできるサイトを見かけるようになりました。会員登録を促す目的、アクセス解析に活かす目的などいろいろあると思います。いう時に使えるカスタマイズを今回はご紹介します。上の図のように、誰でもアクセスできるファイルと、会員(ログイン時)のみアクセスできるファイルが混在している場合を考えていきます。いう機能を実装します「会員限定」アイコンのついているリンクをクリックすると、ファイルは開かずにログイン画面に移動します。そこでログインするとログイン前のページに戻り、「会員限定」アイコンが消えた状態のリンクをクリックすると、ファイルがダウンロードできます。cmsでは、元々備わっている機能として「シークレットブログ」という機能があります。管理画面→ブログ画面の「ステータス」を「シークレット」とすることで、その設定を行ったブログはログイン時のみ閲覧できるというものです。この場合は指定したブログまるごとログインしていないときは見られないので、エントリー自体も表示されません。できれば、どんなファイルがダウンロードできるかも見せて、ユーザーに「見たい」と思ってもらいたいですよね。機能の概要は、大まかに以下のようになります。以下の図のように、誰でも見られるファイルは「ファイル」ユニットを、会員限定ファイルは「メディア」ユニットを使います。使用するユニットを分ける理由は、ファイルユニットとメディアユニットで、保存される場所が別になるためです。会員限定ファイルが保存される/media/フォルダに検索避けの設定をすることが可能になります。※この方法では、会員限定ファイルのアドレスが分かる場合はアクセスできてしまいます。完全に非公開にしたい場合は、別途アクセス制限をかける等が必要です。限定以外のファイルは「ファイル」ユニットでアップunit.htmlの「メディア」部分を、ログイン時とそうでない時で処理を分ける/media/フォルダ内はrobots.txtで検索禁止にunit.htmlの「メディア」部分を、ログイン時とそうでない時で処理を分ける方法include/unit.htmlをテーマフォルダに複製system/include/unit.htmlをコピーして、テーマフォルダの中に複製します。その複製したファイルに対して変更を行っていきます。unit.htmlのメディアユニット部分を書き換えメディアユニット部分を以下のように書き換えます。Awesomeを使用しています。Awesomeを使ってみるを参考にしてください。基本的には上記のコピーで問題ないのですが、1つ便利な機能があるのでご紹介します。ダウンロードしたい会員限定ファイルがあるのでログインしても、ログイン後にトップページに戻ってしまうと、またファイルのあるページに移動するのは面倒です。cmsでは、エントリーURLの後ろに/login/を付けると、ログイン後にトップページに戻らずに、元々見ていたエントリーページに戻ることができます。今回は、ファイルを会員限定で見せるという方法をご紹介しました。この他にも、工務店等のサイトであれば、施工事例の写真を3枚までは拡大表示できるけど、4枚目以降を拡大表示する場合は会員登録を促す、などのカスタマイズもできそうです。適切に限定コンテンツを使って、マーケティングや解析等に役立ててください。2014の、8日目の記事です。2015」の11日目の記事です。2017の18日目の記事になります。2004年よりウェブ制作業務に携わる。制作会社にて企業・ECサイトのデザイン、ディレクション、CMS構築等を担当後、2015年7月に独立。デジタルマーケティング・ウェブコンサルティングを主軸に戦略から考えるウェブサイト設計・構築を行う。TAKAMATSUなどセミナーイベントを開催、スピーカーとしても活動を行う。実家の桃農家も手伝う兼業農家。cms公式サイトへのリンク。