【freo】【freoTips】【オプション系TIPS】イラストサイトで使うと便利なオプション登録例(1)
イラストサイトで使用すると便利なオプションの登録例です。
年齢制限
イラストの年齢制限を設定するオプション
オプション登録例
オプションID | rating |
---|---|
オプション名 | 年齢制限 |
利用対象 | ページ |
種類 | セレクトボックス |
必須 | 任意 |
初期値 | 15,18 (※ここでは分かりやすくするため項目を『,』で区切っていますが、実際のオプション登録画面では、項目と項目は『,』ではなく改行で区切ってください) |
並び順 | (環境に合わせて入力) |
検証 | なし |
オプションの利用方法
イラストを表示するページで、表示するイラストの年齢制限を選択する。
全年齢向けのイラストの場合は選択しないでOK。
編集するテンプレート
イラストを表示するテンプレートを編集する。
通常は[templates/internals/page/default.html]。
[templates/internals/page/gallery.html]など、イラストページ用の別のテンプレートがある場合はそちらのテンプレートを編集する。
テンプレート編集例
(1)イラストを表示するページに年齢制限を表示する方法
<!--{if $page_associate.option}--> {$page_associate.option.rating.name}… <!--{if $page_associate.option.rating == '18'}--> <span class="attention">18歳未満閲覧禁止。</span> <!--{elseif $page_associate.option.rating == '15'}--> <span class="attention">15歳未満閲覧禁止。</span> <!--{else}--> なし <!--{/if}--> <!--{/if}-->
解説
<!--{もしオプションが設定されていたらここから}-->{オプションID"rating"のオプション名}…
<!--{もしオプションID"rating"の内容が’18’だったら}-->
<span class="attention">18歳未満閲覧禁止。</span>
<!--{またはオプションID"rating"の内容が’15’だったら}-->
<span class="attention">15歳未満閲覧禁止。</span>
<!--{そうじゃなければ}-->
なし
<!--{もしオプションID"rating"の内容が’18’だったらここまで}-->
<!--{もしオプションが設定されていたらここまで}-->
(2)年齢制限によってイラストの表示方法を変える方法
イラストページを表示するとき、全年齢向けのイラストはページの添付ファイルを表示し、15禁または18禁のイラストはページイメージまたはサムネイルを表示し、ページファイルへリンクする。
編集する箇所…ページの添付ファイルを表示する部分を変更する。
freo/templates/internals/page/default.htmlなら
<!--{if $page.file and $page.image}-->
~省略~
<!--{elseif $page_thumbnail}-->
~省略~
<!--{elseif $page.file and $page_file.width and $page_file.height}-->
~省略~
<!--{elseif $page.file}-->
~省略~
<!--{/if}-->
~省略~
<!--{elseif $page_thumbnail}-->
~省略~
<!--{elseif $page.file and $page_file.width and $page_file.height}-->
~省略~
<!--{elseif $page.file}-->
~省略~
<!--{/if}-->
の部分。
この部分を、下記のとおり変更する。
<!--{if $page_associate.option.rating == '18' or $page_associate.option.rating == '15'}--> <!--{if $page.file and $page.image}--> <p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_files/{$page.id}/{$page.file}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_images/{$page.id}/{$page.image}" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_image.width}" height="{$page_image.height}" /></a></p> <!--{elseif $page_thumbnail}--> <p><a href="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_files/{$page.id}/{$page.file}"><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_thumbnails/{$page.id}/{$page.file}" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_thumbnail.width}" height="{$page_thumbnail.height}" /></a></p> <!--{/if}--> <!--{else}--> <p><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}page_files/{$page.id}/{$page.file}" alt="{$page.memo|default:$page.file}" title="{$page.memo|default:$page.file}" width="{$page_file.width}" height="{$page_file.height}" /></p> <!--{/if}-->
解説
<!--{もしオプションID"rating"の内容が'18'であるかもしオプションID"rating"の内容が'15'だったらここから}--><!--{もしページファイルとページイメージがあったらここから}-->
<p><ページファイルにリンクここから><ページイメージを表示><ページファイルにリンクここまで></p>
<!--{またはページサムネイル(自動作成)があったら}-->
<p><ページファイルにリンクここから><ページサムネイル表示><ページファイルにリンクここまで></p>
<!--{もしページファイルとページイメージがあったらここまで}-->
<!--{もしオプションID"rating"の内容が'18'でも'15'でもなければ}-->
<p><ページファイル表示></p>
<!--{もしオプションID"rating"の内容が'18'であるかもしオプションID"rating"の内容が'15'だったらここまで}-->
参考リンク:
freo公式サイト:オプションを個別に表示する
freo公式サイト:エントリー・ページによって利用するオプションを切り替える
32877:オプションに登録されている内容によって表示を切り替える方法