Skip to content

Instantly share code, notes, and snippets.

View index.html
<p class="corse_alldrink">飲み放題付きコース</p>
View functions.php
//メールフォームの textarea に日本語が無ければ送信できない(contact form7)
add_filter('wpcf7_validate_textarea', 'wpcf7_validation_textarea_hiragana', 10, 2);
add_filter('wpcf7_validate_textarea*', 'wpcf7_validation_textarea_hiragana', 10, 2);
function wpcf7_validation_textarea_hiragana($result, $tag)
{
$name = $tag['name'];
$value = (isset($_POST[$name])) ? (string) $_POST[$name] : '';
if ($value !== '' && !preg_match('/[ぁ-ん]/u', $value)) {
View style.css
/* 3カラムの場合の対応策 */
.container::after{
content:"";
display: block;
width:30%;
}
/* 4カラムの場合の対応策 */
.container::before{
content:"";
View style.css
/* 画面幅いっぱいに表示 */
.hoge {
margin: 0 calc(50% - 50vw);
}
/* 画面幅左半分に表示 */
.hoge {
margin: 0 50% 0 calc(50% - 50vw);
}
View style.css
a {
display: block;
position: relative;
}
a:hover::after {
content: "more";
display: flex;
justify-content: center;
align-items: center;
View style.css
.wrap {
background-image: repeating-linear-gradient(
90deg,
#1f1a0a,
#1f1a0a 400px,
#2c2612 400px,
#2c2612 401px
);
}
View style.css
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
View index.html
<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>
View style.css
.top_introduction_inner {
background: -webkit-repeating-linear-gradient(
-45deg,
#00a0ea 0,
#00a0ea 11px,
#1aaaec 12px,
#1aaaec 13px
);
background: -o-repeating-linear-gradient(
-45deg,
View index.html
<section class="sewing_machine">
<div class="img_overlap column02">
<figure class="img_overlap_img"><img src="./images/sewing_machine.jpg" width="650" height="450" alt="ミシンの画像">
</figure>
<div class="img_overlap_text">
<h3 class="img_overlap_title">家庭用ミシン修理事業</h3>
<p>堺市を中心に家庭用ミシンの専門修理を受け付けております。<br>
もちろん、堺市以外の方でも相談をお伺いしております。<br>
「しばらく使ってない」「部品がない」「調子が悪い」などの状態でも出来る限り対応させていただきます。<br>
修理歴35年の職人が丁寧に修理させていただきますので、お気軽にご相談ください。<br>
You can’t perform that action at this time.