サイト型トップページの作り方を公開しています!
カスタマイズの基本

Cocoonカスタマイズ完全ガイド|HTML・CSS・PHPの編集場所と使い分けを初心者向けに解説

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

見出しデザインをおしゃれにカスタマイズ【Cocoon対応・CSSサンプル付き】

見出しデザインを変えるだけで、記事の読みやすさや視認性、サイトのイメージは大きく変わります。この記事では、WordPress(無料ブログ含む)で使える見出しデザ...
Webカスタマイズ

CSSだけで複数画像切り替えスライダーを作る方法|JS不要・軽量・コピペOK【WordPress対応】

トップページを開いた瞬間、画像がふわっと切り替わる。そんなヒーロースライダーを自分のサイトにも設置したいと思ったことはありませんか?でも実際に調べてみると、プラ...
Webカスタマイズ

タブ切り替えをHTMLとCSSで実装(JavaScriptなし)

「タブ切り替えを作りたいけど、JavaScriptを書くのはちょっと大げさかも…」そんなときは、HTMLとCSSだけでもタブ切り替えを実装できます。この記事では...
Webカスタマイズ

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

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

WordPress「追加CSSクラス」使い方|特定ブロックだけデザインを簡単に変更する方法

WordPressのブロックエディタで、特定のブロックだけにデザインを追加したいときに便利なのが「追加CSSクラス」です。初心者でも簡単に文字色や背景色、アニメ...
Webカスタマイズ

WordPressパターン機能でラクラク時短!再利用ブロックの使い方と同期・非同期の違い

WordPressで毎回同じ装飾ボックスやCTAを手作業で作っていませんか?そんなときに便利なのが、WordPressのパターン(旧:再利用ブロック)機能です。...
サイト設定

エックスサーバーのSSL設定方法|httpsにならない原因とリダイレクト・サブドメインSSL化まで解説

エックスサーバーでSSL設定をしたのにhttpsにならない、リダイレクトされない、サブドメインSSLが効かないと困っていませんか。この記事では、エックスサーバー...
Webカスタマイズ

CSS・SVGで作る境界線と背景デザイン|波、三角形、斜めラインを使ったおしゃれな装飾テクニック

Webデザインでは、ちょっとした工夫で見た目の印象が変わります。その中でもおすすめなのが「境界線」や「背景スタイル」のデザイン。線や背景にアクセントを入れるだけ...
Webカスタマイズ

CSSでなめらかに点滅させる方法(コピペOK)

要素を「点滅」させるアニメーションは、注意を引きたいときセールやキャンペーンの強調警告や注意メッセージの表示などに効果的です。この記事では、「ゆっくり、なめらか...
Cocoonカスタマイズ

Cocoonナビカードの設定と使い方|記事ピックアップ・レイアウト調整・リボンカスタマイズ

Cocoonのナビカードは、表示したい記事をカード形式で分かりやすく紹介できる機能です。この記事では、ナビカード用メニューの作成方法ブロック・ショートコード・ウ...
カスタマイズの基本

CSSが効かない原因はこれ|デベロッパーツールで「当たってない・負けてる」を確認する方法

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

Cocoonアコーディオン(トグル)をおしゃれにカスタマイズする方法|7種類のデザインをワンクリック追加

Cocoonのアコーディオン(トグルボックス)は便利ですが、標準デザインは1種類のみです。デザインのバリエーションが少ない左寄せにしたいボタン風にしたいそんなと...
カスタマイズの基本

CSSカスタマイズの手順|ブログがなんかダサい…をCSSで解決する方法【初心者向け】

ブログを続けていると、ふとした瞬間にこんな悩みが出てきます。なんとなくデザインが素人っぽい見出しやボタンをもう少し整えたいでもどこを触ればいいのか分からない正直...
Cocoonカスタマイズ

Cocoonブロックはどれ使う?|種類・使い方・デザインカスタマイズまとめ

Cocoonには、記事を見やすく整理できる装飾ブロックがたくさんそろっています。タイトル付きボックス・カード・FAQ・タイムラインなど、種類も豊富!ただ実際に使...
Cocoonカスタマイズ

Cocoonアイコンボックスをおしゃれにカスタマイズ|デザイン切替・色変更も対応

Cocoonのアイコンボックスは便利ですが、使っているうちに補足も注意点も同じ見た目になるパソコンで見るとアイコンが大きいかも他のサイトと差別化したいと感じるこ...
サイト設定

WordPressパーマリンク変更はSEOに影響する?「投稿名」にする安全な手順と301リダイレクト(エックスサーバー設定)

WordPressのパーマリンクを途中で変更するとSEOに影響が出るのか不安な方へ。この記事では、順位を落とさずにURLを変更する方法と301リダイレクトの正しい手順を初心者向けに解説します。
Cocoonカスタマイズ

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

Cocoonは標準でアクセス集計が使えるので、外部ツールを入れなくても人気記事ランキングを簡単に表示できます。サイドバーやトップページに設置すれば読者の目を引き...
Cocoonカスタマイズ

Cocoonボックスメニューの列数を自由に変更する方法|CSSカスタマイズで2〜6列&スマホ最適化

Cocoonのボックスメニューは、アイコン付きで直感的に使える便利な機能です。とはいえ実際に使ってみると、「思ったように列数が変えられない…」と少し戸惑いました...
Cocoonカスタマイズ

Cocoonアピールエリアに検索フォーム(検索窓)を置く方法|コピペOK+回遊率アップ

記事数が増えてくると、「探したい記事が見つからない」という状態になりがちです。そんなときは、アピールエリアに検索フォームを設置すると目的の記事へたどり着きやすく...
スポンサーリンク