【動画あり】中国語コンテンツについて

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

CocoonWordPress

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が苦手」ですよね?

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

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

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

「何をすればいいの?」と悩む女性のあなたに朗報!

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

デモサイトを見る >>


いっちゃん紹介

いっちゃん

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

初心者向けにCocoonのカスタマイズをします。ご依頼はこちら。私の幼少期は外国語が嫌いで全く話せませんでした。しかし、多様性に慣れていた私は中国語を学び、人のご縁でシリコンバレーに滞在しました。ただいま、中国語学習動画を有料公開中。詳細はお問い合わせ下さい!

→ プロフィール
→ お仕事のご依頼
→ Cocoonのカスタマイズ

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