0

divjquery + cssを使用して消えるaがあります。それは美しく機能しますが、問題が発生しています。div次回ユーザーが同じワードプレス サイトでページを開いたときに、それをリロードしないようにするにはどうすればよいですか。divにはが存在するため、header.php新しいページが呼び出されるたびにdiv、ユーザーが以前にそれを閉じた場合でも、 が呼び出されます。

現在使用している既存のインフラストラクチャを使用して、訪問ごとに 1 回だけバナーがロードされるようにする方法はありますか? 特にワードプレスはphpで実行されているため、これを行うには何らかの方法が必要だと思いますが、私は少し深みがありません.

これは私が現在編集しているウェブサイトで、バナーに関連するコードは次のとおりです。

HTML:

<div id="greenbanner">
<img src="<?php bloginfo('template_directory'); ?>/Devices.png" id="devices">
<img src="<?php bloginfo('template_directory'); ?>/bigx.png" id="bigx">
<div id="bannertext">Spundge lets you discover, <br />curate, and create better content. <br /><br />
<div id="jointhedarkside"><a style="color:#ffffff;" href="https://www.spundge.com/account/signup/">Get Started - It's Free</a></div>
</div>
</div>

Jクエリ:

$(document).ready(function(){
$("#headershadow").hide();
$("#bigx").click(function(){
  $("#greenbanner").hide(1000);
  $("#headershadow").show();
});
});

CSS:

#greenbanner {
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    background: rgba(248,80,50,1);
    background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(82,133,48,1) 0%, rgba(241,111,92,1) 0%, rgba(82,133,48,1) 0%, rgba(87,219,0,1) 0%, rgba(76,140,30,1) 83%, rgba(76,140,30,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(0%, rgba(82,133,48,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(82,133,48,1)), color-stop(0%, rgba(87,219,0,1)), color-stop(83%, rgba(76,140,30,1)), color-stop(100%, rgba(76,140,30,1)));
    background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(82,133,48,1) 0%, rgba(241,111,92,1) 0%, rgba(82,133,48,1) 0%, rgba(87,219,0,1) 0%, rgba(76,140,30,1) 83%, rgba(76,140,30,1) 100%);
    background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(82,133,48,1) 0%, rgba(241,111,92,1) 0%, rgba(82,133,48,1) 0%, rgba(87,219,0,1) 0%, rgba(76,140,30,1) 83%, rgba(76,140,30,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(82,133,48,1) 0%, rgba(241,111,92,1) 0%, rgba(82,133,48,1) 0%, rgba(87,219,0,1) 0%, rgba(76,140,30,1) 83%, rgba(76,140,30,1) 100%);
    background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(82,133,48,1) 0%, rgba(241,111,92,1) 0%, rgba(82,133,48,1) 0%, rgba(87,219,0,1) 0%, rgba(76,140,30,1) 83%, rgba(76,140,30,1) 100%);
    margin-top: 5px;
}

#devices {
    height: 200px;
    margin-left: 5%;
}

#bigx {
    float: right;
    margin-bottom: 260px;
    margin-top: 10px;
    margin-right: 20px;
}
#bigx:hover {
    opacity: 0.4;
    filter:alpha(opacity=40);
    cursor: pointer;
}

#jointhedarkside {
    font-family: Geogrotesque, Lucida Sans Unicode, sans-serif;
    font-weight: 500;
    color: #ffffff;
    background-color: #57db00;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 18px;
    letter-spacing: normal;
    text-transform: uppercase;
    display: block; 
    float: left;
    line-height: 17px;
}
#jointhedarkside:hover {
    cursor: pointer;
    background-color: #46ab00;
}

    #bannertext {
        font-family: Geogrotesque, Lucida Sans Unicode, sans-serif;
        font-weight: 100;
        color: #ffffff;
        padding-top: 50px;
        margin-left: 80px;
        padding-right: 25px;
        padding-left: 5px;
        font-size: 30px;
        letter-spacing: normal;
        text-transform: uppercase;
        display: block; 
        float: left;
    }
4

2 に答える 2

3

Cookie を設定し、ボックスが見つかったとしても PHP でボックスをレンダリングすることさえしないでしょう。

于 2013-05-22T16:25:34.930 に答える