Cocoonの装飾を使用しない標準機能を利用した変更のみです。
段落
通常の段落
左寄せした段落
中央寄せした段落
右寄せした段落
テキスト色を変更した段落
背景色を変更した段落
文字サイズを変更した段落
外観を変更した段落(セミボールド)
行の高さを変更した段落(+4)
文字間隔を変更した段落(10px)
装飾した段落(下線)
装飾した段落(打ち消し線)
abcde(大文字小文字を変更、小文字→大文字)
ABCDE(大文字小文字を変更、大文字→小文字)
abcde(大文字小文字を変更、小文字→キャメルケース)
ドロップキャップ
パディングを設定した段落
マージンを設定した段落
段落装飾全部載せ(ABC)
見出し
見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
左寄せした見出し
中央寄せした見出し
右寄せした見出し
幅広にした見出し
全幅に下見し
リスト
順序なしリストと順序付きリストを分けるため背景色だけ変更しています。
- 順序なしリスト1
- 純情なしリスト2
- 順序なしリスト3
- 順序付きリスト1
- 順序付きリスト2
- 順序付きリスト3
- 順序なしリスト1
- 順序なしインデントリスト1
- 順序なしインデントリスト2
- 純情なしインデントリスト2-1
- 純情なしリスト2
- 順序なしリスト3
- 順序付きリスト1
- 順序付きインデントリスト1
- 順序付きインデントリスト2
- 順序付きインデントリスト2-1
- 順序付きリスト2
- 順序付きリスト3
引用
メロスは激怒した。必ず、かの邪智暴虐
青空文庫(デフォルト)
の王を除かなければならぬと決意した。
吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
青空文庫(背景色と文字色を変更)
コード
#include <stdio.h>
int main(void){
printf("Hello, World!\n");
return 0;
}
// デフォルト
#include <iostream>
int main(){
std::cout << "Hello, World!\n";
}
// 文字食・背景色・ボーダー色変更
詳細
summary部分
detailsとsummaryタグを利用した詳細入力です。
summary部分(文字色と背景色変更)
detailsとsummaryタグを利用した詳細入力です。パディングも変更しています。
整形済みテキスト
/*
Theme Name: Cocoon
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Text Domain: cocoon
Version: 2.7.8
Requires at least: 5.7.0
Requires PHP: 7.4.0
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
Theme Name: Cocoon
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Text Domain: cocoon
Version: 2.7.8
Requires at least: 5.7.0
Requires PHP: 7.4.0
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
プルクオート
テーブル
データ1-1 | データ1-2 | データ1-3 |
データ2-1 | データ2-2 | データ2-3 |
データ3-1 | データ3-2 | データ3-3 |
データ1-1 | データ1-2 | データ1-3 |
データ2-1 | データ2-2 | データ2-3 |
データ3-1 | データ3-2 | データ3-3 |
ヘッダーラベル1 | ヘッダーラベル2 | ヘッダーラベル3 |
---|---|---|
データ1-1 | データ1-2 | データ1-3 |
データ2-1 | データ2-2 | データ2-3 |
データ3-1 | データ3-2 | データ3-3 |
フッターラベル1 | フッターラベル2 | フッターラベル3 |
ヘッダーラベル1 | ヘッダーラベル2 | ヘッダーラベル3 |
---|---|---|
データ1-1 | データ1-2 | データ1-3 |
データ2-1 | データ2-2 | データ2-3 |
データ3-1 | データ3-2 | データ3-3 |
フッターラベル1 | フッターラベル2 | フッターラベル3 |
ヘッダーラベル1 | ヘッダーラベル2 | ヘッダーラベル3 |
---|---|---|
データ1-1 | データ1-2 | データ1-3 |
データ2-1 | データ2-2 | データ2-3 |
データ3-1 | データ3-2 | データ3-3 |
フッターラベル1 | フッターラベル2 | フッターラベル3 |
詩
職質をするもされるも着膨れて
「犯人逮捕」干鱈を毟る母の黙
職質をするもされるも着膨れて
「犯人逮捕」干鱈を毟る母の黙
クラシック
ここはクラシックブロックを使用しています。
画像
デフォルト
角丸
ボーダー&角を丸める
ギャラリー
ギャラリー3カラム
音声
デフォルト
ループ
カバー
デフォルト
固定背景
繰り返し背景
ファイル
デフォルト
新しいタブで開く
背景色・リンク色などの変更
メディアとテキスト
デフォルト
背景色とテキストとパディングを変更
動画
デフォルト
ループ
ボタン
カラム
50/50
33/66
66/33
33/33/33
25/50/25
グループ
標準(幅広)
配置左揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置左揃え(幅100 px)
アイテム1
アイテム2
アイテム3
アイテム4
配置中央揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置中央揃え(幅100 px)
アイテム1
アイテム2
アイテム3
アイテム4
配置右揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置右揃え(幅100 px)
アイテム1
アイテム2
アイテム3
アイテム4
標準(全幅)
配置左揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置左揃え(幅100 px)
アイテム1
アイテム2
アイテム3
アイテム4
配置中央揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置中央揃え(幅100 px)
アイテム1
アイテム2
アイテム3
アイテム4
配置右揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置右揃え(幅100 px)
アイテム1
アイテム2
アイテム3
アイテム4
横並び
配置左揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置中央揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置右揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置項目の間隔
アイテム1
アイテム2
アイテム3
アイテム4
縦積み
配置左揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置中央揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置右揃え
アイテム1
アイテム2
アイテム3
アイテム4
配置項目の間隔
アイテム1
アイテム2
アイテム3
アイテム4
グリッド
自動(最小列幅12rem:デフォルト)
アイテム1
アイテム2
アイテム3
アイテム4
自動(最小列幅20rem)
アイテム1
アイテム2
アイテム3
アイテム4
手動(3カラム:デフォルト)
アイテム1
アイテム2
アイテム3
アイテム4
手動(2カラム)
アイテム1
アイテム2
アイテム3
アイテム4
区切り
以下区切り線
スペーサー
以下スペーサー(デフォルト100 px)
以下スペーサー(200px)
ページ区切り
全て一度に公開ページで表示させると「Fatal error: Maximum execution time of 30 seconds exceeded」と言ったようなエラーが出る可能性があるので、ここで一旦ページを区切ります。