Skip to content

Instantly share code, notes, and snippets.

<ul class="js_top_gallery">
<li class="js_top_gallery_item"><a href="./images/top/gallery/gallery01.jpg"><img
src="./images/top/gallery/gallery01.jpg" alt=""></a></li>
<li class="js_top_gallery_item"><a href="./images/top/gallery/gallery02.jpg"><img
src="./images/top/gallery/gallery02.jpg" alt=""></a></li>
</ul>
.bg_square {
position: relative;
background: #f6f2eb;
}
.bg_square::after {
content: "";
position: absolute;
height: 7rem;
width: 100%;
// wp-includes/canonical.php 440行目にある以下のコードをコメントアウトします(バージョン5.3)
// wp-includes/canonical.php 589行目にある以下のコードをコメントアウトします(バージョン5.7.2)
$redirect['path'] = preg_replace('|/' . preg_quote( $wp_rewrite->index, '|' ) . '/*?$|', '/', $redirect['path']);
// 上記では固定ページはリダイレクトされてしまったので下記をfunctions.php追加
remove_filter('template_redirect', 'redirect_canonical');
<label class="radio">
<input name="stores_charge" class="radio_input" type="radio" checked>
<span class="radio_text">全て</span>
</label>
<dl class="box">
<dt>2018年8月0日</dt>
<dd>●●店9月0日オープン予定!</dd>
<dt>2018年8月0日</dt>
<dd>●●店9月0日オープン予定!</dd>
<dt>2018年8月0日</dt>
<dd>●●店9月0日オープン予定!</dd>
<dt>2018年8月0日</dt>
<dd>●●店9月0日オープン予定!</dd>
<dt>2018年8月0日</dt>
// 入力がない場合の分岐
<?php if(get_post_meta($post->ID,'text5',true)): ?>
<h3>タイトルが入ります</h3>
<?php echo $cfs->get('text5'); ?>
<?php endif; ?>
// チェックボックスを使った分岐
<?php if ( get_post_meta($post->ID,'box',TRUE) ): ?>
チェックボックスにチェックをいれるとこの文章が表示されます。
<?php endif; ?>
<h1 class="subtitle subtitle3">hoge</h1>
//■page topへ戻るボタン
$(function(){
var topBtn=$('#pageTop');
topBtn.hide();
//◇ボタンの表示設定
$(window).scroll(function(){
if($(this).scrollTop()>80){
//---- 画面を80pxスクロールしたら、ボタンを表示する
topBtn.fadeIn();
}else{
<div class="select-wrap">
<select name="">
<option value="希望なし">ジャンル選択する</option>
<option value="ジャンルが入ります">ジャンルが入ります</option>
<option value="ジャンルが入ります">ジャンルが入ります</option>
<option value="ジャンルが入ります">ジャンルが入ります</option>
<option value="ジャンルが入ります">ジャンルが入ります</option>
<option value="ジャンルが入ります">ジャンルが入ります</option>
</select>
</div>
$(function() {
let tabs = $(".tab"); // tabのクラスを全て取得し、変数tabsに配列で定義
$(".tab").on("click", function() { // tabをクリックしたらイベント発火
$(".active").removeClass("active"); // activeクラスを消す
$(this).addClass("active"); // クリックした箇所にactiveクラスを追加
const index = tabs.index(this); // クリックした箇所がタブの何番目か判定し、定数indexとして定義
$(".content").removeClass("show").eq(index).addClass("show"); // showクラスを消して、contentクラスのindex番目にshowクラスを追加
})
})