現在デフォルトスキンとして「Season (Summer)」を適用中。

Cocoon 1.7.2公開。ブロックエディターインラインスタイルのドロップダウン化。バッジスタイルの追加。

アップデート情報
この記事は約5分で読めます。

以前のブロックエディターのインラインスタイルツールボタンはこんな感じ。

けれど、これだと場所取りすぎるので、同一用途ごとにドロップダウン化しました。

インラインツールボタン

スポンサーリンク

機能追加

  1. 「文字」ドロップダウン追加
  2. 「マーカー」ドロップダウン追加
  3. 「バッジ」ドロップダウン追加
  4. 「文字サイズ」ドロップダウン追加

詳細はこちらを参照してください。

Cocoon Blocksの現在の対応状況
Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。

「文字」ドロップダウン追加

ブロックエディターのツールボタンに「文字」インラインスタイルを追加しました。

文字ドロップダウンメニュー

「マーカー」ドロップダウン追加

ブロックエディターのツールボタンに「マーカー」インラインスタイルを追加しました。

マーカードロップダウンメニュー

「バッジ」ドロップダウン追加

ブロックエディターのツールボタンに「バッジ」インラインスタイルを追加しました。

バッジドロップダウンメニュー

「文字サイズ」ドロップダウン追加

ブロックエディターのツールボタンに「マーカー」インラインスタイルを追加しました。

文字サイズドロップダウンメニュー

ドロップダウンメニューの実装には、ロコさんに、絶大なるヒントをいただきました。

ブロックエディターツールボタンのドロップダウン化について
わいひら様、アップデートありがとうございます。 こちらの記事の「ツールボタンをドロップダウン化したい」にて、 とありますが、Gutenberg公式のテーブルブロックがサンプルとして参考になるかと思いますがいかがでしょうか。   また、「今後特にやりたいこと」には挙げられていなかったのですが、可能...

変更

  1. モバイルの吹き出しアイコンサイズ調整
  2. ボタン色調整
  3. バッジ色調整
  4. マイクロバルーンの余白調整
  5. シェア・フォローボタンにnoreferrer追加

関連トピック。

吹き出しの大きさについて
いつもお世話になっております。 好みがあるかもしれないですが… Cocoonの吹き出しはモバイル表示になるとかなり小さいと思います。 以前はCSSで大きさを変えていましたが、AMPの容量オーバーもあり今は標準のままです。 そこで、Cocoonの設定から吹き出しアイコンの大きさを 大中小のように選択式...

不具合修正

  1. 「マルチページのページャーリンク」スタイルの重複削除
  2. プロフィール入力エリアの出力制限
  3. WordPress標準のブロックエディターカラムの不具合修正
  4. m-soraスキンの背景画像の不具合修正
  5. 予約投稿時の投稿日と更新日の不具合修正
  6. figure.wp-block-embedとdiv.wp-block-embed__wrapperの除外

関連トピック。

改ページによる記事分割時のページャーボタン内の文字変更につきまして
いつもお世話になっております。改ページで記事を分割した際に表示される「前へ」「次へ」のボタンの文字を「前のページへ」「次のページへ」に変更したいと思い、以下の手順でやってみましが、自信がありません。 1.子テーマのフォルダ直下に「tmp」フォルダを作り、その中に親テーマから「pager-page-l...
プロフィール設定画面のプロフィール画像欄を非表示あるいは削除をしたい
 先日は検索窓に関する相談でわいひらさんとメンバーさんにはおせわになりました。  そうまも立たぬまま新たな質問をしてしまって申し訳ないのですが、一つご相談があります。  私のサイトはプラグインによって会員サイトとして構築しているのですが、サイト上のユーザープロフィール編集画面からも、プロフィール画像...
カラムブロックのデザインに関する不具合
特定範囲のpx幅でカラムブロックのデザインが崩れます。 例えば、iPadのpx幅(768px)では各カラムの横幅が横並びを想定した幅になっているにもかかわらず、カラム全体としては横並びが解除された形になっています。 @media (min-width: 600px).wp-block-column:...
背景画像がスクロールされてしまう
いつもお世話になっています。頼まれて制作したWebサイトにて「m-sora」スキンを使用しておりますが、iOSで表示すると背景画像がスクロールされてしまいます。そのため、記事が増えると背景画像が記事全体の長さに拡大されてしまい、背景がザラザラしたノイズとして表示されてしまいます。配布元のサイトもiP...
予約投稿時、当日に更新したことになる
わいひらさん、いつもお世話になっております。予約投稿した際に、当日に更新したことになってしまいます。例えば今日書いた記事を、明日の予約投稿にしたとします。すると以下のような表示になります。 こちらのサイトのインデックスページで、投稿日と更新日が同じ日付の記事は全て予約投稿したものです。更新日が無...

お礼

Amazon欲しい物リストから「コンクールF」マウスウォッシュをいただきました。

ありがとうございます!

日々、健康に過ごすなら、まずは口内環境を整えることが肝要!口内環境の悪化は病気の元。ということで、毎日愛用しています。

低刺激でありながら、効果が高いと感じています。
※マーケットプレイス発送なので送り状がなく、お名前はわかりませんでした。

自動アップデート機能は、しばらく後に有効になります。
Cocoonテーマの自動アップデート機能について

個々のアップデートの詳細については以下の履歴を参照してください。
GitHub Cocoonのコミット履歴

アップデート情報
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年1ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:10ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon

コメント テーマの質問はフォーラムへ

  1. ぷっぷ より:

    バッジきたー*・゜゚・*:.。..。.:*・'(*゚▽゚)’・*:.。. .。.:*・゜゚・*
    「参考リンク」で多用しているため、これでクラシックを一つも使わずにGutenbergを100%使うことができるようになった!(私が)

    ワーイ

    しかも「キーボードキー」もきてるー∩(・∀・∩
    デスクトップアプリのインストールとか操作方法でキーボード説明をすごい使うから、これまた嬉しい。

    ロコさんとわいひらさんありがとー!

    • わいひら わいひら より:

      ありがとうございます。
      バッジもさっさと実装したかったんですけど、以前のボタン表示形式だと、場所がなかったんですよね^^;
      今回、ドロップダウン化できたことは大きいです。
      必要な機能を追加しようと思えばまだまだできます。

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