WaffleDB
コードを書かずに、サイトに"使えるデータベース"を。
このあとの画面キャプチャは、実際にWaffleDBで作成した「くだもの図鑑」と「寿司店紹介」の2つのテーブルです。 管理画面とサイト表示を見ながら、テーブル作成から公開までの流れを紹介します。
3ステップでサイトに公開できます
このあと、それぞれのステップを実際の管理画面キャプチャで見ていきます。
テーブルを設計する
テーブルと、必要な項目(カラム)を管理画面で決めます。
データを登録する
フォームからデータを入力。一覧・詳細ページは自動で作られます。
サイトに公開する
ショートコードを貼るだけで、来訪者に表示されます。
テーブルの構造を作る
「fruits(くだもの)」というテーブルに、名前・産地・画像URLといったカラム(列)を追加しています。 列の追加・並び替え・編集はすべてこの画面から行えます。
列名・表示名・データ型・桁数を自由に設定でき、あとから追加や並び替えもできます。
項目タイプは20種類以上
カラムを追加する際、テキスト・数値・日付・画像URL・Markdown・リレーション・プルダウンなど、 データの性質に合わせて入力形式を選べます。
画像・URL・メールアドレスなどは、入力チェックや表示形式もタイプごとに最適化されます。
登録したデータは一覧で管理
登録したデータは表形式で一覧表示されます。画像URLのカラムは自動でサムネイル表示され、検索・並び替えもその場で行えます。
1,000件を超える大きな表でも自動でAJAX表示に切り替わり、検索・並び替えが快適に動作します。
詳細ページも自動で作られる
一覧の「詳細」リンクから、1件分の情報だけを見やすくまとめた詳細ページが自動で表示されます。
サイト側でも [waffledb_item table_id="1" item_id="5"] で同じ詳細表示を公開できます。
貼るだけ、挿入するだけで公開
固定ページや投稿にショートコードを貼る、またはブロックを挿入するだけで、 ログイン不要の一般公開ページとしてテーブルの内容がそのまま表示されます。
固定ページ・投稿に [waffledb table_id="5"] を貼り付け。
ブロックエディタで「WaffleDB」と検索し、「WaffleDB Table」ブロックを挿入してテーブルを選ぶだけ。
サイトのテーマ(デザイン)にそのまま馴染む見た目で表示され、来訪者は管理画面を意識せず閲覧できます。
テーブルはいくつでも、自由な構成で
同じ仕組みで、まったく違うテーブルも作れます。この「sushi(寿司店)」テーブルは 店名・紹介画像・紹介文の3列だけで構成されています。
くだもの図鑑からお店紹介まで、目的に合わせてテーブル構造をゼロから自由に設計できます。
こんな場面で活躍します
WordPress公式プラグインディレクトリに公開中
WaffleDBは WordPress.org 公式プラグインディレクトリに正式登録されているプラグインです。 管理画面の「プラグインを追加」からキーワード検索するだけで、誰でも無料でインストールできます。
WordPressだけで完結する、ノーコードのデータベース
専門知識がなくても、管理画面だけでオリジナルのデータベース機能をサイトに追加できます。
まずは1つ、表を作ってみましょう。時田正彦 Tokita Masahiko
WaffleDBの開発者です。WordPressサイトの構築・カスタマイズなど、お仕事のご相談がありましたらお気軽にご連絡ください。
メールアドレス
ご依頼・ご相談はこちらへ。
tokitam@gmail.com Portfolioポートフォリオ
実績・制作物はこちらでご覧いただけます。
tokita.net X(旧Twitter)@tokitam
開発の近況などを発信しています。
x.com/tokitam取得認定資格