カスタマイズの基本 【CSS】hoverでゆっくりなめらかに変化するアニメーションtransitionの使い方｜主要プロパティ一覧・動かない原因まで解説
Webサイトに動きを付けようとして、「急に切り替わって不自然」「もっと滑らかな動きにしたい」と感じたことはありませんか？そんなときに使うのが CSSのtrans...
カスタマイズの基本 
Cocoonカスタマイズ Cocoonの記事カードを横並びにする方法｜新着・人気記事を2〜4カラム＆スマホ対応
Cocoonの「新着記事」「人気記事」「ナビカード」を横並びにする方法を解説。PCでは2〜4カラム、スマホでは1〜2カラムに切り替えられるCSS・PHPコードを紹介します。サイト型トップページにもおすすめです。
収益化 ASPどれ登録すればいい？初心者は最初この2社でOKでした【迷わない選び方】
アフィリエイトASPの仕組みと選び方をわかりやすく解説。A8.netやafbなど主要5社を比較し、初心者に最適なASPを紹介します。
Cocoonカスタマイズ 【Cocoon】白抜きボックスのカスタマイズ｜おしゃれデザインを追加+ワンクリックで切り替え
Cocoonで記事を装飾する方法として「段落ブロック」がありますが、「リストやボタンも入れたい…」と思ったとき、中にブロックを組み込む用途には向いていません。装...
Cocoonカスタマイズ 【Cocoon】サイト型トップページの作り方｜ブロックだけで簡単作成（初心者OK・CSSほぼ不要）
Cocoonでブログを始めたものの、「トップページがなんだか普通…」「おしゃれなサイトみたいにしたい」「でもHTMLやCSSは難しそう」そんなふうに感じたことが...
Cocoonカスタマイズ Cocoonブロックはどれ使う？｜種類・使い方・デザインカスタマイズまとめ
Cocoonには、記事を見やすく整理できる装飾ブロックがたくさんそろっています。タイトル付きボックス・カード・FAQ・タイムラインなど、種類も豊富！ただ実際に使...
Cocoonカスタマイズ Cocoonタブブロックを使いやすくカスタマイズ｜均等配置・折り返し・横スクロールをワンクリック化
Cocoonのタブブロックはとても便利なのですが、タブを均等幅にしたいスクロールではなく自動で折り返したいデザインを選びたいと感じたときに標準機能では設定できま...
Webカスタマイズ タブ切り替えをHTMLとCSSで実装（JavaScriptなし）
「タブ切り替えを作りたいけど、JavaScriptを書くのはちょっと大げさかも…」そんなときは、HTMLとCSSだけでもタブ切り替えを実装できます。この記事では...
Webカスタマイズ スクロールアニメーションでふわっと表示（動きをつける）｜CSS＋IntersectionObserverで簡単実装【コピペOK】
Webサイトでよく見かける、スクロールに合わせて「ふわっ」と表示されるアニメーション。あの動きが入るだけで、サイトが少しおしゃれに見えたりコンテンツが読みやすく...
Cocoonカスタマイズ Cocoonブログカードをカスタマイズ｜12種類のデザイン切替と組み合わせで回遊率を上げる方法
Cocoonブログカードがクリックされない原因を解決。CSSで12種類のデザインに切り替え、関連記事・おすすめ記事・まとめ枠を最適化することで回遊率アップにつなげるカスタマイズ方法です。
収益化 【Cocoon対応】Googleアドセンス審査コードの貼り方｜保存できない・確認できない原因と対処法
Googleアドセンスの審査コードは、サイトの <head> 内に設置します。Cocoonなら「アクセス解析・認証」→「ヘッド用コード」に貼り付けるだけです。し...
Cocoonカスタマイズ Cocoonアコーディオン（トグル）をおしゃれにカスタマイズする方法｜7種類のデザインをワンクリック追加
Cocoonのアコーディオン（トグルボックス）は便利ですが、標準デザインは1種類のみです。デザインのバリエーションが少ない左寄せにしたいボタン風にしたいそんなと...
Cocoonカスタマイズ 【Cocoon】新着情報ブロックをニュースティッカー風にカスタマイズ｜日付を上へ移動＋自動スライド表示する方法
Cocoonの「新着情報」ブロックは、最新記事を手軽に表示できる便利な機能です。ただ、そのままだとタイトルが並ぶだけなので、少し物足りなく感じることもあります。...
Cocoonカスタマイズ Cocoonアピールエリア｜画面いっぱいにフルスクリーン化する方法｜スクロール矢印・背景ズーム対応
Cocoonで「アピールエリアをフルスクリーン表示にしたい」「トップページをおしゃれにしたい」と悩んでいる方へ。この記事では、インパクトのあるフルスクリーン化の...
カスタマイズの基本 CSSアニメーションの基本と使い方【初心者向け】@keyframes・実例・軽くするコツ
Webサイトに動きを加えたいなら、まず覚えておきたいのが CSSアニメーション（@keyframes と animation） です。この2つを理解すれば、Ja...
カスタマイズの基本 CSSセレクタの調べ方｜Chromeデベロッパーツール（検証）でクラス・IDを確認する方法【初心者向け】
CSSでカスタマイズしてみたいけれど、「どの要素を指定すればいいのかわからない…」「書いたCSSが思った通りに反映されない…」そんな経験はあると思います。見た目...
Webカスタマイズ CSSで作るホバーで動くボタン・リンクデザイン集【コピペOK】
他のサイトで見かける「このリンクデザインおしゃれ！」や「ボタンの動きがいいな」といった演出。どうやって作られているの？実は、CSSだけで簡単に再現できるデザイン...
Cocoonカスタマイズ Cocoon検索フォーム（検索窓）のカスタマイズ｜設置・デザイン・CSS調整まとめ
「検索フォームが少し味気ない…」「ブログ全体の雰囲気に合わせたい」そんなときはデザインを少し変えるだけでも印象が変わります。この記事では、CSSコピペで使える検...
収益化 ポチップの機能と使い方をチェック｜商品リンク・セール表示・インラインの活用法
ポチップは、Amazon・楽天・Yahooなどの商品リンクを簡単に作れるWordPressプラグインです。でも実際に使い始めると、リンクはどうやって作るの？セー...
収益化 ポチップとかんたんリンク（もしも）比較｜どっちがいい？違い・収益性・おすすめを解説
Amazonや楽天の商品をブログで紹介したいとき、「ポチップともしも、結局どっちがいいの？」と悩んでいる方へ。結論から言うと、 手軽さ重視なら「もしもアフィリエ...