サイト型トップページの作り方を公開しています!Check
Cocoon

Cocoon人気記事ランキング|表示方法とラベルの色やスタイルを変更するカスタマイズ

Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを元に簡単に人気記事ランキングを作成できます。サイドバーやトップページに設置すれば、読者...
設定

エックスサーバーでWordPressのパーマリンク変更(日付を削除)|SEOに与える影響と対策

WordPressのURL(パーマリンク)を「日付+投稿名」から「投稿名」に変えたい場合。「設定を間違えてアクセスできなくなったらどうしよう…」「SEOに悪影響...
テーマ共通

WordPressの「追加CSSクラス」が便利!特定のブロックにだけスタイルを適用する方法

WordPressのブロックエディタで、特定のブロックだけにデザインを追加できることをご存知ですか?実は「追加CSSクラス」機能を使えばとても簡単に実現できます...
テーマ共通

CSSが反映されない原因は?デベロッパーツールを使った確認方法と対処法まとめ

CSSが反映されない原因を詳しく解説!デベロッパーツールの活用方法から優先度やキャッシュの影響、エラーチェック方法まで、初心者にも分かりやすい解決策をまとめました。
Cocoon

【Cocoon】SNSでURLをシェアしたときの画像、ちゃんと設定できてる?OGP設定方法

SNSでサイトや記事をシェアしたときにOGP画像を表示する方法をご紹介します。意外と設定していないデフォルトの方が多いのでは?イメージを伝えて読者に訪れてもらえるようなサイトにしましょう。
テーマ共通

【コピペOK】おしゃれなボックスデザイン!ブログを彩るCSS囲み枠集

ブログで使えるボックスデザイン(囲み枠)を厳選してご紹介します。コードはコピペ対応で簡単!!
Cocoon

Cocoonナビカードの使い方|目立たせたい記事をピックアップ表示する方法、リボンのカスタマイズ

Cocoonテーマには、特定の記事やコンテンツを目立たせたいときに便利な『ナビカード』機能が標準搭載されています。ピックアップしたい記事を表示できるだけでなく、...
テーマ共通

【初心者向け】CSSカスタマイズの基本|WEBデザインを自由に変える方法

ブログデザインをもっと自分らしく作りたいと感じたことはありませんか?自分好みにカスタマイズするためには、テーマ独自の設定を使う以外には基本的にCSS(Casca...
アフィリエイト

ポチップとかんたんリンク比較|物販アフィリエイト初心者向けツール選び

「かんたんリンク」と「ポチップ」、どちらを使えば収益アップにつながるの?アフィリエイトを始めたばかりの方にとって、この2つのリンク作成ツールはよく似て見えますが...
テーマ共通

CSS・PHP・JavaScriptのバックアップ方法まとめ|WordPressカスタマイズ前に必須!

WordPressを使っていると、デザインを整えるために CSS、機能を追加するために PHP や JavaScript を編集する場面があります。ただし、直接...
Cocoon

Cocoon白抜きボックスをおしゃれにカスタマイズ!複数デザインの使い分け方法

Cocoonの「白抜きボックス」は、箇条書きやカスタムカラーが使えるシンプルで視認性の高い万能ボックス。初心者から上級者まで多くのブロガーが愛用していますが、も...
Cocoon

Cocoonタブ見出しボックスを有料テーマ風に!簡単カスタマイズでデザイン切り替え

Cocoonの「タブ見出しボックス」はシンプルで使いやすいですが、もっとおしゃれにしたい、デザインを自由に使い分けたいというニーズに応えるカスタマイズがあります...
Cocoon

【Cocoon】CTAボックスの作り方と活用法|アフィリエイトリンクを効果的に配置

成果を出すサイトには欠かせないのが「CTA(Call to Action)」。「今すぐ登録」「購入する」といった行動を促すボタンやメッセージがあるだけで、読者の...
設定

Googleアドセンス審査用コードの貼り方|WordPress・Cocoon対応ガイド

Googleアドセンスに申請するときには、審査用のコードを自分のサイトの <head> 内に貼り付ける必要があります。このコードを正しく設置できないと審査が始ま...
Cocoon

Cocoon通知エリアをカスタマイズ!スライド表示&ボタンで誘導力強化

Cocoon通知エリアは、サイト全体にメッセージを表示したり特定のページに誘導する便利な機能。ごくシンプルでデザインは単調です。キャンペーンやお知らせを目立たせ...
テーマ共通

もう迷わない!バナーなどの要素を上下左右中央寄せにする方法|CSS使用

「なんだか見た目がしっくりこない…」その解決のカギは中央寄せにあるかもしれません。ウェブデザインでは、バナーや見出しといった要素をどこに配置するかで全体の印象が...
アフィリエイト

ポチップの使い方と機能まとめ|商品リンク・セール表示・インラインの活用法を解説

ポチップは、Amazon・楽天市場・Yahoo!の商品リンクはもちろん、メルカリやカスタムリンクまで自由に追加できる物販アフィリエイトに特化したプラグインです。...
Cocoon

Cocoon検索ボックスをアピールエリアに表示する方法【ショートコードで簡単対応】

Cocoonの「アピールエリア」、もっと活用してみませんか?「少しデザインに工夫を加えたい」「訪問者が目的の記事にすぐたどり着けるようにしたい」そんなときにおす...
設定

エックスサーバー|サブドメイン設定で2つめのブログ(複数サイト)を作る方法

もうひとつブログを作りたいな~ブログを運営してしばらくすると、別のジャンルに方向転換したい、雑記ブログだけど伸びているジャンルを特化して別サイトに独立させたいな...
Cocoon

Cocoon新着・人気記事・ナビカードを横並びに!カラム数をワンクリックで変更する方法

Cocoonの新着記事・人気記事・ナビカードを横並びに表示する方法を解説。PC3列・スマホ2列などカラム数もワンクリックで切り替え可能。コピペで簡単導入できます。
スポンサーリンク