はてなブックマーク

Gutenberg ブロックエディター用のお問い合せフォームプラグイン Snow Monkey Forms をリリースしました。クラシックエディターでは使えません。 Snow Monkey 以外のテーマでも使えますが、Snow Monkey 以外のテーマでは余白などのバランスは調整が必要になると思います。 使い方フォームをつくるとりあえず有効化してフォームの新規作成ページを開いてください。 1. 項目を追加するSnow Monkey Forms のフォームは次のような構造になっています。 フォーム ├ 項目 ├ ラベル ├ フォーム項目（input とか textarea とか）入力画面エリアの一番下にある追加ボタンを押すと「項目」が追加されます。 2. フォーム項目を追加する追加された「項目」内にある追加ボタンを押すと「フォーム項目」が追加されます。 3. フォーム項目の設定「フォーム項

もともとブログ・メディア向けとを謳っていた Snow Monkey ですが、アップデートを重ねるにつれてコーポレートサイト向けの機能がどんどん強化され、ブログユーザー向けの強みが薄くなってきたな？と感じるようになってきました。 ブログ向けテーマには SWELL などの素晴らしいテーマがありますが、ブログとして Snow Monkey を使っているユーザーさんもいらっしゃいますし、Snow Monkey でブログをやる意味をもうちょっと強化したいな…という意図もあって、Snow Monkey Editor というプラグインをつくりました。 WordPress 公式ディレクトリで配布しているので、WordPress の管理画面からインストールできます。

WordPress 5 から、エディターが全く新しいものに変わりました。これまでのエディターは、一つの入力欄にガーッと文章を書いて、任意の部分を範囲指定して装飾していく、という書き方でした。新しいエディターはこれまでのエディターとは仕組みが全くことなり、「ブロック」と呼ばれるパーツを並べていくことで記事を書いていくスタイルに変わりました。 僕は Twitter で「Gutenberg」というキーワードを登録し、日々どのようなツイートがされているのかを観察しているのですが、WordPress でブログを書いている方には「ブロックエディターは使いにくい」という方がまだまだ多いようです。 これまで使えていたエディターの拡張機能（テーマが追加していたオリジナルの装飾ボタンやショートコード挿入ボタン、AddQuickTag のようなプラグイン）が表示されなくなり、これまでの書き方ができなくなったテキ

Gutenberg ブロックエディターを もっとパワフルに。 Snow Monkey Blocks は、WordPress で「これをやりたかったけどできない」を「できる」ようにするプラグインです。HTML や PHP などのコードを一切書かかなくても、実用的で便利なブロックが使えるようになります。

前述したハンドブックでも基本的なことはできるのですが、全ての API やコンポーネントの情報が載っているわけではないので、もう一歩進んだことをやろうとすると、どうやってやるんだ…となってしまいました。 Gutenberg はもうだいぶ API も固まってきたんじゃないかなぁと想像していますが、これまですごい勢いでどんどん開発されてきているので、ググってでてきた情報を試してみても動かなかったりすることがあります。 そこでおすすめなのは GitHub にある Gutenberg のリポジトリを覗いてみることです。つまりソースを見るということですね。プラグインとしてインストールした Gutenberg にはビルド後のファイルしか入っていないので見てもよくわからないのですが、リポジトリにはビルド前のファイルがあるので、コアブロックのソースファイルとかをみるとかなり参考になります。 「いや、難しくて

オンラインコミュニティでは数日前から投稿して、コミュニティのメンバーの皆さんからご意見など頂いていたのですが、ある程度自分の中でしっくりする形ができてきたので、記事にまとめて公開することにしました。 なぜサブスクリプションモデルに移行するのか まず、なぜ現在の「売り切りモデル」から「サブスクリプションモデル」に移行するのかを書きたいと思います。 先日 WordCamp Osaka に参加したときに、WordPress のプラグイン/テーマ販売やサービスを提供されている方を見つけてはビジネスの状況を聞かせて頂いたり、相談をさせて頂いたりしました。そのときに複数の方からアドバイス頂いたのは「このまま売り切りでずっとサポートもやる販売モデルだと、どこかで破綻するから見直したほうが良いよ」ということでした。 僕自身、このままサポート負荷が高まっていったときにどうなるのだろうということを記事にちょっ

その中で僕のセッションについても触れられていたのですが、その中で次のような会話があっていました。 「このポッドキャストにきてくれたときはさ、もう全然わかんないんですよ、全然売れないし、みたいなこと言ってたじゃん。もういいから流行ってほしいから誰か無料で配ってほしいみたいなこといってたじゃん」 「自暴自棄になってたもん」 「あるいはお金いらないから売ってよみたいな」 「もういま正気に返ったんじゃないですか？」 「はやまらなくてよかったみたいな」 自暴自棄w 今はもう良いからとにかく流行ってほしいとは思っていなくて、Snow Monkey の思想に本当に共感してくれるユーザーが増えてくれれば良いなと思っていますが、誰かが無料で再頒布したり、あるいは再販したりということは特にやめてほしいとも言わないし、誰々に配ってもいいですか？と聞かれれば「良いですよ」とお答えしています。 その辺について、ちゃ

先日リリースした Snow Monkey v3.0 から、デザインスキン機能が利用できます。デザインスキンの実体はプラグインで、インストールして有効化すると、カスタマイザーからデザインスキンを適用できるようになります。 デザインスキンは単純なプラグインなので、つくるのはそんなに難しくありません。子テーマがつくれる方であれば全然問題ないと思います。今回は、僕がつくった「Snow Monkey Design Skin Spring」をもとに、デザインスキンをどうやってつくるのか解説します。ぜひ皆さんもつくってみましょう！ Snow Monkey Design Skin Spring をダウンロードとりあえず、動くサンプルがあったほうがわかりやすいと思いますので、「Snow Monkey Design Skin Spring」をダウンロードしてみてください。 ダウンロード（バージョン番号が大きい

Snow Monkey アドベントカレンダー6日目の記事です。 昨日はさとうさんが「Snow Monkey オンラインセミナーに参加しました！」というタイトルで Snow Monkey オンラインコミュニティでライブ放送を視聴したときのことを記事にしてくださいました。とても嬉しくなる記事で、ライブ放送もやってよかったなと思いました。ライブ放送はまたやってみたいと思います！ 今日は Snow Monkey の CSS 設計や CSS・エディタースタイルに関する Tips なんかを書きたいと思います。 命名規則・CSS フレームワーク Snow Monkey は Basis という自作の Sass/CSS フレームワークを使用しています。Basis については今までいくつか記事を書いているので詳しくはそちらをご参照ください。 Basis は命名規則に FLOCSS を使っているので、Snow

Snow Monkey のライセンスは 100% GPL としていて、購入した人はそれを改造するのはもちろん OK だし、知人にあげることも、自分のサイトにアップロードして配布することも、さらには勝手に販売することも（GPL に基いてさえいれば）何ら問題はありません。また、購入しなければコードが見れない（安全性を確かめられない）というのはどうなんだということで、僕は GitHub 上で全部コードを公開してしまっているので、GitHub からダウンロードすれば購入しなくても使用することが可能ですらあります。 もちろんこれは「自由に GitHub からダウンロードして使ってくださいね」ということではなくて、あくまで「購入前にコードを見れたり事前に自由に試せるほうが良いよね」ということでそうしているのであって、販売者としてはぜひ購入してから使用してもらいたいわけですが、ライセンスが GPL であ