Blocs用Bric
Blocs for Macで作るサイトに，数式の表示，コードの色分け，写真ギャラリー，サイトナビゲーションを追加するBricを紹介します。各記事から表示例，配布ファイル，導入手順へ進めます。
したいことから選ぶ
| Bric | できること | 使い始める前に |
|---|---|---|
| Math Renderer | 本文のLaTeX形式の記法を，文中・別行の数式へ変換 | 数式は通常のParagraphへ入力。数式用フォントは外部から読み込み |
| Code Highlighter | コード例を色分けし，行番号・言語名・コピーボタンを表示 | コードと言語名を通常のParagraphへ入力 |
| Gallery Pro | サーバーの写真を4種類のレイアウトとライトボックスで表示 | PHPが使えるサーバーと，写真フォルダーを用意 |
| Navbar Pro | ロゴ，サイトメニュー，言語リンク，明暗スイッチをまとめる | ロゴ画像と，リンクするページを用意 |
Math RendererとCode Highlighterは，機能を追加するための専用Blocへまとめられます。Bricの共通配置手順では，PaddingをNoneにし，ページ内またはGlobal Areaへ置く操作を画面付きで説明します。
Gallery Proは写真を表示したい本文の位置，Navbar Proはヘッダーとして配置します。それぞれの設置ガイドを参照してください。
配布ファイル
ガイドとリファレンス
Math RendererとCode Highlighterは紹介・使い方・設定を1ページにまとめています。Gallery ProとNavbar Proは，最初に紹介で表示例を確認し，使い方や設定へ進めます。
Gallery Pro
Gallery Proのレンタルサーバー操作ガイド
Gallery Pro設置時に参照する8社の公式ファイル管理・権限・PHP設定ガイド。
Gallery Proの設定と写真情報
Gallery Proの設定値，初期値，多言語メタデータ，キャプションとライトボックスの操作。
Gallery Proの設置ガイド
写真の準備，PHP，Blocsのコード欄，写真URLの設定，Publishと添付ファイルの確認を画面付きで説明します。
Gallery Pro
写真をサーバーへアップロードして作品を見せるGallery Proの紹介。4つのレイアウト，ライトボックス，必要な環境と設置ガイド。