POSTSダウンロードDOWNLOADマニュアルMANUALレイアウト見本LAYOUTフォーラムFORUMSビジュアルエディターの機能のみでリストをボックスで囲む方法TipsTwitterFacebook14はてブ6Pocket4LINEコピー2018.06.18この記事は約2分で読めます。WordPressの投稿で以下のようなリストを利用する人も多いかと思います。リストアイテム1リストアイテム2リストアイテム3これを、ビジュアルエディターのみを利用して、以下のようにボックスで囲む手軽な方法を紹介します。リストアイテム1リストアイテム2リストアイテム3知っている人は知っていると思うのですが、知らない人も結構多いようなので方法を書いておこうと思います。普通に囲むだけではうまくいかないよく失敗する方法は、以下のようにリストのみを選択した場合です。上記の状態で、スタイルからボックスを選択するとすると以下のように、アイテムごとにボックスで囲まれてしまい、リストまとめてボックス1つで囲めません。これをうまく解決する方法を紹介します。スポンサーリンクリストをうまくボックスで囲む方法ビジュアルエディターでリストをまとめるボックスで囲むには、まずリストの上下に改行を入れます。上下の改行ごとドラッグしてテキスト選択します。上記は分かりやすくするように、上下に半角スペースが入っています。スタイルからボックスを選択します。すると、上下の改行も含めてボックス化されます。あとは余計なボックスをキーボードで削除します。すると、リストをまとめてボックス化されたものだけが残ります。他のボックススタイルでも利用可能もちろん他のボックススタイルでも、順序リストでも、非順序リストでも利用可能です。リストアイテム1リストアイテム2リストアイテム3リストアイテム1リストアイテム2リストアイテム3リストアイテム1リストアイテム2リストアイテム3リストアイテム1リストアイテム2リストアイテム3リストアイテム1リストアイテム2リストアイテム3リストアイテム1リストアイテム2リストアイテム3リストアイテム1リストアイテム2リストアイテム3ビジュアルエディターへの機能のみで、結構簡単にできるので、よろしければ試してみてください。Tipsスポンサーリンクわいひら無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。わいひらをフォローするシェアするTwitterFacebook14はてブ6Pocket4LINEコピーわいひらをフォローするスポンサーリンクおすすめレンタルサーバーカラフルボックス性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。○サーバ引っ越しオプションあり(有料)サービス運営期間:1年6ヶ月1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。クーポンコード:PK4JK4RJクーポンの使用方法はこちら。安定感抜群のサーバーです。急激なアクセス変動がないアフィリエイトサイトに向いています。詳細ページエックスサーバーMixHostプラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。WINGとにかく速い。サイトに表示スピードを求めるならココ。WINGJETBOY格安な値段で始められる高機能サーバーです。性能も備えつつ最安ならここ。サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。詳細ページJETBOYわいひらCocoon関連記事Tips新しいアイコンを利用した「吹き出しデモ」を手っ取り早く登録する方法v0.7.0より、デフォルトの吹き出しアイコンが変わりました。以前のバージョン既に使っている方は、新しいアイコンを使用したデモ吹き出しは登録されません。新しいアイコンを利用する場合は、以下からダウンロードして登録する必...2018.06.16Tipsアフィリエイトタグ管理機能にPCとモバイルで表示を変えるコードを登録する方法アフィリエイトタグ登録でパソコンとモバイルで表示するタグを切り替える方法。2019.03.03Tipsサムネイル上のカテゴリーラベルの表示を切り替えるカスタマイズ方法サムネイルやアイキャッチの上に重なっているカテゴリーラベルの表示切替フックの利用方法です。2019.06.04Tipsパンくずリストのルートテキストを変更するカスタマイズサンプル集パンくずリストの「ホーム」部分のテキストを変更する方法。2019.06.20TipsCocoonランキング機能の「詳細ページ」と「公式ページ」の文言を変更するカスタマイズ方法ランキングボタンラベルのカスタマイズ方法です。2019.01.08Tipsランダムな投稿にリンクされるボタンショートコードのつくり方どの記事に飛ぶかわからないランダムリンクボタンの生成方法です。2019.06.19TipsCocoon設定のプレビュー表示制御フックのサンプルコードCocoon設定にあるプレビュー表示の制御デモです。2019.03.13TipsCocoonのYouTube高速化機能を無効にするカスタマイズコードサンプルYouTube高速化無効処理。2018.08.20TipsCocoon各部分のサムネイルサイズを変更するカスタマイズサンプル集Cocoonのサムネイルサイズを制御するサンプルコード集。14:49ボックスの中にリストを入れる場合marginを取り除いと方が良いと思いますが如何でしょうか。ulの上下マージンのことでよろしいでしょうか?フォーラムは、僕が設定を誤ってしまいログインユーザー以外書き込めない設定になっていました。現在は、ログインユーザー以外も書き込めるように修正しました。23:49最新版(1.1.9)でリストのマージンを取り除いたものに変更しておきました。フォーラムについては、完全に僕の設定ミスです。先日、開発者向けのフォーラムを新しく作りました。https://wp-cocoon.com/community/developer/これは、WordPress、PHP等のある程度専門的な知識が必要になるので、このフォーラムだけ「書き込みは登録ユーザーのみ」とさせていただいたんですが、この設定が他のフォーラムにも反映されてしまった形になります。現在は、別のユーザー権限を作成して、分けて設定しなおしました。現在のフォーラムの書き込み量であれば何とか対応はできます。あまりにも書き込みが増えるようであれば、僕のキャパシティーを超えてしまいます。いう場合は制限を取り入れることもあるかもしれません。いったユーザー制限を取り入れるとしても、当サイトと、ツイッター等で必ずアナウンスはさせていただきます。コメントをキャンセルメールアドレスが公開されることはありません。フォーラムにお願いします。Cocoon設定の「スキン」タブで変更できます。新着記事Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】2019.09.092020.02.03Cocoon既知の不具合。