裏ミッション②　cocoonをカスタマイズ

桜大福日和で演奏動画公開しませんか？
→ストリートピアノのお誘い
→桜大福日和 Q＆A
→桜大福日和で公開出来ない曲
→参加申し込み・お問い合わせ

てな表向きな「桜大福日和」ですが、
かーこの裏ミッション、
「誰でも簡単にサイトを作れる」というwordpressにチャレンジしてます。

テンプレートはわいひら様の「cocoon」を使わせていただいてます。
何をどうしたらいいかわからず、悩んでましたが、わいひら様の「cocoon」に出会い、少しずつ進みました。
※今でもよくわからないまま作成してます。。

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

cocoonのテンプレートよりカスタマイズした内容

  • アイキャッチ画像を本文に表示しない
  • 右カラムを左カラムに変更
  • 左カラム内の「最近の投稿」の内容のテキストのサイズを小さく。
  • 「Twitter」「Facebook」などのボタンの非表示

アイキャッチ画像を本文に表示しない

アイキャッチを本文に表示させない方法は2つあります。
一つはCocoon設定で「アイキャッチを本文に表示させない」設定をするもの。
もう一つは「Conditionally display featured image on singular posts and pages」プラグインを追加する方法。

Cocoon設定
すべての本文でアイキャッチが表示されなくなります。

「Conditionally display featured image on singular posts and pages」プラグイン
記事によってアイキャッチを表示させるかどうかを選べる。

Cocoon設定

①Cocoon設定
②画像のタブ
③「本文上にアイキャッチを表示する」のチェックを外す。
④末尾の「変更をまとめて保存」をクリックする。

すべての本文中のアイキャッチが表示されなくなります。


①「Conditionally display featured image on singular posts and pages」のプラグインをインストールする

②記事の編集ページを開き、「投稿」の「アイキャッチ画像」のすぐ下にチェックボックスが表示される。
チェックすると、本文にアイキャッチ画像が表示されなくなります。

右カラムを左カラムに変更

これは探しました。。
初期の頃に設定を探しまくったのですが、わからず、あきらめた頃に、他の設定を探していて、見つけました。

「Cocoon 設定」の「全体」のタブを開いて、結構下の方に下がっていくと「サイドバーの位置」でサイドバーを右にするか左にするか、設定できます。

見つけてしまえば簡単なのですが、「外観」の「ウィジェット」辺りを探しており、なかなか見つけれなかったです。

左カラム内の「最近の投稿」の内容のテキストのサイズを小さく。

方法を変更しました。
↓を参考にしてください！
裏ミッション7wordpress、サイドバーのテキストサイズを変更する（Cocoon設定）

以下の方法は難ありなので、必ず上記の方法で変更してください。
下記はこの記事を書いた当時の記録として残してますが、不完全な方法です。

左カラム内の文字が記事本文より大きかったので、何とか小さくしたくて、探しましたが、なんて検索すればいいのかがわからなくて悩みました。
キーワードは「サイドバー」。
「wordpress サイドバー内の文字サイズを変更」で検索すると出てきます。
記事内のテキストサイズの指定は簡単なんだけどね。。

「外観」→「カスタマイズ」の左カラム内の「追加css」を開き、

.widget-sidebar ul li a {
font-size: 0.8em;
}

上をコピペで張り付けて、「公開」。

んでもって、「最近の投稿」「最近のコメント」「カテゴリー」の太字も小さくしたいけど、わからない。。
せめて「表示できるコメントはありません。」は小さくしたいけど、やっぱりわからない。。

「Twitter」「Facebook」などのボタンの非表示

これは、 「Twitter」「Facebook」 を登録していないので、このボタンにどんな意味があるのかわからなくて、非表示にしました。

「Cocoon 設定」→「Cocoon 設定」→「SNSシェア」タブ→「トップシェアボタンの表示」と「ボトムシェアボタン」の辺りのチェックを外す。

このボタン、どんな意味があるんですか？？
やっぱり表示させといた方がいいんですかね？？
存在感がありすぎて、消しました。

いつか出来たらうれしいカスタマイズ

もっといろいろあるけど、とりあえずは、上の3つだけは何とか直したいなぁ。。
と、思いつつ、まったくわからない。
カスタマイズの旅はまだまだ続くよ。。

コメント