記事ページや固定ページで使えるブロックのスタイル見本です。
※一部、デザインに関係のないブロックは表示していません。
テキストブロック
WordPressのデフォルトブロックのテキスト関係のブロック見本です。
見出し2
H2です
見出し3
H3です
見出し4
H4です
段落ブロック
サンプルテキストーー
親譲りの無鉄砲で小供の時から損ばかりしている。
小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。
なぜそんな無闇をしたと聞く人があるかも知れぬ。
別段深い理由でもない。
新築の二階から首を出していたら、同級生の一人が冗談に、
いくら威張っても、そこから飛び降りる事は出来まい。
弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、
おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、
この次は抜かさずに飛んで見せますと答えた。(青空文庫より)
リストブロック
- リストブロック
- リストブロック
- リストブロック
引用ブロック
引用ブロック
引用元を入力
コードブロック
//目次へスクロールで移動
$(function(){
// #で始まるアンカーをクリックした場合に処理
$('a[href^=#]').click(function() {
// スクロールの速度
var speed = 800; // ミリ秒
// アンカーの値取得
var href= $(this).attr("href");
// 移動先を取得
var target = $(href == "#" || href == "" ? 'html' : href);
// 移動先を数値で取得
var position = target.offset().top;
// スムーススクロール
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
クラシックブロック
クラシックブロックの段落
プルクオートブロック
プルクオートブロック
引用元を入力
テーブルブロック
知っとる | 知らん | 覚えたった | |
---|---|---|---|
クリック、ダブルクリックができる | |||
ドラッグ、ドロップができる | |||
右クリックでどんなことができるか理解している | |||
エクスプローラーを開ける | |||
ファイルを開ける | |||
フォルダを開ける | |||
ローマ字を理解している | |||
英字を入力できる | |||
平仮名、片仮名を入力できる | |||
数字を入力できる | |||
半角片仮名を入力できる | |||
コピー、切り取り、ペーストができる | |||
ブラウザを開ける | |||
検索エンジンを用いり検索できる | |||
シャットダウン、ログオフ(ログアウト)、再起動を使い分けられる | |||
引用元 |
知っとる | 知らん | 覚えたった | |
---|---|---|---|
クリック、ダブルクリックができる | |||
ドラッグ、ドロップができる | |||
右クリックでどんなことができるか理解している | |||
エクスプローラーを開ける | |||
ファイルを開ける | |||
フォルダを開ける | |||
ローマ字を理解している | |||
英字を入力できる | |||
平仮名、片仮名を入力できる | |||
数字を入力できる | |||
半角片仮名を入力できる | |||
コピー、切り取り、ペーストができる | |||
ブラウザを開ける | |||
検索エンジンを用いり検索できる | |||
シャットダウン、ログオフ(ログアウト)、再起動を使い分けられる | |||
引用元 |
メディアブロック
WordPressのデフォルトブロックのメディア関係のブロック見本です。
画像ブロック
![](https://kitatarian.com/cocoon/wp-content/uploads/2021/04/gunnar-sigurdarson-pNOgpcPC9No-unsplash-1024x683.jpg)
ギャラリーブロック
音声ブロック
カバーブロック
カバーブロックです
ファイルブロック
メディアとテキストブロック
![](https://kitatarian.com/cocoon/wp-content/uploads/2021/04/clay-banks-_wkd7XBRfU4-unsplash-1024x689.jpg)
メディアとテキストブロックです
動画ブロック
デザインブロック
WordPressのデフォルトブロックのデザイン関係のブロック見本です。
ボタンブロック
カラムブロック
(3カラムにしています。)
区切りブロック
ウィジェットブロック
WordPressのデフォルトブロックのウィジェット関係のブロック見本です。
アーカイブブロック
カレンダーブロック
月 | 火 | 水 | 木 | 金 | 土 | 日 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
カテゴリーブロック
最新のコメントブロック
ありがとうございます!
テストさせて頂きました
いいスキンですね。使わせて頂きます。
コメント見本
最新の投稿ブロック
ソーシャルアイコンブロック
タグクラウドブロック
まだここに表示するコンテンツはありません。
検索ブロック
埋め込みブロック
WordPressのデフォルトブロックの埋め込み関係のブロック見本です。
ツイッターブロック
YouTubeブロック
Cocoonブロック
WordPressのブロックのCocoonが用意しているブロックの見本です。
アイコンボックスブロック
案内ボックスブロック
案内ボックス
白抜きボックスブロック
白抜きボックス
付箋風ボックスブロック
付箋風ボックス
タブボックスブロック
タブボックス
吹き出しブロック
![名前](https://tesutoyou.com/wp-content/themes/cocoon-master/images/man.png)
吹き出し内容
ブログカードブロック
ボタンブロック
トグルボックスブロック
トグルボックス内容
検索案内ブロック
タイムラインブロック
- ラベルタイトル
アイコンリストブロック
Cocoon汎用ブロック
WordPressのブロックのCocoonが用意している汎用ブロックの見本です。
見出しボックスブロック
見出しぼっくす
タブ見出しボックスブロック
タブ見出し中身
ラベルボックスブロック
ラベルボックス中身
Cocoonマイクロコピー
WordPressのブロックのCocoonが用意しているマイクロコピーブロックの見本です。
コメント
コメント見本
いいスキンですね。使わせて頂きます。
テストさせて頂きました
ありがとうございます!