スポンサーリンク
WPプラグイン

STEP表示に特化したプラグインを作ったよ!

WPプラグイン
スポンサーリンク

どーも!こんにちは!淡路タマオです!
配布の時間がやってきた!

淡路タマオ
淡路タマオ

画像付きSTEP表示プラグイン!

好きなだけ画像付きのSTEPを追加できるぞー。

好きなだけSTEPが追加できます。
画像付きです。
スマホ表示は縦になります。
ただそれだけのプラグインです。

誰でもかんたんに、設定できて、日本語UIで必要最小限の機能しか実装していませんので軽量です!
百聞は一見にしかず。これです。(しょーもない画像ですみません)

STEP① えっ??
STEP①

えっ??

ん??どうしたん??
STEP② はっ!!
STEP②

はっ!!

やばいかも????
STEP③ ガーン!!!
STEP③

ガーン!!!

無理だったー。最悪やー。
STEP④ しくしく
STEP④

しくしく

もうしません。つらすぎる。



今回もGeminiを相棒にプラグインを作りました。
プロンプトはもうはっきり憶えてませんが、こんな感じ。
完成のイメージを細かく伝えるのが超重要。

参考プロンプト

よくある導入の流れのようなSTEP表示のプラグインを作ってください。

WordPressのダッシュボードに管理メニューを作る。
5パターン作れる。ショートコードで本文に表示させる。

各パターン毎に設定を変更できる。
各ステップはカード表示、カード背景色は指定できる。
PC表示は1行に何ステップ表示するか設定できる。
PC表示の場合上から
・「①」「STEP①」を選択できる。文字大きめ
・タイトルH3
・画像メディアファイルから選択(サムネイル表示)3:2に自動でトリミング
・文章

スマホ表示の場合は
・枠外に「①」もしくは「STEP①」表示
・ウィンドウの90%(うち左30%で画像(2:3)に自動でトリミング)右60%で文章)

そんなのは面倒だ!
という方は以下からダウンロードしてインストールしてみてください。

コメント

DigitalOnion Menu
タイトルとURLをコピーしました