Cocoon

2023/9/2

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

AFFINGER5とは WordPressの人気有料テーマ「WING（AFFINGER5）」は、SEOに強く稼ぐに特化したテーマです。デザインが豊富で、無料テーマに比べ、オシャレなデザインのサイトを簡単に作ることができます。まるで専門家が作ったような、オシャレな部品が沢山あるため、CSSでカスタマイズしなくても満足したサイトを作ることができます。ただし、AFFINGER5は、SEOに強いのが特徴の有料テーマであり、デザイン性よりも売り上げを上げたい人向けのテーマといわれています。 CocoonからAF ...

2022/12/25

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

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

2022/12/25

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

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

2022/12/25

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

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

2022/12/25

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

WordPressで表を簡単に作成する方法 WordPressで表を作る方法は2種類あります。 WordPressのプラグインを入れる HTMLで表を作る初心者にはプラグインの方が簡単なイメージがあるかもしれませんが、実はHTMLで表を作るのは凄く簡単です。なぜならシンプルな表であればコピーして使うだけで十分だからです。本記事では、コピーして簡単に表が作れるHTMLを紹介します。 2列の表を作るHTMLサンプルタイトル説明タイトルA タイトルAの説明タイトルB タイトルBの説明 ...

2019/12/25

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

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

2022/12/25

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

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

2022/12/29

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

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

2022/12/25

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

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

2022/12/25

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

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

2022/12/25

Cocoonの「目次」をシンプルでおしゃれなデザインにカスタマイズする方法

Cocoonの目次をシンプルデザインにカスタマイズする方法 Wordpressの無料人気テーマである「Cocoon」無料テーマに関わらず機能が充実していて使いやすいです。ただ「Cocoon」のデフォルトのデザインは正直カスタマイズしたくなります。今回は「目次」のカスタマイズ方法をご紹介いたします。 ※CSS（スタイルシート）を乗せておきますので、ご自由にご利用ください。 Cocoon標準の目次 (変更前のデザイン) [変更前のデザイン] これが「Cocoon」デフォルトの目次。シンプルで ...

Cocoon

【初心者向け】ブログで副業収入！副業ブログの始め方

サラリーマンがブログで副業収入！ブログをおすすめする理由

アフィリエイトは稼げない！アフィリエイトが稼げないと言われる理由

ITを分かりやすく解説