Cocoon Cocoonラベルボックスのデザインを切り替え可能に！クリックで選べる6種類のスタイルを実装する方法
──Cocoonの「ラベルボックス」をもっとおしゃれに。Cocoonテーマに標準搭載されている「ラベルボックス」は、シンプルで使いやすいブロックですが、線の太さや余白、見出しの位置などを少し整えるだけで、ぐっと洗練された印象に変わります。見...
Cocoon 
ブログ運営 Pochipp設定の全手順｜Amazonアソシエイト・ASP選び・商品検索まで解説
ポチップを始めたいけど最初どうやるんだろう...そんな疑問を解決します。この記事で分かることプラグインのインストール手順ポチップで提携可能な主要ASP一覧Amazonアソシエイトともしも経由の違いを比較ポチップのAmazonアソシエイトで商...
Cocoon Cocoonのタブ見出しボックスを有料テーマ風に！簡単カスタマイズ手順まとめ
Cocoonテーマの「タブ見出しボックス」、もっとおしゃれに使いこなしてみませんか？見出しCocoonのタブ見出しボックスこのブロックはシンプルで使いやすいのが魅力ですが、「線の太さや余白を整えてスタイリッシュにしたい」「ページ内で複数のデ...
ブログ運営 ポチップの基本機能を解説｜アフィリエイトに最適な便利ツール
ポチップはワードプレスでアフィリエイトリンクを簡単に作成・管理できるプラグインです。特にAmazon・楽天・Yahoo!ショッピングの3大ECサイトの商品リンクを一括で表示できる点が魅力です。この記事ではポチップの基本機能について詳しく解説...
Cocoon Cocoonでアフィリエイトリンクを効果的に配置！自作CTAボックスの作り方と活用法
この記事では、ワードプレステーマ「Cocoon」を使ったCTAボックスの作成手順と活用法を解説します。初心者でも簡単に作成でき、アフィリエイトリンクの効果的な配置に役立ちます。なお、具体的な作成手順は有料公開となっています。詳しくは「作成手...
Cocoon Cocoonの白抜きボックスをカスタマイズ｜複数スタイルと簡単切り替え方法を解説
Cocoonで「白抜きボックス」のデザインをもっと自由に切り替えられたら便利だな──そんな思いから今回のカスタマイズを考えました！白抜きボックスはシンプルなデザインながら、使い勝手の良さが抜群！箇条書きリストなどのブロックも挿入可能ボーダー...
Cocoon 超簡単！Cocoonのブロック機能でサイト型トップページを作る方法
Cocoonを使ってオリジナルのトップページを作りたいけど、どこから手を付けたらいいかわからない……この記事では、ワードプレステーマ「Cocoon」を使用し、初心者でも簡単におこなえるトップページの作成手順を分かりやすく解説します。特に「ブ...
Cocoon Cocoon「新着記事」「もっと見る」「次のページ」ボタン・キャプションのテキストを変更する方法
Cocoonテーマを使用している際に、あらかじめ設定されているボタンやキャプションのテキスト文言を変更する方法を紹介します。PHPを活用し簡単にカスタマイズできるのでぜひ参考にしてください。以下のテキストを変更できます「新着記事」（見出し）...
ブログ運営 エックスサーバーでワードプレスのパーマリンク変更｜SEOに与える影響と対策
パーマリンクの構造を「日付＋投稿名」から「投稿名」に変更したいと思っている。しかし、正確な手順や影響が分からずに悩みとなっている方向けの記事となります。パーマリンク変更の方法や注意点、SEOへの影響などについて解説します。この記事で分かるこ...
テーマ共通 ワードプレスのパターン（再利用ブロック）機能とは？よく使うデザインをテンプレ化して時短化する方法
ワードプレスの「パターン」機能、使ったことはありますか？これは、特定のブロックやブロックグループを登録して他の投稿やページでも簡単に再利用できる便利な機能です。例えば、よく使う装飾ボックスやボタン付きのコールトゥアクションなどをパターンとし...
Cocoon Cocoonで作るサイト型トップページ｜オシャレなSWELL風（HTML、CSS使用）
この記事では、ワードプレステーマ「Cocoon」を使用したサイト型トップページの作成方法をご紹介します。固定ページに加えてHTMLとCSSを活用し、柔軟なレイアウトを実現する方法を解説します。今回は「コードをそのままコピペで使う」ことを優先...
Cocoon Cocoonでフルワイド化｜画面いっぱいに幅を広げる＋セクション背景色をつけるカスタマイズ
固定ページを利用してトップページを作成する際、コンテンツを画面いっぱいに広げた「フルワイド表示」はインパクトのあるデザインを実現します。セクションごとに背景色を設定すれば、より視覚的に分かりやすくスタイリッシュに仕上げることができます。この...
Cocoon Cocoonで比較表（テーブル）を作成｜記号○△✕を入れるカスタマイズ
お知らせこのカスタマイズはCocoon 2.7.1で標準機能として実装されました。そのため、この記事の内容は実質的に不要となっていますが、備忘録として残しています。記号の色や大きさ、透過率の微調整を行いたい場合などにご活用ください。Coco...
Cocoon Cocoonブログカードのカスタマイズ｜表示スタイルを簡単切り替えする方法（縦型カード追加）
ワードプレステーマ「Cocoon」では、リンクを挿入するだけで自動的に見やすいカード形式に変換されます。特別な設定は不要で誰でも簡単におしゃれなブログカードを作成可能です。Cocoon設定ではサムネイルの位置や日付の表示有無などをカスタマイ...
テーマ共通 【コピペOK】おしゃれなボックスデザイン！ブログを彩るCSS囲み枠集
ブログで使えるボックスデザイン（囲み枠）を厳選してご紹介します。コードはコピペ対応で簡単！！
Cocoon Cocoonのアコーディオン（トグル）ブロックをカスタマイズ！複数デザインをサイドバーで切り替える方法
アコーディオンボックスを活用することで情報量の多いページでもスッキリ整理できます。Cocoonテーマにも標準搭載されておりとても便利ですが、準備されているデザインは一種類のためにもっとバリエーションが欲しいことも。アコーディオンコンテンツ特...
Cocoon Cocoonアイコンボックスを簡単カスタマイズ！サイドバーで複数デザインを切り替える方法
「こんなことできたらいいな～」を考えました！この記事では、Cocoonテーマのブロック「アイコンボックス」に、簡単に切り替えられる12種類のスタイルを追加するカスタマイズをご紹介します。このカスタマイズをすることで、視覚的なアクセントが加わ...
Cocoon Cocoon新着記事・人気記事・ナビカード対応｜カラム数を自由に変更する方法（横並び）
当サイトで実際に導入している、トップページ作成の効率を飛躍的に向上させるカスタマイズをご紹介します！当記事について当カスタマイズの実装手順は有料公開です。具体的な実装手順を見る2カラム、3カラムのほか4カラムを追加し、より柔軟なレイアウトに...
Cocoon Cocoonタブブロック｜複数デザインをサイドバーで切り替えるカスタマイズ
Cocoonテーマには、直感的にタブ切り替えができる便利な「タブ」ブロックが標準搭載されています。（Cocoon 2.7.3～）Tab 1Tab 2Tab 3ここに内容を入力します。ここに内容を入力します。ここに内容を入力します。これ便利！...
テーマ共通 CSSでなめらかに点滅させる方法（コピペＯＫ）
この記事では、CSSを使って要素をなめらかに点滅させる方法を紹介します。ウェブデザインにおいて、要素を点滅させるアニメーションは視認性を高め、注目を引く際に便利です。当サイトでは、トップページの検索フォーム上の文字を点滅させるためにこのカス...