Cocoonのカスタマイズはいっちゃんまで!

【CSS不要】Cocoonのエントリーカードを縦型カード2列にする方法

Cocoon WordPress

Cocoonのエントリーカードを縦型カード2列にする方法を説明します。

こんにちは。

いっちゃんです。(@hi_icchan_jp)

Cocoonの設定は素晴らしいです。ただ、機能が多すぎて使いこなすのに時間がかかるので参考にして頂けたら幸いです。

CocoonのエントリーカードをPCとスマホで分ける

CocoonのエントリーカードをPCとスマホで分ける方法です。

CocoonのエントリーカードをPCで縦型カード2列にする方法

CocoonのエントリーカードをPCで縦型カード2列にする方法

いっちゃん
いっちゃん

まず、【前提条件】があります。

Cocoonテーマ(WordPress)をブログ投稿型に設定してる場合を想定しています。

設定確認方法は管理画面→設定→表示設定→最新の投稿にチェックが入っている事。

Cocoon(WordPressテーマ)のエントリーカードはデフォルトではシンプルな枠線の入った文章型のボックスです。

設定により、アイキャッチ画像がメインのボックス形式で2分割にできます。

いっちゃん
いっちゃん

Cocoon(WordPressテーマ)の設定は独特です。

手順①:WordPressの管理画面で①Cocoon設定→②Cocoon設定を押す。

手順③cocoon設定→インデックスを選択する。

cocoon の設定(WordPress)

インデックスを選ぶ

手順④:Cocoon設定インデックスのカードタイプの項目で縦型カード2列を選択する。

手順⑤:一番左下の変更をまとめて保存するボタンを押す。

【Cocoon設定→インデックス→上記の設定→変更をまとめて保存する

Cocoon(WordPress)のエントリーカードをスマホで1ボックスにするスキル

Cocoonのエントリーカードをスマホで1ボックスにする方法

【Cocoon設定→インデックス】(上記の設定と同じページです。)で設定します。

上記の設定後、Cocoon(WordPress)テーマのスマホ画面をワンボックス表示にするには、以下の項目にチェックを入れます。

 Cocoonのエントリーカードのスマホ設定

  1. スマホのエントリーカードを1ボックスにする。
  2. カードの枠線を表示する
  3. アイキャッチ画像下の自動生成文数を決める。
  4. 省略していることを文字で表す。

最後に、左下にある色の付いた変更をまとめて保存ボタンを押します。

以上がCoocoon(WordPress)のエントリーカードのカスタマイズでした。

WordPressのCocoonテーマなどのカスタマイズの記事は徐々にアップしていきます。

多くの方の参考になれれば幸いです。


WordPressのインストール代行・カスタマイズをします!

ブログ制作に自信が無い、直し方が分からない方向けです。

 

いっちゃん
いっちゃん

女性の多くが「WordPressが苦手」だと言います。

 

事例① 「インストール」で挫折した

事例② ”「頭が痛くなる」し難しい 

事例③ とにかく「分からない」

 

一見混乱しがちですが、「WordPressのインストール」をクリアするとハードルは下がります。

 

いっちゃんはWordPressのCocoonテーマのカスタマイズをお手伝いします。

 

デモサイトを見る >>

 


 

いっちゃん紹介

いっちゃん

いっちゃん
『Cocoonをカスタマイズ』

初心者向け>>Cocoonテーマのカスタマイズをします。ご依頼は>>こちら(有料)※PHPの編集は除外。

現在WordPressのオリジナルテーマの開発中。私の幼少期は外国語が一番嫌いで全く話せませんでした。

「なぜ周りと違うことがいけないのか?」という疑問を持ちつつも、人と異なる行動をして中国語を学びました。

そして出会った人のご縁でシリコンバレーに滞在することに。こうして私は情報テクノロジーやAIに興味を持ち始めました。>>プロフィール

 

いっちゃんをフォローする !
はなしあいて①.com
タイトルとURLをコピーしました