2019年8月4日こんにちは。機能追加と仕様改善を中心に改良したメシオプレス04ver.1.1.1を公開しました。段落間の余白を調整できるクラスを実装しました。「ここの段落間を狭くしたい」「ここの段落間をもう少し広げたい」といった細かな調整に使えます。海外のサイトでも主流になっている角丸ボタンを使えるようにしました。この形のボタンの正式名称が「角丸ボタン」で良いのかわかりませんが、メシオプレス04では「丸型ボタン」が別にあるため、丸型ではなくて「角丸」と呼ぶことにしました。女性向けサイトに向いています。検索ボックスのボタンの角丸選択と、カラーが変更できるようになりました。サイトイメージに合った検索ボックスを設置できます。参照:ばーちゃる脱毛(04サンプル5)機能追加:コメント投稿ボタンのカラー変更と角丸設定を追加コメント投稿ボタンも、サイトイメージに合わせたデザインとカラーに変更できるようになりました。特集枠のボタンを非表示にしたり(代わりにテキストリンク設置可能)、タイトルを中央揃えにしたり(文字数が少ない場合におすすめ)、飛び先リンクを別ウインドウで開ける(外部サイトへの誘導にも使える)ようにしました。機能追加:LP用特集枠の丸抜き画像の大きめバージョンを追加LP用特集枠(通常記事でも使える)用の丸抜き画像を一回り大きくしたバージョンを選択できるようになりました。通常バージョン大きめバージョン機能追加:LPのヒーローイメージ画像にスマホ用を追加LPのヒーローイメージにもスマホ用の画像を指定できるようになりました。画像にテキストを後乗せするのではなくて、最初から文字入りの画像を設置できます。投稿、固定ページ、LPの1カラム記事幅に「コンテンツ幅」(最大938px)を追加しました。トップページやLPなど、文字よりもパーツを使って訴求したいページに使うのがおすすめです。機能追加:テーブルのセル全体リンクテーブルのセルにテキストリンクを挿入した際に、セル全体をクリック可能にするクラスを追加しました。機能追加:スマホ用テーブルに左右余白をつけるメシオプレス04のテーブルは、スマホだと画面幅いっぱいに広がる仕様にしています。これはメシオプレス02から引き継いだ仕様ですが、04ユーザーさん向けアンケートでも、「見やすい」と好評でした。2列テーブルの場合は、「左右に余白を入れたほうが見やすい」という意見がありました。たしかに、2列で文字数が少ないと「テーブル内の余白」が目立ってしまいます。そこで、2列テーブル用に、スマホでも左右に余白を付けられるオプションを追加しました。3列以上のテーブルでも使えますが、3列以上は文字の折返しが発生して見にくくなる可能性が高いので、2列テーブルでの使用をおすすめします。「オリジナルショートコード」で「自動的に段落をつける」機能のON/OFFを選択できるようにしました。基本的には「自動的に段落をつける」のままで良いのですが、「アイキャッチ付き内部リンク(ブログカード)」を2つ以上並べて登録する場合、pタグが余計に入って表示がバグってしまいます。その対策として、pタグを外せる機能です。仕様改善:ヘッダー画像の設定を廃止(ヒーローイメージで代用可能)ヘッダー画像(旧式ヘッダー)の設定を廃止しました。理由は、ヒーローイメージの設定で、旧式ヘッダー画像と同じ表示ができるからです。旧式ヘッダー画像の設定方法は、下記の記事を参考にしてください。仕様改善:ヒーロボックスのコピーブロック背景の上下余白を調整ヒーローボックスの「ボックスの高さ」を「ボックス内のコンテンツに合わせる」にしたときに、コピーブロック背景色の上下に余白ができるようにしました。仕様改善:リンクボックスの表示文字数を調整リンクボックスの左右余白を均等にしました。画像の順に変えました。元の表示順のほうが良い気もします・・・。これはどういうコピーを書いているかにもよるんですよね。したら、元に戻すかもしれません。参照:LPサンプル4(幅720px、ヘッド画像右。メシオプレス04デモサイト(機能全部載せ)仕様改善:テーブルを左右揃えにしたときの余白を調整テーブルを左右揃えにしたときに、セル内のテキストが窮屈なので余白を少し広げました。仕様改善:WordPress標準キャプションの余白を調整WordPress標準のキャプションを使ったときに、画像との余白が窮屈なので少しだけ広げました。記述・説明リスト内で箇条書き(ddタグで囲む)をしたときに、行間が広すぎるのを調整しました。区切り線を入れて見やすくしました。「改訂履歴」という使用例をパーツ化して解説しました。更新履歴の表示件数が3~5件の選択だったのを、1件から選択できるようにしました。更新頻度が高くないサイトなど、最新の1件のみ表示したい場合に対応しました。仕様改善:吹き出しグレーの枠線を調整グレーの吹き出しの矢印部分が見えにくいので、グレーだけ矢印部分を太くしました。装飾ボックス・装飾写真枠ショートコードの画像を、スマホのRetinaディスプレイでもボヤケない高解像度画像に差し替えました。特集枠の説明文を段落分けできるようになりました。その他、不具合修正テーブルの列ごとに左揃え、中央揃えを分ける方法の解説を追加04Pro版に対応するための修正スライドメニューの一番下の項目が表示されない不具合を修正IEのみの不具合(特集枠、ランキング横ショートコードが縦に伸びてしまう。➜この記事、ぜひSNSでシェアしてください!ツイートシェアはてなPocketこの記事のタイトルとURLをコピーする下のテキストボックスの内容がコピーされました。今すぐSNSなどに「貼り付け」してみてください。スマホは「ロングタップ(長押し)」すると貼り付けられます。お使いの端末ではこの機能に対応していません。下のテキストボックスからコピーしてください。