出荷予定日を確認する

お見積もり・ご注文

スタイルガイド(Loops見本)

style guide

ショートコード 木材加工講座のみ許可

樹種一覧

樹種表

樹種名 区分 比重 重さ 価格集成材
(積層材)
価格無垢材 価格化粧貼り
赤松 針葉樹 0.47 軽い 安い
アガチス 針葉樹 0.5 軽い 中 中
アルダー 広葉樹 0.5 軽い 中
イエローパイン 針葉樹 0.6 重い 高い 中
ウェンジ 広葉樹 0.8 とても重い 高い
ウォールナット 広葉樹 0.63 重い とても高い とても高い 高い
カバ桜 広葉樹 0.5~0.69 重い 中 高い 中
唐松 針葉樹 0.4~0.5 軽い 中 高い
花梨 広葉樹 0.5~0.9 とても重い 高い 高い
木曽桧 針葉樹 0.41 軽い 高い 高い
桐 広葉樹 0.19~0.3 とても軽い 高い
栗 広葉樹 0.55 重い 高い 高い
欅 広葉樹 0.69 重い 高い 高い 高い
黒檀 広葉樹 0.85~1.09 とても重い 高い
ゴム 広葉樹 0.64 重い 安い
サペリ 広葉樹 0.65 重い 中
さわら 針葉樹 0.3~0.4 軽い 高い 中
シルバーハート 広葉樹 0.5~0.6 軽い 中
杉赤 無節 針葉樹 0.38 軽い 高い 中
杉源平 節 針葉樹 0.38 軽い 安い 安い
杉源平 無節 針葉樹 0.38 軽い 安い 安い 中
杉白 無節 針葉樹 0.38 軽い 中
スプルス 針葉樹 0.35~0.46 軽い 中 中 安い
栓 広葉樹 0.5 軽い 高い
竹白 その他 0.6~0.65 重い 高い 中
竹茶 その他 0.6~0.65 重い 高い 中
タモ 広葉樹 0.55~0.65 重い 中 中 中
チェリー 広葉樹 0.6 重い とても高い とても高い 高い
チーク 広葉樹 0.57~0.69 重い とても高い とても高い 高い
地桧 節 針葉樹 0.41~0.45 軽い 安い 安い
地桧 無節 針葉樹 0.41~0.45 軽い 安い 中 中
ナラ 広葉樹 0.67 重い 中 高い 中
ニヤトー 広葉樹 0.45~0.85 重い 中 中
ニレ(赤ダモ) 広葉樹 0.63 重い 中
ピーラー 針葉樹 0.53 軽い 中 安い
ブナ(ビーチ) 広葉樹 0.63 重い 中 中 中
ブビンガ 広葉樹 0.86~0.96 とても重い 高い
ブラックウッド(アカシア) 広葉樹 0.66 重い 高い
米杉 針葉樹 0.35 とても軽い 中 高い 中
米栂 針葉樹 0.46 軽い 安い 安い 安い
米ヒバ 針葉樹 0.5 軽い 中 中 安い
米松 針葉樹 0.53 軽い 中 安い 中
ホワイトアッシュ 広葉樹 0.68 重い 中 中 中
ホワイトオーク 広葉樹 0.75 重い 高い 高い 中
ホワイトバーチ 広葉樹 0.63~0.69 重い 高い 中
マコレ 広葉樹 0.65 重い 高い
マホガニー 広葉樹 0.65 重い 高い 高い
マンガシロ(メラピー) 広葉樹 0.39~0.87 重い 中 安い
メープル 広葉樹 0.7 重い 高い 高い 高い
メルクシパイン 針葉樹 0.42~0.5 軽い 安い
モアビ 広葉樹 0.8~0.9 とても重い 高い 高い
ラジアータパイン 針葉樹 0.49 軽い 安い
レッドオーク 広葉樹 0.7 重い 中 高い
ローズウッド 広葉樹 0.75~1.04 とても重い 高い
白ポリ その他 0.5~0.6 軽い 安い

 

セクションタイトル日本語
2行のダミー文章です
SECTION TITLE SUB TEXT

パーツ:中見出し
2行のダミー文章です

小見出しテスト

この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。 この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。 ボールドにすると、色と太さが変わります。

見出し1のダミーです。
文字の大きさなどを確認するために入れています。

見出し2のダミーです。
文字の大きさなどを確認するために入れています。
見出し3のダミーです。
文字の大きさなどを確認するために入れています。

.mce-txt-attention 注意書き

テーブル
テーブル この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。

テーブル1
テーブル1:スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル1:スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル1:スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル1:スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル1:スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル1:スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル2
テーブル2:スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル2:スマホ時はPCと同じ この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル2:スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル2:スマホ時は横スクロール この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル2:スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。
テーブル2:スマホ時は縦並び この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。

thはエディタでセルを右クリック→セル→セルのプロパティからヘッダーセルを選んでください。

▼境界線<hr>


このボックスはエディタのaddquicktagsから追加します。文章量が多いコンテンツなどで、情報を整理したいときに使用します。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。

  • 番号なしリストのデフォルトを選んでください
  • 番号なしリストのデフォルトを選んでください
  • 番号なしリストの白丸を選んでください
  • 番号なしリストの白丸を選んでください
  • 番号なしリストの四角を選んでください
  • 番号なしリストの四角を選んでください
  1. 番号ありリストのデフォルトを選んでください
  2. 番号ありリストのデフォルトを選んでください
  3. 番号ありリストのデフォルトを選んでください
  1. 番号ありリストのラテン文字小文字を選んでください
  2. 番号ありリストのラテン文字小文字を選んでください
  3. 番号ありリストのラテン文字小文字を選んでください
  1. 番号ありリストのギリシャ文字小文字を選んでください
  2. 番号ありリストのギリシャ文字小文字を選んでください
  3. 番号ありリストのギリシャ文字小文字を選んでください
  • テキスト
  • テキスト
  • テキスト
  • テキスト
  • テキスト
  • テキスト
  • テキスト
  • テキスト

テキストリンクを追加できます。
テキストリンクを追加できます。
テキストリンクを追加できます。

dummy-3_2

電話番号、FAX番号はショートコードを使用できます。
電話番号:0584-33-2070
電話番号(テキスト変更):文字を入力してください
電話受付時間:9:00〜17:00(土日祝 定休)
FAX番号:0584-33-2077
郵便番号:〒503-1316
住所:岐阜県養老郡養老町押越1974

引用したい時に使います。この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。

 

Section Title English

パーツ:回り込みレイアウト(L)

dummy-3_2

回り込みレイアウト(L)。
強調したいコンテンツ等に使用します。

この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。 この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

テキストテキストテキスト

ボックスボックスボックスボックス

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

回り込みレイアウト(L)。
強調したいコンテンツ等に使用します。

この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。 この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

 

テキストテキストテキスト

ボックスボックスボックスボックス

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

回り込みレイアウト(L)。
背景色をつける。

この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。 この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

 

テキストテキストテキスト

ボックスボックスボックスボックス

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

回り込みレイアウト(L)。
背景色をつける。

この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。 この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。

 

テキストテキストテキスト

ボックスボックスボックスボックス

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

Section Title English
2 lines

パーツ:回り込みレイアウト(S)

dummy-3_2

回り込みレイアウト(S)
背景色なし

この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

dummy-3_2

回り込みレイアウト(S)
背景色なし

この文章は本文です。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

dummy-3_2

回り込みレイアウト(S)
背景色あり

回り込みレイアウト(S)を使用しています。文字の大きさ、量、字間、行間などなどを確認するために入れています。
回り込みレイアウト(S)を使用しています。文字の大きさ、量、字間、行間などなどを確認するために入れています。

回り込みレイアウト(S)を使用しています。文字の大きさ、量、字間、行間などなどを確認するために入れています。

dummy-3_2

回り込みレイアウト(S)
背景色あり

回り込みレイアウト(L)を使用しています。文字の大きさ、量、字間、行間などなどを確認するために入れています。
回り込みレイアウト(L)を使用しています。文字の大きさ、量、字間、行間などなどを確認するために入れています。

回り込みレイアウト(L)を使用しています。文字の大きさ、量、字間、行間などなどを確認するために入れています。

パーツ:1~4カラム

1カラム

dummy-3_2
1カラム小見出し・レイアウト幅を狭くする
入れ込み時の注意点

1カラムのみ使用する場合は「レイアウト幅を狭くする」を使用することを推奨しています。
1行あたりの文字数が長くなると、読みにくいデザインになってしまうためです。

1行あたりの文字数を抑えた入れ込みのデザインとして、下に記載した「1カラムと2カラムを上下に並べて2段組にする」などのレイアウトもおすすめです(ただし画像を大きく使える場合に限る)。参考にしてください。

カラム作成数について

カラムレイアウトは1~4カラムまで切り替え可能です。

テキストテキストテキスト

2カラム

dummy-3_2
2カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

dummy-3_2
2カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

3カラム

dummy-3_2
3カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

dummy-3_2
3カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

dummy-3_2
3カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

4カラム

dummy-3_2
4カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

dummy-3_2
4カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

dummy-3_2
4カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

dummy-3_2
4カラム小見出し

カラムレイアウトは1~4カラムまで切り替え可能です。

背景色をつけた場合のデザイン

画像の縦横比:縦長

スタイルガイド(Loops見本)
小見出しが入ります

1~4カラムは4カラムまで作成できます。5カラム目を作成する場合は、パーツを増やしてください。「1~4カラムに背景色をつける」をチェックすると、1~4カラム全体に背景色をつけることができます。

スタイルガイド(Loops見本)
小見出しが入ります

1~4カラムは4カラムまで作成できます。5カラム目を作成する場合は、パーツを増やしてください。「1~4カラムに背景色をつける」をチェックすると、1~4カラム全体に背景色をつけることができます。

スタイルガイド(Loops見本)
小見出しが入ります

1~4カラムは4カラムまで作成できます。5カラム目を作成する場合は、パーツを増やしてください。「1~4カラムに背景色をつける」をチェックすると、1~4カラム全体に背景色をつけることができます。

【入れ込み応用編】
1カラムと2カラムを上下に並べて2段組にする

スタイルガイド(Loops見本)
上の画像は1カラムパーツを使用し、
文章は2カラムパーツです。

1カラムパーツに画像だけを入れて、下に2カラムパーツを配置すると、大きな画像+本文2段組のレイアウトにすることができます。
こちらのレイアウトは「2カラムパーツの左カラムに見出しだけを入力、右カラムに本文だけを入力」したレイアウトです。画像を大きく見せたいサイトでは有用性の高いレイアウトとなります。参考にしてください。

パーツ:ボタン

リンク設定について(入れ込みの方)

サイト内リンクは相対パスで記載してください。
その際、必ず末尾に「/」をつけること。

例:
OK: /company/
NG: https://leapy.jp/company/ ←絶対パスで記載している
NG: /company ←最後の「/」が無い

 

アイコンについて

アイコンはSVGです。
.btn svg { fill: *色*; } で色が当てられます。

パーツ:よくある質問

質問文が入ります。文字の大きさ、量、字間、行間などを確認するために入れています。

回答が入ります。文字の大きさ、量、字間、行間などなどを確認するために入れています。
回答が入ります。文字の大きさ、量、字間、行間などなどを確認するために入れています。

dummy-3_2

質問文が入ります。文字の大きさ、量、字間、行間などを確認するために入れています。

回答が入ります(見出し)。文字の大きさ、量、字間、行間などなどを確認するために入れています。

回答に対する補足文章を入れることもできます。文字の大きさ、量、字間、行間などなどを確認するために入れています。
回答に対する補足文章を入れることもできます。文字の大きさ、量、字間、行間などなどを確認するために入れています。

質問文が入ります。文字の大きさ、量、字間、行間などを確認するために入れています。

回答が入ります。文字の大きさ、量、字間、行間などなどを確認するために入れています。
回答が入ります。文字の大きさ、量、字間、行間などなどを確認するために入れています。

dummy-3_2

質問文が入ります。文字の大きさ、量、字間、行間などを確認するために入れています。

回答が入ります(見出し)。文字の大きさ、量、字間、行間などなどを確認するために入れています。

回答に対する補足文章を入れることもできます。文字の大きさ、量、字間、行間などなどを確認するために入れています。
回答に対する補足文章を入れることもできます。文字の大きさ、量、字間、行間などなどを確認するために入れています。

パーツ:流れ

お問い合わせ

dummy-3_2

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。 この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

見出しが入ります

この文章はダミーです。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。

完成

2014年4月

dummy-3_2

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。 この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。

テキストテキストテキスト

2018年10月

この文章はダミーです。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。 この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。

2023年4月

パーツ:スライド

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

スライドの小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

パーツ:CTA

Background Color SECTION TITLE SUB TEXT

【セクション設定】
背景色設定・全体を白抜き文字にする

「全体を白抜き文字にする」を適用しています。文字の大きさ、量、字間、行間などなどを確認するために入れています。
この文章はダミーです。文字の大きさ、量、字間、行間などなどを確認するために入れています。

テキストテキストテキスト

白抜き文字設定時のボタンの見え方

Background Pattern

【セクション設定】
背景画像を設定・背景画像をリピートさせる

dummy-3_2

背景にパターンを設定することができます。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2
小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

dummy-3_2
小見出し

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。

お見積もり・ご注文は
こちらから