WordPressとCocoonのこと

ウェブサイトやブログの作成等ができるCMS(コンテンツ・マネジメント・システム)WordPressと、テーマ「Cocoon」に関する記事

WordPress,Cocoon

サイト作りで使えるオンラインツール

私がWEB屋さん時代によく使わせていただいた、便利なオンラインツール(WEBアプリ)をご紹介します。 オンラインツールとは オンラインツールとは、読んで字のごとく、オンライン上で使うことができるツール(WEBサービス)のことです。今は「WE...
WordPress,Cocoon

CSSの色を色名(カラーネーム)で指定する

カラーコードやRGBで色指定するのが億劫な時に便利な、カラーネーム(色名/Color name)についてご紹介します。 カラーネームとは CSSにおけるカラーネームとは、色の指定を簡単にするために定義されたキーワードで、カラーコードやRGB...
WordPress,Cocoon

[Cocoon] パンくずリストのアイコンを非表示にする方法

WordPressの神テーマCocoonのパンくずリストでは、各タイトルの前にデフォルトでアイコンが表示されます。 パンくずリストとは Webサイト内の現在位置を、ツリー状にわかりやすく表示したものです。リンクで各項目に飛べるのが一般的。英...
WordPress,Cocoon

[Cocoon] 投稿日や更新日を消したりする方法

WordPressの新しいエディタ Gutenberg(グーテンベルク) では各投稿ごとに、更新日を消したり任意の日付にする、「更新日の変更」エリアがありますが、一括で非表示したい場合や、投稿日の非表示設定は、css記述で行います。Word...
WordPress,Cocoon

[Cocoon] カスタマイズ用CSS classリスト

「cssファイルを一から読むの面倒くさい」「Cocoonカスタマイズさえできればいいしcssがっつり勉強する気ないし」そんな方のお役にたちそうな、Cocoonでよく使うであろうクラス指定リストです。備忘録を兼ねて随時追記していきます。 「使...
WordPress,Cocoon

[Cocoon] 独自ブロック一覧と、Gutenbergでの使い方

Gutenbergでも使える、Cocoon独自のブロック一覧と、Gutenbergでのボックス設定方法です。※CSSで見た目を触っていて、デフォルトと表示が違う場合があります。予めご容赦下さい。 Gutenbergでのボックス設定エリアの出...
WordPress,Cocoon

[Cocoon] 特定のページでサイドバーを表示させる方法

WordPressの神テーマ Cocoon では、サイドバーの位置や表示非表示を設定することが可能です。まるごと設定するのは普通にできるのですが、特定ページで設定するには少しコツが要ったので、記しておきます。※Gutenbergでの方法です...
WordPress,Cocoon

[Cocoon] 目次をカスタマイズする (カード風)

Cocoonの設定でできる目次のカスタマイズと、CSSを使ったアレンジをご紹介します。 設定画面でできるカスタム 設定する場所 Cocoon設定 > 目次タブ 設定でできること 設定画面(上半分) 目次の表示目次の表示非表示 表示ページ「投...