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

Cocoonラベルボックスをシンプル&おしゃれにカスタマイズ!使い方・デザイン例・CSSコードまとめ

Cocoonの「ラベルボックス」は、注意書きや補足情報をシンプルに強調できる便利な装飾ブロックです。一方で、余白の窮屈さが気になるラベルの後ろに線が少し残ってし...
Cocoon

Cocoonアイコンボックスをおしゃれにカスタマイズ|クリックで簡単デザイン切り替え

Cocoonのアイコンボックスは、補足説明や注意書きを分かりやすく伝えられる便利なブロックです。しかし標準状態ではデザインが1種類のみで、記事内容に合わせて使い...
Cocoon

Cocoon新着・人気記事・ナビカードを横並び表示|カラム数をワンクリックで切替

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

Cocoonサイト型トップページの作り方|シンプル&おしゃれデザイン【HTML・CSSコピペOK】

トップページの第一印象が平凡で、他サイトと似てしまう……ある程度記事が増えてくると、そう感じる人は多いはず。そこでこの記事では、Cocoonの固定ページとHTM...
Cocoon

Cocoon見出しボックスをカスタマイズ|リストマーカー(点)の自動配色とデザイン切り替え実装

Cocoonの「見出しボックス」をもっとおしゃれに、もっと便利にカスタマイズしたい方へ。この記事では、ボックス内のリストマーカー(点)の色をボーダー色と自動で揃...
Cocoon

Cocoonカスタマイズ|HTML・CSS・JavaScript・PHPの使い分けと編集方法

Cocoonは無料テーマの中でも柔軟にカスタマイズできるテーマですが、「どこを編集すればいいの?」「HTMLとCSSとPHPの違いがわからない…」という初心者は...
Cocoon

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

更新情報2026/01/26 ラベルスタイル例に左上三角デザインを追加Cocoonテーマには独自のアクセス集計機能が搭載されており、そのデータを使って人気記事ラ...
アフィリエイト

アフィリエイトASP比較|初心者向けおすすめ5社とジャンル別選び方【2026】

アフィリエイトASPの仕組みと選び方をわかりやすく解説。A8.netやafbなど主要5社を比較し、初心者に最適なASPを紹介します。
テーマ共通

同じページ内にジャンプ!HTMLアンカーリンクの正しい設定方法と使い方ガイド

長い記事を読んでいると、「ここだけ見たいのに、スクロールが長い…」と感じる瞬間があります。そんなストレスを減らせるのが、アンカーリンク(ページ内リンク)です。目...
アフィリエイト

ポチップ|Amazon商品検索まとめ(PA-API・Pochipp Assist・もしもアフィリエイトの違いを比較)

2025.11.28_PA-API利用についての内容を一部更新しました。ポチップを使ってAmazonの商品を検索したいけれど、最初に戸惑いやすいのが「PA-AP...
CSSの基礎

初心者向けWordPressバックアップ|CSS・PHP・JavaScriptファイルの安全な保存方法

WordPressでは、CSS・PHP・JavaScriptを少し編集したい場面がよくあります「余白を調整したい」「ボタンの色を変えたい」「便利なコードを試した...
Cocoon

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

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

WordPress「追加CSSクラス」使い方|特定ブロックだけデザインを変える方法が便利すぎる

WordPressのブロックエディタで、特定のブロックだけにデザインを追加できることをご存知ですか?「ボタンの色を変えたい」「箇条書きリストに下線を引きたい」「...
サイト設定

途中でパーマリンク変更できる?エックスサーバーでの設定方法|日付を消して投稿名に

パーマリンクに日付が入ってるけど、途中で変えても大丈夫?結論は、変更は可能です。ただし、手順を間違えるとアクセス減少やSEO評価の低下といったトラブルにつながり...
アフィリエイト

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

見出し2025.11.28_PA-API(Amazon)利用についての内容を一部更新しました。Amazonや楽天の商品をブログで紹介したいとき、「ポチップ」と「...
CSSの基礎

CSSで中央寄せする方法まとめ|テキスト・画像・バナー・ボックスを迷わず真ん中に配置

中央に揃えるというレイアウトは、Webデザインで最もよく使う基本テクニックのひとつ。ただし、要素の種類(テキスト・画像・ブロック要素)や揃え方(横だけ・縦横両方...
配色・デザイン

ブログのアイキャッチや図解がプロっぽくなる!おすすめデザイン本4冊(おしゃれな配色・余白・フォント)

ブログのアイキャッチや図解を作るとき、「なぜか素人っぽく見える…」と悩むことはありませんか?そんなときに役立つのが、デザインの基礎をわかりやすく解説している本で...
Cocoon

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

成果の出るサイト運営で見落とせないのが CTA(Call to Action)。「今すぐ見る」「この記事をチェック」など、読者の行動を後押しする導線があるだけで...
サイト設定

ブログ初心者必見!Googleアドセンス審査に通る条件と合格のコツ

Googleアドセンスの仕組みと審査合格のポイントを解説。必要な準備や注意点、不合格時の対処法もまとめています。
サイト設定

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

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