「elemental」の記述がある部分は適宜読み替え(変更し)てください。
■jQuery本体・jquery.cookie.jsの読み込み
jQuery本体は大抵のテーマで読み込んでいますので新たな設定は不要です。
jquery.cookie.jsの読み込みは後述します。
※もしカスタムテンプレートなどでjQuery本体を読み込んでいない場合、後述のjquery.cookie.jsの読み込みを参考に追記するか、カスタムテンプレートで使用しているpage_theme.phpの設定を変更してください。
■jQuery実行コード
/application/themes/elemental/js/modalindow.js
というディレクトリ構造とファイルを作り、そこに記述します。
※1行目と10行目のタグは不要です
■HTML
グローバルエリア内に新規ブロック(記事ブロックでもHTMLブロックでも可)を作成し、そこに記述してください。
※サイトには<body>タグ直下と記載されていますが無視して大丈夫です
■CSS
/application/themes/elemental/css/modalindow.css
というディレクトリ構造とファイルを作り、そこに記述します。
※.overlayの設定に下記2つを追記してください。
top: 0;
left: 0;
※ページテンプレートによってはz-indexの値をより高値に変更する必要があります。
■ヘッダーテンプレートファイルのオーバーライド
/concrete/themes/elemental/elements/header_top.php
上記ファイルを下記にコピペします。
/application/themes/elemental/elements/header_top.php
ペーストしたファイルの</head>直前に下記を書き加えます。
<?php $u = new User();
if (!$u->isRegistered()) {
echo '<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>';
} ?>
<script type="text/javascript" src="<?= $view->getThemePath() ?>/js/modalindow.js"></script>
<?php echo $html->css($view->getStylesheet('modalindow.css')) ?>
以上です。
dsds
Re: Re: ホームページにアクセスすると先にお知らせページが表示されるように
いいですね。
やってみたいのですが私の知識不足とconcrete5に置き換えると自信がありません。
<head>内に記述などは管理画面か属性からできると思うのですが、新たなファイルの設置が必要かと思いますのでもう少しアドバイス頂けませんでしょうか?
宜しくお願い致します。