ensoku.

青森市美容室ensoku.のホームページです。

CSSスライダーショートコード

ヘアーメニュー

CUT PERM COLOR TREATMENT HEADSPA OTHER
ヘアーメニュー

まつげパーマ

★アップワードリフト★
従来のまつ毛パーマの原理で還元と酸化に化粧品登録済目元セッティング剤を使用した 特許技術の次世代まつ毛パーマです

まつげパーマ
最新の光脱毛

最新の光脱毛

女性がいつまでも綺麗で輝き続けるために。

青森県内初登場の最新美容機を導入しました。様々な最新機器で効率よくあなたの美しさを最大限に引き出します。

また痛くない永久脱毛も最新機器で短期間で最大限の効果を目指します。

毛深くてお悩みのお子様にも施術できますのでお気軽にご相談ください。

エステメニュー

エステメニューは「身体を温めるコース」、「痩身コース」、「お悩み別フェイシャルコース」 の3種類からお選びいただけます。

心と身体が喜ぶ、温もりのある癒しと”結果”を追究したエイジングケアサービスを提供します。

深部加温マシーンを使い身体の奥深くにまで熱を届け、芯から温め身体の中から優しく包み込むような心地よい温感でとてもリラックスできます。心地よくて効果が期待できるまさに極上トリートメントで心も身体も癒されます。
セルケアマシーン(キャビテーション)で頑固な脂肪やセルライトも驚くほどの柔らかさに!?柔らかくなることで痩せやすい体質を目指します。個人差はありますが、施術後も継続するキレイ効果で、しっかりとアプローチします。理想のボディメイキングをサポートします。
ラジオ波を使った『小顔コース』や、生まれたてのような素肌に導く光フェイシャルで『シミ』『美白』『若返り』『ハリ』『ニキビ』『吹き出物』などのお悩み別に光の波長を変えて、ターゲットへ明確なアプローチをして、多くの肌トラブルの悩み解決をサポートします。
0体験人数累計
0リピート率
0Yen/10分
0満足度

お客様の声

これは専用のショートコードでどこにでも表示できるPRボックスコンテンツです。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
これは専用のショートコードでどこにでも表示できるPRボックスコンテンツです。HTMLタグやショートコードも利用できます。アイコンか任意の画像を表示できます。
WordPress
Good at!
CSS
70%
Javascript
58%
%
WordPress
%
Static Site
%
SEO Analytics
%
Daily Maintenance
Widget Area For PC
( Free space )

スタンダード形式 : アイキャッチ交互表示可能

ブログ形式

投稿フォーマットのテスト: 動画
ムービー
2337 views
「投稿オプション」にて、YouTubeまたはVimeoのビデオIDを指定すると、アーカイブページ(ノーマル、またはマガジン形式)のサムネイルエリアが自動的に埋め込みムービーとして表示されます。 YouTube: Vime...

ポートフォリオ形式 : 4カラム、ホワイトオーバーレイ

マガジン形式1 : 2〜4カラム対応

レイアウトテスト
ピックアップ
17680 views
Digipressテーマの文字や各種標準的なHTMLタグの表示テストです。あなたがつくりたいサイトのイメージに照らし合わせながらご覧ください!

マガジン形式2

スライダー形式 : カルーセルの場合

このショートコードを使用するには「DigiPress Ex – Shortcodes」プラグインが必要です

サムネイルナビゲーション付きの CSS のみで動作する超軽量な簡易スライダーを表示できます。

表示幅が 920 ピクセル以下になるとレスポンシブ表示となり、サムネイルナビゲーションはメインスライドの直下に移動します。

画像のみを指定した最もシンプルな表示例

  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image
  • Slide image

このショートコード

[cssslider]
[cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-29.jpg']
[cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-60.jpg']
[cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-7.jpg']
[cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-6.jpg']
[cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-25.jpg']
[cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-48.jpg']
[cssslide imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-18.jpg']
[/cssslider]

垂直にスライド、高さを変更、スライドにタイトルを表示した例

  • Slide image

    スライドタイトル #1

  • Slide image

    スライドタイトル #1

  • Slide image

    スライドタイトル #2

  • Slide image

    スライドタイトル #2

  • Slide image

    スライドタイトル #3

  • Slide image

    スライドタイトル #3

  • Slide image

    スライドタイトル #4

  • Slide image

    スライドタイトル #4

  • Slide image

    スライドタイトル #5

  • Slide image

    スライドタイトル #5

  • Slide image

    スライドタイトル #6

  • Slide image

    スライドタイトル #6

  • Slide image

    スライドタイトル #7

  • Slide image

    スライドタイトル #7

このショートコード

[cssslider
  fx='vslide'
  height='480px']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-29.jpg'
 title='スライドタイトル #1']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-60.jpg'
 title='スライドタイトル #2']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-7.jpg'
 title='スライドタイトル #3']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-6.jpg'
 title='スライドタイトル #4']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-25.jpg'
 title='スライドタイトル #5']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-48.jpg'
 title='スライドタイトル #6']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-18.jpg'
 title='スライドタイトル #7']
[/cssslider]

フェードイン、キャプションを指定、サムネイルナビの幅を28%にして一度に4枚表示させた例

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

このショートコード

[cssslider
  fx='fade'
  navitemsatonce=4
  navwidth=28%
  height='30vw']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-29.jpg'
 title='スライドタイトル #1'
 caption='スライド #1 のキャプションをここに表示します。']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-60.jpg'
 title='スライドタイトル #2'
 caption='スライド #2 のキャプションをここに表示します。']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-7.jpg'
 title='スライドタイトル #3'
 caption='スライド #3 のキャプションをここに表示します。']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-6.jpg'
 title='スライドタイトル #4'
 caption='スライド #4 のキャプションをここに表示します。']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-25.jpg'
 title='スライドタイトル #5'
 caption='スライド #5 のキャプションをここに表示します。']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-48.jpg'
 title='スライドタイトル #6'
 caption='スライド #6 のキャプションをここに表示します。']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-18.jpg'
 title='スライドタイトル #7'
 caption='スライド #7 のキャプションをここに表示します。']
[/cssslider]

その他複数のパラメータを指定した表示例

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #1

    スライド #1 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #2

    スライド #2 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #3

    スライド #3 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #4

    スライド #4 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #5

    スライド #5 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #6

    スライド #6 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

  • Slide image

    スライドタイトル #7

    スライド #7 のキャプションをここに表示します。

このショートコード

[cssslider
  fx='hslide'
  navitemsatonce=6
  navwidth=22%
  height='32vw'
  id='my-cssslider'
  class='my-cssslider'
  style='']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-29.jpg'
 title='スライドタイトル #1'
 titlesize=34px
 titlebold=0
 titleitalic=1
 titlecolor=#333
 titlebgcolor='rgba(255,255,255,0.82)'
 titlepos=center
 caption='スライド #1 のキャプションをここに表示します。'
 captionsize=14px
 btntxt='詳しくはこちら'
 btnurl='https://digipress.info/'
 btnbgcolor='#778393'
 class=''
 style='']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-7.jpg'
 title='スライドタイトル #2'
 titlesize=34px
 titlebold=1
 titleitalic=1
 titlecolor=#fff
 titlebgcolor='rgba(0,0,0,0.62)'
 titlepos=right
 caption='スライド #2 のキャプションをここに表示します。'
 captionsize=14px
 btntxt='詳しくはこちら'
 btnurl='https://digipress.info/'
 btnbgcolor='#778393'
 class=''
 style='']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-6.jpg'
 title='スライドタイトル #3'
 titlesize=34px
 titlebold=0
 titleitalic=1
 titlecolor=#333
 titlebgcolor='#fff'
 titlepos=left
 caption='スライド #3 のキャプションをここに表示します。'
 captionsize=14px
 btntxt='詳しくはこちら'
 btnurl='https://digipress.info/'
 btnbgcolor='#778393'
 class=''
 style='']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-60.jpg'
 title='スライドタイトル #4'
 titlesize=34px
 titlebold=1
 titleitalic=1
 titlecolor=#fff
 titlebgcolor='rgba(0,0,0,0.62)'
 titlepos=center
 caption='スライド #4 のキャプションをここに表示します。'
 captionsize=14px
 btntxt='詳しくはこちら'
 btnurl='https://digipress.info/'
 btnbgcolor='#778393'
 class=''
 style='']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-35.jpg'
 title='スライドタイトル #5'
 titlesize=34px
 titlebold=0
 titleitalic=1
 titlecolor=#333
 titlebgcolor='#fff'
 titlepos=right
 caption='スライド #5 のキャプションをここに表示します。'
 captionsize=14px
 btntxt='詳しくはこちら'
 btnurl='https://digipress.info/'
 btnbgcolor='#778393'
 class=''
 style='']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-48.jpg'
 title='スライドタイトル #6'
 titlesize=34px
 titlebold=1
 titleitalic=1
 titlecolor=#fff
 titlebgcolor='rgba(0,0,0,0.62)'
 titlepos=left
 caption='スライド #6 のキャプションをここに表示します。'
 captionsize=14px
 btntxt='詳しくはこちら'
 btnurl='https://digipress.info/'
 btnbgcolor='#778393'
 class=''
 style='']
[cssslide
 imgurl='https://skin.dptheme.net/fresco-wc/wp-content/uploads/sites/33/2019/02/sample-18.jpg'
 title='スライドタイトル #7'
 titlesize=34px
 titlebold=0
 titleitalic=1
 titlecolor=#333
 titlebgcolor='rgba(255,255,255,0.82)'
 titlepos=center
 caption='スライド #7 のキャプションをここに表示します。'
 captionsize=14px
 btntxt='詳しくはこちら'
 btnurl='https://digipress.info/'
 btnbgcolor='#778393'
 class=''
 style='']
[/cssslider]
Widget Area For PC
( Free space )
Widget Area For PC
( Free space )

Carousel Slider

Parallax with Panels

Access Map