aniya様、返信ありがとうございます。
いいですね。
やってみたいのですが私の知識不足とconcrete5に置き換えると自信がありません。
<head>内に記述などは管理画面か属性からできると思うのですが、新たなファイルの設置が必要かと思いますのでもう少しアドバイス頂けませんでしょうか?
宜しくお願い致します。
ホームページにアクセスすると先にお知らせページが表示されるように
2020年8月25日 at 11:29
いつもお世話になっております。
ホームページにアクセスすると先にお知らせ(緊急告知?)のようなページが表示されて自動的に消えるかホームボタンみたいなもので戻るようにしたいのですが良い方法はありますか?
どのページにアクセスしても一旦はそのお知らせが表示されるようにしたいです。
検索しましたが同じような内容が見つかりませんでした。
検索のキーワードが悪いのかも知れませんが、何か用方法かアドバイスがあればお願いします。
【動作環境】
・バージョン:8.5.4
・テーマ:Stucco
・サーバー:Xsever
・PHP:7.3.14
タグ:
Re: ホームページにアクセスすると先にお知らせページが表示されるように
2020年8月27日 at 12:20
Stuccoは使っていないのでdefaultの「elemental」で説明します。
「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>直前に下記を書き加えます。
以上です。
「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')) ?>
以上です。
Your post has been saved and will be published after approval by the forum moderator.
aniya
Re: ホームページにアクセスすると先にお知らせページが表示されるように
modal windowでアナウンスして、詳細ページへの移動を促すのがよろしいかと。
例えばjqueryでやるのならこんな感じ。
http://osyu-web.com/jquery/jquery-customize-cookie-popup/