マニュアル
-
CloudSecure WP Security の設定と理由
このサイトで実際に使っている CloudSecure WP Security の設定を画面つきで紹介。機能ごとのオン・オ…
-
shitate の独自設定（無料テーマでできること）
shitate（シタテ）には、ほかのテーマにはない shitate 独自の設定があります。このページでは、無料のテーマ …
-
吹き出しブロックの使い方
アバターと名前、吹き出しで会話風の表現を作るブロック。アバターの位置・背景色・文字色の設定と、CSS 変数でサイト全体の…
-
目次ブロックの使い方
ページ内の見出しから自動で目次を作るブロック。見出しレベル・番号／点・開閉式の設定、アンカーの仕組み、スムーススクロール…
-
可変ポスト（記事一覧）ブロックの使い方
端末によってグリッドとスライダーを切り替えられる記事一覧。クエリ・表示・カードの設定、列数が画面幅で変わる仕組み、sb_…
-
スライダーブロックの使い方
ブロック／メディア／ロゴの 3 タイプを持つ Splide 製スライダー。各タイプの設定、スライドの背景とオーバーレイ、…
-
スライダーのスマホ別設定（PC とスマホで枚数や矢印を変える）
スライダーブロックで、767px 以下のスマホにだけ別の設定（同時に表示する枚数・自動再生・矢印・ドットなど）を使う方法…
-
ブログリンクブロックの使い方
URL を入れるだけでリンク先のタイトル・説明・画像（OGP）からリンクカードを作るブロック。ラベル・表示切替・再取得、…
-
レイアウト（＋ボックス）ブロックの使い方
ブレークポイントを持たないレスポンシブグリッド。「1 列の最小幅」だけで自動的に折り返し、各ボックスをリンクにしたり背景…
-
details（アコーディオン）ブロックの使い方
ネイティブの details/summary を使った開閉ブロック。PC／スマホ別の初期状態、「ひとつ開くと他を閉じる」…
-
dl（説明リスト・FAQ）ブロックの使い方
用語（dt）と説明（dd）の対で情報を構造化する説明リスト。FAQ として使うときの schema.org FAQPag…
-
dialog（モーダル）ブロックの使い方
ボタンを押すとネイティブの dialog でモーダルを開くブロック。ボタンの文言・スタイル・サイズ・配置・矢印、モーダル…
-
if（条件分岐）ブロックの使い方
if / else if / else で表示を出し分けるブロック。ページ種別・投稿タイプ・タクソノミー・ログイン状態・…
-
scope（タグ・スコープ CSS/JS）ブロックの使い方
囲む HTML タグを選べるグループ風のブロック。このブロックの中だけに効くスコープ CSS（フロント・エディタ／フロン…
-
アクションフックブロックの使い方
ブロックの位置に PHP の出力やフィールドブロックの内容を差し込む、上級者向けブロック。フック名の決め方、フィールド／…
-
フィールドブロックの使い方
その場には表示されず、同じ名前のアクションフックの位置に内容を出力する「名前付きの入れ物」。名前の付け方、クエリループ対…
-
クエリラップブロックの使い方
WordPress 標準のクエリループの中で使う、アクセシブルなカードブロック。カード全体をクリック領域にしつつ本物のリ…
-
テキストツールバー（スパン・wbr）の使い方
段落や見出しのツールバーに追加される shitate 専用ボタン。マーカー（span.sb-marker）と自由スパン（…
-
テキストアクション（共通文字列）の使い方
よく使う文字列に名前を付けて登録し、エディターのテキストから呼び出す仕組み。本文には参照だけが保存され、設定を変えればサ…
-
高速化プラグインとの併用（使用されていない CSS の削除などの除外設定）
CSS を作り直す最適化機能（WP Rocket の「使用されていない CSS を削除」など）が @scope を壊すと…