コピー2020.01.24スポンサーリンクWordPress無料テーマCocoonには便利な機能が沢山あります。今日は「記事内の2カラム3カラム設定方法」について。Cocoonはカラムの設定も超簡単にできるんですよ。ブログではあまり使わないかもしれませんが...※ちなみにわたしはいまだにクラシックエディタを使っています。クラシックエディタ愛用の人には特に嬉しい機能だと思うんですよこれ。まとめCocoonのカラム設定方法ビジュアルエディタで「タグ」のプルダウンから設定します。いっても選択するだけ!簡単すぎる!あとは文でも画像でも好きなように入れていきます。上の画像では背景に色がついていますが、これは編集時にわかりやすくするためだけで実際は背景色はありません。スマホだと縦に並びます。|□|□|)同じサイズの2カラムならこちらを選択。※枠と背景色は実際はありません。右側に入力する内容ソースはこうなっています。|□|□□|)2カラムでPCでのサイズを1:2に。スマホで見ると同じサイズです。※枠と背景色は実際はありません。右側に入力する内容ソースはこうなっています。|□□|□|)2カラムでPCでのサイズを2:1に。スマホで見ると同じサイズです。※枠と背景色は実際はありません。右側に入力する内容ソースはこうなっています。|□|□□□|)2カラムでPCでのサイズを1:3に。スマホで見ると同じサイズです。※枠と背景色は実際はありません。右側に入力する内容ソースはこうなっています。|□□□|□|)2カラムでPCでのサイズを3:1に。スマホで見ると同じサイズです。※枠と背景色は実際はありません。右側に入力する内容ソースはこうなっています。class="column-right">右側に入力する内容</div></div>3カラム3カラムです。ビジネスサイトって3カラム結構使いません??特に幅いっぱいのページ。※枠と背景色は実際はありません。右側に入力する内容ソースはこうなっています。class="column-right">右側に入力する内容</div></div>4カラム4カラムにしたい!って時は2カラムの中に2カラムを入れます。※枠と背景色は実際はありません。まとめというわけで主にクラシックエディタ愛用の方には便利なんじゃないかなと思うCocoonのカラム設定方法でした。超初心者がSVGをWordPressで扱う方法をまとめておきます。デフォルトではWordPressでSVGファイルをアップロードできないため注意が必要です。WORDPRESSWordPress無料テーマCocoonのショートコードの使い方WordPress無料テーマCocoonのショートコードの使い方や設定できる項目、オプションについてまとめておきます。WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!5まとめ編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。カスタマイズのまとめとサンプルサイトの公開です。WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。トップページにカテゴリ別の新着情報一覧を表示させる方法です。WORDPRESSWordPress5.3にバージョンアップしました2019年11月12日、WordPress5.3がリリースされたのでバージョンアップしてみました。影響範囲やバージョンアップ内容について。WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。トップページカスタマイズ編です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。素材アーカイブ2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月おすすめサーバこのサイトでも使用しています。まとめAUTHOR書いた人nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。nullll14人気記事Cocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編2019.10.152020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編2019.11.262020.01.14Cocoonをコーポレートサイトっぽくカスタマイズ!7おまけ:ヘッダに電話番号編2019.12.122020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編2019.10.162020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!3料金表編2019.10.182020.01.09nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。Reserved.検索メニューWEBWORDPRESSWORKSいろいろプロフィールタイトルとURLをコピーしました。