Bodywork Therapist
スライダーは下記グループ（tri-slider-source)に。画像サイズ枠を変えるにはJSで調整。
const SLIDER_W = 1100;
const SLIDER_H = 580;
const MAX_DISPLAY_W = 1100;
const HOLD_TIME = 3500; ここの数字は切り替わりがおわってから次の切り替わりが始まるまでの時間
const MARGIN = 50;
const delay = d * 2 * randomRange(0.9, 1.1); ここの* 2 *の数字を1.2とかにすると切り替わり自体の時間が短くなる。
下記カラムは三角エフェクトスライダーに共通文字を重ねるためのもの。カスタムｃｓｓで全画面高さを指定している
HINAGIKU
ひなぎく整体
もみほぐし
表の見た目調整は追加ｃｓｓにて
/* 受付時間カード全体 */
ここで全体の見た目調整
●の色をかえるには●を選択してハイライトで色をかえる。
| 受付時間 | 月 | 火 | 水 | 木 | 金 | 土 | 日 |
| 9:00-12:00 | ● | ／ | ● | ／ | ／ | ● | ● |
| 15:00-20:00 | ● | ● | ● | ／ | ● | ● | ● |
HINAGIKU
ひなぎく整体
もみほぐし
スマホの場合縦長になる。中心点をいまは中心にしているが、変えたい場合はｊｓで調整。
const SP_POS_X = 0.5; // object-position 30% 相当 中央にしたいなら0.50
const SP_POS_Y = 0.5; // object-position 10% 相当 中央にしたいなら0.50
スマホの画像サイズ枠をかえたいなら下記で調整
const SP_VIEW_W = 0.72;
const SP_VIEW_H = 0.62;
上のギャラリーの各名称のいろはブロックからじゃ変えられない。追加ｃｓｓの .work-gallery-pc .work-current-title{ に書いてあるcolorを変える必要がある。一度ＪＳに指令がいってＪＳから文字生成しているからブロックが効かない。
不要なカバーは、クラス名にhide-frontといれ、fs-slideのクラス名を消すこと！復活させるには逆のことを
河内晩柑ジュース（720ml）
グラデーションの設定はカスタムｃｓｓにいれている
selector{
position: relative !important;
overflow: hidden !important;
}
/* カバー画像は下 */
selector .wp-block-cover__image-background{
z-index: 0 !important;
opacity: 1 !important;
}
/* WordPress標準のカバー色は消す */
selector .wp-block-cover__background{
opacity: 0 !important;
}
/* グラデーションだけ */
selector::before{
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
opacity: 0.55 !important; /* グラデの濃さ */
background: linear-gradient(
90deg,
white 0%, /* 左端の色 */
e0d226 100% /* 右端の色 */
) !important;
}
/* 斜め線だけ */
selector::after{
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
pointer-events: none !important;
opacity: 0.03 !important; /* 斜め線の濃さ */
background: repeating-linear-gradient(
-45deg, /* 斜め線の角度 */
404040 0px, /* 線の色 */
404040 4px, /* 線の太さ */
transparent 4px,
transparent 12px /* 線と線の間隔 */
) !important;
}
/* 文字は一番上 */
selector .wp-block-cover__inner-container{
position: relative !important;
z-index: 3 !important;
}
Shop/Order
作品は minne・Instagram にてご覧いただけます
販売中の作品は minne、新作のお知らせは Instagram へ
［Online Shop］
minneで販売中の作品を見る
［Instagram］
新作・制作風景・POP UP 情報を見る
［Order］
色味やサイズのご相談も承ります
気になる作品は、Instagram DM または CONTACT へ
コンタクトフォームの送信ボタン色変更
追加CSS内
/* =========================
送信ボタン
========================= */
background: #473927 !important; ここで色変更
Contact
お問い合わせフォームより、お問い合せください
LINEでのお問い合わせもOK
LINEでのお問い合わせもOK