【超簡単】Cocoonで囲み枠の中にリストを入れる方法ホームプロフィールお問い合わせ【超簡単】Cocoonで囲み枠の中にリストを入れる方法CocoonTwitterFacebookはてブPocketLINEPinterest2021.04.19こんにちは、さこっしーです。「Cocoon」の便利な機能の一つに、「ボックス」というものがあります。下記のように、いろいろなボックスを使えるようになると、見栄えもよくなるし記事もスッキリと見せられるようになります。水ジュース↑↑こういうのがやりたいんだけど、どうやってやるの?ということで、今回は、「Cocoon」で囲み枠の中にリストを入れる方法をご紹介します。一応、検証で使ったWordPressとテーマのバージョンを記載しておきます。「⊞のマーク」をクリックします。右側の「⊞のマーク」をクリックすると、下記のような画面が出てきます。右の⊞をクリックすると、上部にはよく使うものが表示されます。その中に「ボックス」が入っていないときは、下の「すべて表示」をクリックします。「すべて表示」をクリックして、下の方にスクロールしていくと「Cocoonブロック」があります。この「Cocoonブロック」の中から、好きなものを選んでクリックします。実際に「ボックス」がどのようなものか、ご紹介します。案内ボックス1.2.アイコンボックス1.2.白抜きボックス1.2.付箋風ボックス1.2.タブボックス1.2.アイコンリストタイトル1.2.こんな感じで、いろいろなボックスがあります。次の章では、囲み枠の中にリストを入れる方法をご紹介します。「ブロックの追加(⊞)」→「Cocoonブロック」→「白抜きボックス」をクリックします。ボックスができたら「文章を入力、または/でブロックを選択」をクリックします。つぎに「ブロックの追加(⊞)」→「テキスト」の中の「リスト」をクリックします。すると、下記のように「白抜きボックス」のなかに「リスト」ができます。リストで数字を選びたい場合は、となりの数字をクリックします。実際にボックスの中にリストを入れるとこんな感じになります数字に変えるとこんな感じです色を変えるといろんなバージョンができますボックスの中にリストをいれる方法は、どのボックスを使っても同じなので、いろいろなボックスを使って、試してみましょう。まとめ今回は、「Cocoon」で囲み枠の中にリストを入れる方法をご紹介しました。最初は、とくにリスト表示に苦戦することが多いので、これを見て作れるようになれば幸いです。さいしょは難しくても、慣れると意外と簡単です。囲み枠やリストをたくさん使って、見やすい記事をめざしていきましょう。今回は、以上となります。最後まで読んでいただき、ありがとうございました。CocoonwordpressスポンサーリンクシェアするTwitterFacebookはてブPocketLINEPinterestさこっしーをフォローするsakossyblogsakossyblog関連記事Cocoon【Cocoon】サイドバーボックスメニューのカスタマイズ方法さこっしーこんにちは、さこっしーです。姉ちゃんそういえば、さこっしー。サイドバーにボックス型のナビを設置したいんだけど、どうやってやるのか、おしえて^^サイドバーに設置する人気記事とかカテゴリーとか、なんだかトップやヘッダーと同じものが並ん...wordpressGoogleサーチコンソールの登録とアナリティクスとの連携方法GoogleサーチコンソールとGoogleアナリティクスを連携することで、検索クエリなどをGoogleアナリティクス上で確認できるようになります。この記事ではGoogleサーチコンソールの登録とGoogleアナリティクスの連携方法を紹介します。Cocoon【Cocoon】吹き出しの基本的な使い方【初心者向け】Cocoonには、キャラクターや自分のアバターなどのアイコンで会話形式の「吹き出し」を表示する機能があります。吹き出しを使えば、漫画のように読みたくなりますよね。この記事では、吹き出しの基本的な使い方とカスタマイズ方法をご紹介します。Cocoon【Cocoon】パンくずリストを設置して表示させる方法パンくずリストを設置すれば、クローラーが巡回しやすくなるため、SEO対策で設置しておくのが一般的です。今回はWordPressテーマ「Cocoon」を利用しての、パンくずリストを設置して表示させる方法をご紹介します。Cocoonサーチコンソールの設置とサイトマップの送信方法【Cocoon編】この記事では、無料テーマCocoonを使用して、Googleサーチコンソールの設置の方法からサイトマップの送信方法まで図解入りで解説しています。anti-spamとは、スパムコメントを自動で判別して専用のフォルダに入れてくれるプラグインです。Anti-Spam」の設定方法と使い方をご紹介します。コメントをキャンセルメールアドレスが公開されることはありません。※サイト上に表示された文字を入力してください。☆人生の「おきにいり」を追求している40代会社員。defined.")}))}();。