汎用カスタマイズ

エントリーカードでカテゴリータグを複数表示する:プラグイン版

WordPressの無料テーマ、Cocoonのエントリーカード・アイキャッチ・カルーセルのサムネイルに表示されるカテゴリーラベルを複数表示するプラグインです。

Cocoonのカスタマイズをプラグイン化

Cocoonでカスタマイズを行う際、多くの方が子テーマのCocoon Child内のstyle.css、javascript.js、functions.phpなどに記述を追加されていると思います。 しかし、カスタマイズを重かさねてい...

エントリーカード・サムネイルの余白を均等にするカスタマイズ

Cocoonのエントリーカード。インデックス表示されるものや、サイドバーで表示されるもの、カルーセル、いろいろあります。 そんなエントリーカードにサムネイルを付ける事が出来るのですが、サムネイル周辺の余白が気になったのでカスタマイズ...
2019.03.11
スポンサーリンク

cssにphpの変数(Cocoon設定)を反映する−その②

前回の記事でCocoon設定をcssに反映する方法を紹介しました。 今回は、Cocoon設定をどの様に利用するか、具体的な記述方法を紹介します。 Cocoon設定の名前と値の取得方法 最初にCocoon設定の「名前」と「...

cssにphpの変数(Cocoon設定)を反映する−その①

Cocoonのスキンを作成していると、どうにもCocoon設定のオプション値(ユーザーが設定した値)をスタイルシートに反映したくなります。 文字サイズ 行の高さ 例えば、Cocoon設定→全体タブで、サイトフォン...

php処理でカラーコードをhslaに変換

Cocoon用スキンの作成に没頭しているのですが、php処理でhslaを使いたくなったので作ってみました。 #xxxxxx→RGB→HSLA colorcode_to_hsla() //カラーコードをHSLAに変...

エントリーカードでカテゴリータグを複数表示する:改定版

2019-03-16:追記 よりカンタンにカスタマイズが行える様、プラグインを作成しました。 こちらのページを御覧ください。 カテゴリーの色設定 今更いまさらですが、カテゴリーって色を指定で...
2019.03.16

グローバルナビのサブメニューを左に展開する

先日、Cocoonのフォーラムにて「iPad横表示の状態で、右端に余白ができてしまう」問題が上がっていました。勉強がてら解決方法を考えてみたいと思います。 原因はサブメニュー 問題の原因は、グローバルナビの右端で使用しているサ...

iOSのSafari、横向きで表示が崩れる

横に向けると文字が大きくなる グリッド揃えに関する記事を書いていた時、ふと手持ちのiPhoneで、表示を傾けると急に文字が大きくなった。(タイトル画像参照) ルビの振ってある「行取ぎょうど」がcss通りの大きさなのだが...

AMP用と通常用とでcssを使い分ける

以前の記事で、AMPページでもサイトの印象が変わらぬ様、配色や装飾に必要なミニマムなcssとしてamp.cssを作成し、50KB制限に収める手法を試みました。ですが、Cocoonの仕様ではAMPページではamp.cssとstyle.css...
スポンサーリンク