Cocoonアイキャッチ画像内のカテゴリラベルをカスタマイズする方法

Cocoon

【WordPress】CocoonからAFFINGER5に移行した感想

2019/12/25

【WordPress】CocoonからAFFINGER5に移行した感想

AFFINGER5とは WordPressの人気有料テーマ「WING(AFFINGER5)」は、SEOに強く収益が発生しやすいことで有名なテーマです。 スポンサーリンク またデザインも豊富で、無料テーマと比べると圧倒的にオシャレなデザインを簡単に作る事が出来るのが特徴でもあります。まるで専門家が作ったような、オシャレな部品が沢山あるため、CSSでカスタマイズしなくてもオシャレなサイトを作る事が可能です。   ただしAFFINGER5は、SEOに強いのが特徴である有料テーマであり、デザイン性よりも ...

Cocoonアイキャッチ画像内のカテゴリラベルをカスタマイズする方法

2019/12/25

Cocoonアイキャッチ画像内のカテゴリラベルをカスタマイズする方法

アイキャッチ画像内のカテゴリラベルのカスタマイズ WordPressの無料人気テーマである「Cocoon」 無料テーマに関わらず機能が充実していて使いやすいテーマです。デザインも充実している「Cocoon」ですが、「Cocoon」デフォルトのデザインは正直カスタマイズしたくなります。 スポンサーリンク 本記事では「アイキャッチ画像内のカテゴリラベル」のカスタマイズ方法を紹介します。 Cocoon標準のアイキャッチ画像内のカテゴリラベル (変更前のデザイン) [変更前のトップページデザイン]   ...

Cocoonスマホヘッダメニュー(スライドインボタン)をカスタマイズする方法

2019/12/25

Cocoonスマホメニュー(スライドインボタン)をカスタマイズする方法

スライドインボタン(スマホメニュー)のカスタマイズ WordPressの無料人気テーマである「Cocoon」 無料テーマに関わらず機能が充実していて使いやすいテーマです。しかし「Cocoon」のデフォルトのデザインは正直カスタマイズしたくなります。 スポンサーリンク 本記事では「スマホのメニュー(スライドインボタン)」のカスタマイズ方法を紹介します。 Cocoon標準のスライドインボタン (変更前のデザイン) [変更前のデザイン] これがCocoon標準のスライドインボタンです。シンプルでそのまま使えるデ ...

CocoonにGoogle AdSenseの関連コンテンツを設置する方法

2019/12/25

CocoonにGoogle AdSenseの関連コンテンツを設置する方法

Google AdSenseの関連コンテンツとは Google AdSenseの関連コンテンツとは、サイト内の関連記事の中に広告が埋められた広告スタイルの事をいいます。 Google AdSenseの関連コンテンツは、全てのサイトが利用できる訳ではありません。一定条件をクリアしたサイトのみ使用する事が出来る広告です。 一定条件をクリアするとGoogle AdSenseの最適化案で、最適化案として提案してくれます。 スポンサーリンク 本記事では、Wordpressの人気テーマ「Cocoon」にGoogle ...

WordPressで表を簡単に作成する方法

2019/12/25

WordPressで表を簡単に作成する方法

WordPressで表を簡単に作成する方法 WordPressで表を作る方法は2種類あります。 WordPressのプラグインを入れる HTMLで表を作る 初心者にはプラグインの方が簡単なイメージがあるかもしれませんが、実はHTMLで表を作るのは凄く簡単です。なぜならシンプルな表であればコピーして使うだけで十分だからです。 本記事では、コピーして簡単に表が作れるHTMLを紹介します。 スポンサーリンク コピーしたHTMLはWordPressのテキストエディタに張り付けるだけで表が完成します。   ...

画像を拡大する

2019/12/25

【Cocoon】マウスオーバー時に画像を拡大させる方法(CSSあり)

マウスオーバー時に画像を拡大する方法 ゆっくり拡大、ゆっくり縮小 素早く拡大、素早く縮小 透明化 今回はマウスオーバー時に画像を拡大させる方法を紹介します。またWordPressの無料人気テーマ「Cocoon」にそのまま適用することができるスタイルシート(CSS)も紹介します。 スポンサーリンク ゆっくり拡大し、ゆっくり戻る [マウスオーバーしてみてください] 上記画像のサンプルのようにマウスオーバー時に"ゆっくり拡大"し、マウスアウト時に"ゆっくり戻り"ます。 スタイルシートは以下の通り。 /** 画像 ...

カスタマイズ

2019/12/25

【Cocoon】サイドバーのカテゴリを簡単にカスタマイズする方法

【Cocoon】サイドバーのカテゴリを簡単にカスタマイズする方法 WordPressの無料人気テーマ「Cocoon」でサイドバーのカテゴリをシンプルなデザインカスタマイズする方法を紹介します。 スポンサーリンク サイドバーにカテゴリを追加するとデフォルトは以下のイメージ。 ちなみにWordPressの左サイドメニューから「概観」→「カスタマイズ」→「ウィジェット」→「サイドバー」にカテゴリを追加すればサイドバーにカテゴリが表示されます。   [変更前のイメージ]   非常にシンプルなデ ...

プロフィール

2019/12/25

WordPressのサイドバーにプロフィールを簡単に設置する方法

そもそもプロフィールって必要!? ブログに掲載するプロフィール。プロフィールはなくても問題はありません。しかし「プロフィール」や「このサイトについて」のページが用意されていないサイトは信頼性がありません。 人気ブログや人気サイトのほとんどは「プロフィール」または「このサイトについて」のページが用意されています。 スポンサーリンク サイトやブログはインターネットに公開されます。インターネットは全世界で繋がっているため、誰でも閲覧することができます。そのため個人サイトやブログであっても何でも書いていいわけでは ...

Google Adsenseの自動広告

2019/12/25

Cocoonに「Google Adsense」の自動広告を設定する方法

Google Adsenseの自動広告とは Google Adsenseの自動広告とはGoogleの機械学習技術を利用して最適な場所に最適な広告を表示してくれる機能です。今まではサイト管理者が広告を表示したい場所にコードを追加する必要がありましたが、Google Adsenseの自動広告はヘッダにコードを1つ追加するだけで、後は自動的に広告を表示してくれます。 スポンサーリンク 自動広告のメリットは以下です。 ヘッダに指定されたコードを追加するだけで設置が簡単 Googleの機械学習が適切な場所に広告を表 ...

2019/12/25

Cocoonの「SNSシェア」をコンパクトで可愛いデザインにカスタマイズする方法

CocoonのSNSシェアをコンパクトで可愛いデザインにカスタマイズする方法 WordPressの無料人気テーマである「Cocoon」の「SNSシェア」をコンパクトサイズのデザインにカスタマイズする方法をご紹介します。 スポンサーリンク 紹介するスタイルシート(CSS)はご自由にお使いください   Cocoon標準のSNSシェア(変更前デザイン) [変更前のデザイン]   変更前でもそのまま利用できるレベルのデザインです。 SNSの種類もたくさんあり、「Cocoon」の設定画面で表示し ...

© 2020 ITを分かりやすく解説