eoffice blocks!
カスタム
Swiper
1
2
カルーセル
流れるスライドです
日英のダブル見出し
日英のダブル見出しです。実際の見出し要素は日本語のみです。
右パネルからIDや追加クラス名、ブロック上部のバーから寄せの指定もできます。
てすと見出し
| 材料 | 分量 | メモ |
|---|---|---|
| 合挽き肉 | 200g | |
| 塩 | 少々 | |
| こしょう | 少々 | あああ |
| head | head | head |
|---|---|---|
| あああ | あああ | あああ |
| あああ | あああ | あああ |
| ああああ | あああ | |
| 材料 | 分量 | メモ |
|---|---|---|
| ナツメグ | 少々 | あああ |
| パン粉(A) | 大さじ３ | あああ |
| 牛乳(A) | 大さじ２ |
- たまご
- 牛乳
- にんじん
- 玉ねぎ
- 鶏肉
- たまご
- 牛乳
- にんじん
- 玉ねぎ
- 鶏肉
- うさぎ
- 犬
- 猫
- 牛
- ねずみ
- たまご
- 牛乳
- にんじん
- 玉ねぎ
- 鶏肉
- うさぎ
- 犬
- 猫
- 牛
- ねずみ
- うさぎ
- 犬
- 猫
- 牛
- ねずみ
- うさぎ
- イヌは、ネコ目・イヌ科-イヌ属に分類される哺乳類の一種である。亜種名familiarisはラテン語で、「家庭に属する」といった意味。
- ネコは、狭義には食肉目ネコ科ネコ属に分類されるリビアヤマネコが家畜化されたイエネコに対する通称である。
- 牛
- ねずみ
投稿ブロック
投稿のブロックです。
- 投稿タイプ（入力）
- 表示件数
- サムネイルの有無（レイアウト変わる）
編集画面ではダミーを表示します。
サンプル
サムネイルなし
サムネイルあり
ホームページ公開のお知らせ
デフォルトスタイル確認用
test
投稿テスト
youtube
1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。
テンプレート: 先頭固定表示
Pneumonoultramicroscopicsilicovolcanoconiosis
ボックス
ボックスのブロックです。
- 背景色の指定
- ボーダーの設定
pタグにも背景色をつけることができますが、複数のタグを全体でラップしたいときに使います。
サンプル
これは段落ブロックです
- リストも入れられます
- リスト
- リスト
ボーダーボックスです。
グループ化を選択して罫線を0にすればただのグループとしても使えます
ブロークングリッド
よくある「ズラし」のブロック。
- 左に画像
- 右にコンテンツ（なんでも入る）
- 左右入れ替えのスイッチ
細かいレイアウトはCSSを変更すればOK。
サンプル
見出し
テキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキスト
hoge
アニメーション類のテスト
.js-fade_left
左からフェードイン
.js-fade_right
右からフェードイン
.js-scale
拡大されながら表示
アコーディオン
- アコーディオンブロック
かきくけこさしすせそ
アコーディオン→ FAQ
- よくある質問！！！
答えです。
ボタン類
角丸の指定はボタンを選択し、スタイルではなく右パネルの「枠線」から指定してください。
リンクブロック（全体をリンク化）
/link