2024.01.20記事内に広告が含まれています。記事を作成していると、読者にとってどれか1つしか当てはまらない情報を扱うことってしばしばありますよね。本来であれば、Windowsの人にはMacの情報、Macの人にはWindowsの情報は不要です。1行程度の情報なら上のようにリストとしてまとめるのでも問題はありませんが、これが複数行になったり画像や動画が入ったりすると、読者にとって不要な情報が増え、読みやすさを大きく損なってしまいます。画面サイズが小さいスマホでは、読みやすさに大きな影響があります。そこで、必要な情報だけを見てもらうようにするために使われるのがタブです。ユーザー向けの説明がここにきます。ユーザー向けの説明がここにきます。読者1人1人が自分に必要な情報に集中できるようになります。既存のプラグインは別ページで登録しショートコードで呼び出すものが大半というのが現状で、敷居は決して低いものではありません。簡単にできますが、吹き出しや付箋などテーマ独自のブロックを活用するとなると、使えるプラグインはほとんどありません。リリースされました!タブを並び替えたブロックで、最初のタブが正しく開かない問題を修正しました。リリースされました!PHP8使用時にエラーが出る問題を修正しました。Block-レスポンシブ&AMP対応」は、ブロックエディターにタブブロックを追加するプラグインです。主な機能は以下の通りです。Block-レスポンシブ&AMP対応」は、レスポンシブです。とみーレスポンシブというのは、画面の大きさに合わせてデザイン・レイアウトを適切に切り替える仕組みです。画面の大きいパソコンではタブを5つ横並びにできるとしても、スマホの画面で同じことをやると窮屈すぎて見にくくなります。このプラグインでは画面大(PC):1行に5つまで画面中(タブレット):1行に4つまで画面小(スマホ):1行に3つまでといった具合に自動で配置を切り替えるため、常に見やすい形を維持することができます。サイト閲覧を高速化するための仕組みです。とみーAMPは使用する技術を制限することによって高速化を実現するので、特別な対策が必要です。的にもマイナスになってしまいます。使わないで作ってあります。3種類をサポートしています。長方形ラベル1長方形ラベル2長方形ラベルの例です(1)。とみーテーマ独自のブロックはもちろん自由に挿入できます。(これはCocoonの吹き出しブロック)長方形ラベルの例です(2)。こんな付箋ブロックも入っちゃいます。角丸ラベル1角丸ラベル2角丸ラベルの例です(1)。ショートコードでは独自ブロックを挿入するのは難しいです。角丸ラベルの例です(2)。ブロックは好きな数挿入できます。ここの色を変えてみたいなぁ。ボタンをクリックした時に文字を変...www.beginner-blogger.com上角丸ラベル1上角丸ラベル2上角丸ラベルの例です。影や枠線は見やすいように後で付け加えています。色は30色の中から選ぶことができます。波線の3種類の枠線を設定することができるようになりました。実線の枠線ラベル1ラベル2枠線が実線の場合です(1)。枠線が実線の場合です(2)。点線の枠線ラベル1ラベル2枠線が点線の場合です(1)。枠線が点線の場合です(2)。とみーこんな感じに枠線に色を付けることもできます。波線の枠線ラベル1ラベル2枠線が波線の場合です(1)。枠線が波線の場合です(2)。枠線の太さを変えることもできる枠線の太さもカスタマイズすることができます。ラベル1ラベル2枠線の最小の太さは0.5ピクセルです。枠線の最大の太さは3.5ピクセルです。ラベルとコンテンツ間の余白ラベルとコンテンツの間に少し余白がほしい。いう場合も、ワンクリックで余白を作れます。ラベル1ラベル2ラベルとの間に余白が設けられました。頻繁に改行する方などは、余白がある方が窮屈に感じないのでおすすめです。Block-レスポンシブ&AMP対応」の機能です。プレミアム-レスポンシブ&AMP対応」ではさらなる機能が利用できます。個の機能が追加されます。各タブを開けるリンクを追加カラーピッカーをサポートとみーデフォルトでも30色用意していますが、よりカスタマイズできるように自分で色を選べるようになっています!ラベルのアイコンアイコンはおしゃれな雰囲気作りにぴったりです。我は圧倒的ネコ派である!なんだかんだイヌが一番いいよね。いやいや、ブタの可愛さを舐めちゃいけないよ。無料版ではラベルに枠線が付いていますが、有料版では枠線の有無を切り替えることができます。枠線付きラベル1枠線付きラベル2枠線付きラベルの例です。このブロックは上部の余白は「なし」、コンテンツの枠線は「実線」という設定です。枠線なしラベル1枠線なしラベル2枠線なしラベルの例です。このブロックは上部の余白は「なし」、コンテンツの枠線は「なし」という設定です。枠線の色もカスタマイズできるようになりました。色枠線付きラベル1色枠線付きラベル2ラベル枠線に色を設定した例です。枠線が細いのでわかりにくいですが、コンテンツの枠線と同じ緑色が設定されています。立体的なデザインがお好きな方に。ラベル1ラベル2枠線が影付きの場合です(1)。枠線が影付きの場合です(2)。スクロール可能なラベルラベル1ラベル2ラベル3ラベル4長いラベル長い長いラベルさらに長い長いラベルラベルの大きさはタイトルの大きさにフィットします。角丸ラベルにも対応しています。長すぎるのは避けたいですが、ちゃんとスクロールできます。長くなっても大丈夫!ラベルが長くても大丈夫。スマホなど画面の小さいデバイスに合います。タブへのリンク機能が追加されました!とみーリンクをクリックするとお好きなタブを開いた状態でブロック部分へジャンプすることができます。カラーピッカーのサポートが追加されました!とみーカラーピッカーをサポートしているテーマ限定ですが、好きな色を自由に設定できます。ラベル1ラベル2このブロックではラベル背景色を水色、ラベルテキスト色を紺にしています。全体の枠線はオレンジになっています。ラベル背景色(選択時)をピンク、ラベルテキスト色(選択時)を黄緑にしています。ラベルの枠線は紫に近いピンクです。こちらの機能はやや不安定で、色が反映されないことがあるため現在ベータ版となっています。色が反映されない場合はページをリロードすることで正しくファイルが読み直されます。AMP対応」は、以下でダウンロード・インストールできます。7の「メッセージ」タブでお問い合わせフォーム送信時にユーザーに表示するメッセージを設定していきましょう。デフォルトのままでも問題はありませんが、少し工夫して丁寧でわかりやすいメッセージにすると印象がグッと良くなります。7の「その他の設定」タブで動作確認のためのデモモードや承認確認エラーメッセージの表示方法を設定する方法を詳しくまとめています。7でお問い合わせフォームを作成・設置する方法を、その必要性とともに詳しくまとめています。メニューや固定ページなど新しいものがいくつか登場しますが、初めての人でも理解できるようになっているのでぜひチャレンジしてみましょう!プラグインWordPressのプラグインとは?〜理論編〜WordPressのプラグインについて、初心者向けに理解しておきたい内容をまとめています。WordPressのミニマルな設計に基づいたプラグインを使う上での注意点を取り上げており、「理論編」ですがプラグインのインストールする方法にも簡単に触れています。7のお問い合わせフォームのセキュリティを強化しましょう。PM有料版を使わせていただいております。Webサイトの作成にとても便利で助かっています。現状、タブの最大数が10個ですが、今後のアップデートでその数が増える予定はありますか?年間行事を月ごとに載せたいと思っているので、タブが12個あるととても嬉しいです。それ以上に増やせると、もっと用途が広がりそうです。ご検討いただけますと幸いです。PMRさまはじめまして。タブ数に関するご要望ありがとうございます。画面サイズに応じて1行あたりのタブ数を変える実装をしている関係上、あまりタブ数を増やしすぎると対応が難しくなってしまう可能性があるのですが、12個程度であれば対応できるかと思います。次回のアップデートをお待ちください。PMお忙しいところ、ご返答ありがとうございます!アップデートを楽しみに待っています。AMいつもお世話になります。現在不思議な現象に見舞われております。タブのあるページを開いた際、一番左のタブの内容が表示されるはずですが、編集中に後ろにあるタブを先頭に移動したりすると元の先頭タブが表示されるか、一切どのタブも表示されなくなるという現象になっております。6.3.2で作業しています。PMkawzzさまお世話になっております。ご報告いただきました不具合について、現在調査中です。ご不便をおかけし申し訳ございませんが、調査結果をお待ちいただけますと幸いです。お待たせいたしました。タブを並び替えた後も一番左のタブが正しく開かれるように修正いたしました。設置しようとしてエラーが出た人用にメモ程度です。145などエラーが出ます。PHP7でないとエラーが出るようです。エラーが出て焦りました。PMyumottiさまはじめまして。不具合のご報告ありがとうございます。PHP8にて動作確認、不具合の検証いたします。PMお返事ありがとうございます。PHP8を入れ始めている方が多くはなっているかもしれませんがまだまだだと思っております。そのため重要めっちゃ低いはずですので、直ったら程度で良いかと思います。エラー修正いたしました。