shutto

保存 サイトへ反映
変換設定を保存して実際のサイトで利用するにはユーザ登録が必要です。
ユーザ登録(無料)はこちらから »
プレビュー

STARTガイド

  1. 1
  2. 2
  3. 3
  4. 4
この画面がshutto編集画面になります。いちばん右のエリアにはPCページが表示されますので、表示されている
文字やテキストをマウス操作で真ん中のスマホレイアウト画面にドラッグ&ドロップしていきます。 » 次の説明へ
ドロップされた要素はふきだしで表示される編集メニューで、デザインや大きさ、リンク等の設定が行えます。
表示される編集メニューは、要素によって異なります。 » 次の説明へ
いちばん左に表示されている「テキスト」「タイトル」等は、挿入メニューになります。
PCページにない要素を追加するときに、ドラッグ&ドロップして使います。 » 次の説明へ
スマホレイアウトが完成したら画面上部にある「保存」ボタンを押しましょう。 プレビュー」で公開前に見ためを確認できます。
PCサイトにshuttoタグを入れたら、本番サイトに反映されます。
ページ設定数が上限を超えているため保存できません。
月額5,000円で制限のないプロ版へアップグレードすることができます。
料金プランをアップグレード

フォーム

ページ

テキスト入力

チェックボックス

セレクト

ボタン

マップ

アフィリエイト

Step 1. A8.net にログイン

トップページ左上の「AS会員」からログインします。

A8.net トップページ

Step 2. プログラム提携

掲載したい広告プロモーションと提携します。

Step 3. 素材選択

スマートフォン向け広告素材を選択、タグをコピーします。

Step 4. タグ貼り付け

Step 1. 提携申請

あなたのサイトで紹介したいキャンペーンを探し、提携申請を行いましょう。

xmaxマイページへ

Step 2. 原稿取得

スマートフォン向け原稿を選択、タグをコピーします。

Step 3. タグ貼り付け

A8.net会員登録がまだの方は こちらから登録
xmax会員登録がまだの方は こちらから登録

レコメンド

レコメンドパーツのご利用には別途契約が必要です。
さぶみっと!レコメンド からお問い合わせください。

メニューボタン

#

閉じるボタン

#

#

シンボル (ID:3)

タブ

タブのラベル

アコーディオン

閉じる

アコーディオンのラベル

閉じる

2カラム

スライドショー

自動スクロールの設定

セル

x

要素の抽出

?

抽出要素の繰り返し

画像

PCページから画像を取得

x

文字入力

テキスト入力 HTML入力

LINE


文字装飾

#

背景

#

背景画像

PCページから画像を取得

元要素の背景画像を取得

  • 中央
  • 入力...
  • 中央
  • 入力...
  • 自動
  • ブロック幅
  • 入力...
  • 自動
  • ブロック高
  • 入力...

整列

アイコン

記号
方向
電話・ハードウェア・ネットワーク
メール・ファイル
動画・音楽
ウェブサイト
編集・メニュー
人・生物
交通
ビジネス
食事
スポーツ
暮らし
ソーシャルメディア
閉じる

余白

HTML属性

不正な形式です ?

不正な形式です ?

CSS入力

1カラム時のみ有効なCSS

2カラム時のみ有効なCSS

JavaScript

テキスト・画像

  • Parts_text_s
    テキスト
  • Parts_header_s
    タイトル
  • Parts_image_s
    画像
  • Parts_map_s
    マップ
  • Parts_menu_s
    メニュー
  • Parts_pc_s
    PC表示
  • Parts_recommend_s
    レコメンド
  • Linebutton_20x20
    LINE

コンテナ

  • Parts_box_s
    ボックス
  • Parts_grid_s
    セル
  • Parts_tab_s
    タブ
  • Parts_accordion_s
    アコーディオン
  • Parts_slider_s
    スライドショー

フォーム Pro

  • Parts_form_s
    フォーム
  • Parts_button_s
    ボタン
  • Parts_textfield_s
    テキスト入力
  • Parts_checkbox_s
    チェックボックス
  • Parts_select_s
    セレクト
フォーム作成機能は上位プランのみの提供となります。
320 (iPhone)
メニュー
更新
100%
CSS

Now Loading...

画像一覧
  • PCページから
  • アップロード済