テーマ共通 【初心者向け】HTMLとCSSの基礎知識|ブログデザインをカスタマイズしよう ブログデザインをもっと自分らしくカスタマイズしたいと感じたことはありませんか?自分好みにカスタマイズするためには、テーマ独自の設定を使う以外には基本的にCSS(Cascading Style Sheets)の知識が必要です。Webデザインの... 2025年03月31日 テーマ共通
Cocoon Cocoonのアコーディオン(トグル)ブロックをカスタマイズ!複数デザインをサイドバーで切り替える方法 アコーディオンボックスを活用することで情報量の多いページでもスッキリ整理できます。Cocoonテーマにも標準搭載されておりとても便利ですが、準備されているデザインは一種類のためにもっとバリエーションが欲しいことも。アコーディオンコンテンツ特... 2025年03月30日 Cocoon
Cocoon 超簡単!Cocoonのブロック機能でサイト型トップページを作る方法 Cocoonを使ってオリジナルのトップページを作りたいけど、どこから手を付けたらいいかわからない……この記事では、ワードプレステーマ「Cocoon」を使用し、初心者でも簡単におこなえるトップページの作成手順を分かりやすく解説します。特に「ブ... 2025年03月28日 Cocoon
Cocoon Cocoonの通知エリアをカスタマイズ!流れる文字アニメーションとボタンを設定する方法 Cocoonでは、テーマ標準機能を使って通知エリアを簡単に表示できます。通知エリアは、サイト訪問者に重要なメッセージを伝えたり、特定のページへ誘導するための便利な機能です。この記事では、以下の通知エリアのカスタマイズ方法を紹介します。通知エ... 2025年03月28日 Cocoon
Cocoon Cocoonで作るサイト型トップページ|オシャレなSWELL風(HTML、CSS使用) この記事では、ワードプレステーマ「Cocoon」を使用したサイト型トップページの作成方法をご紹介します。固定ページに加えてHTMLとCSSを活用し、柔軟なレイアウトを実現する方法を解説します。今回は「コードをそのままコピペで使う」ことを優先... 2025年03月27日 Cocoon
Cocoon Cocoonのタブ見出しボックスのカスタマイズ|サイドバーでデザインを簡単切り替えする方法 今回は、Cocoonテーマのブロック「タブ見出しボックス」。見出しタブ見出しボックス機能としてはオーソドックスでとても使いやすいですが、線をシュッと細くして余白を整えればもっとオシャレになりそうな雰囲気です。そして見出しの位置を変えるとさら... 2025年03月27日 Cocoon
テーマ共通 【コピペOK】おしゃれなボックスデザイン!ブログを彩るCSS囲み枠集 ブログで使えるボックスデザイン(囲み枠)を厳選してご紹介します。コードはコピペ対応で簡単!! 2025年03月27日 テーマ共通
Cocoon Cocoonタブブロック|複数デザインをサイドバーで切り替えるカスタマイズ Cocoonテーマには、直感的にタブ切り替えができる便利な「タブ」ブロックが標準搭載されています。(Cocoon 2.7.3~)Tab 1Tab 2Tab 3ここに内容を入力します。ここに内容を入力します。ここに内容を入力します。これ便利!... 2025年03月26日 Cocoon
Cocoon Cocoonアピールエリアをフルスクリーン化|SWELL風カスタマイズ Cocoonテーマのアピールエリアはトップページの印象を左右する重要な要素です。この記事ではアピールエリアをフルスクリーン化し、インパクトのあるファーストビューを作る方法を解説します。トップページのコンテンツ部分については、こちらの記事でサ... 2025年03月26日 Cocoon
Cocoon Cocoonで比較表(テーブル)を作成|記号○△✕を入れるカスタマイズ お知らせ当カスタマイズはCocoon 2.7.1で標準機能として実装されました。重複するため記事内容は実質不要になりますが、備忘録として残しておきます。記号の色、大きさや透過率を変える場合等に活用ください。Cocoonテーマを使っている方、... 2025年03月24日 Cocoon
Cocoon Cocoonアイコンボックスを簡単カスタマイズ!サイドバーで複数デザインを切り替える方法 「こんなことできたらいいな~」を考えました!この記事では、Cocoonテーマのブロック「アイコンボックス」に、簡単に切り替えられる12種類のスタイルを追加するカスタマイズをご紹介します。このカスタマイズをすることで、視覚的なアクセントが加わ... 2025年03月24日 Cocoon
Cocoon Cocoonブログカードのカスタマイズ|表示スタイルを簡単切り替えする方法(縦型カード追加) ワードプレステーマ「Cocoon」では、リンクを挿入するだけで自動的に見やすいカード形式に変換されます。特別な設定は不要で誰でも簡単におしゃれなブログカードを作成可能です。Cocoonの設定を活用するとサムネイルの位置や日付の表示有無などを... 2025年03月23日 Cocoon
Cocoon 【Cocoon】カラーパレットを自分好みに変更するカスタマイズ|Cocoon設定とPHP活用法 ワードプレスのカラーパレットを自分好みにカスタマイズしたいと思ったことはありませんか? デフォルトのパレットも便利ですが、サイトの個性やブランドカラーを表現するには物足りないことも。この記事では、人気テーマ「Cocoon」の設定を使った簡単... 2025年03月23日 Cocoon
テーマ共通 CSSでなめらかに点滅させる方法(コピペOK) この記事では、CSSを使って要素をなめらかに点滅させる方法を紹介します。ウェブデザインにおいて、要素を点滅させるアニメーションは視認性を高め、注目を引く際に便利です。当サイトでは、トップページの検索フォーム上の文字を点滅させるためにこのカス... 2025年03月23日 テーマ共通
Cocoon Cocoonウィジェット新着記事・人気記事に日付を表示する設定方法(投稿日・更新日) テーマ「Cocoon」では、ショートコードやブロックを利用して新着記事や人気記事を簡単に表示できます。参考記事新着記事一覧を表示するショートコードの利用方法人気記事一覧を表示するショートコードの利用方法デフォルトではCocoonのウィジェッ... 2025年03月23日 Cocoon
Cocoon Cocoonでアフィリエイトリンクを効果的に配置!自作CTAボックスの作り方と活用法 この記事では、ワードプレステーマ「Cocoon」を使ったCTAボックスの作成手順と活用法を解説します。誰でも簡単に作成でき、アフィリエイトリンクを効果的に配置できます。当記事の作成手順は有料公開しています。作成手順を見るこの記事の内容CTA... 2025年03月23日 Cocoon
Cocoon Cocoon新着記事・人気記事・ナビカード対応|カラム数を自由に変更する方法(横並び) 当サイトで実際に導入している、トップページ作成の効率を飛躍的に向上させるカスタマイズをご紹介します!当記事について当カスタマイズの実装手順は有料公開です。具体的な実装手順を見る2カラム、3カラムのほか4カラムを追加し、より柔軟なレイアウトに... 2025年03月23日 Cocoon
Cocoon Cocoonアピールエリアに検索窓(フォーム)を設置する方法/ショートコード利用 Cocoonテーマの「アピールエリア」は、注目させたい要素を目立たせるのに便利な機能です。この記事では、このアピールエリアに 検索フォームを設置する方法 を解説します。設置例やショートコード、カスタマイズ方法についてもご紹介しますので、初心... 2025年03月23日 Cocoon
テーマ共通 CSSでテキストリンクをおしゃれに装飾する方法 この記事では、WordPressのブロックエディタを使用して、テキストリンクをスタイリッシュに装飾する手順を解説します。CSSを活用することで統一感のあるリンクデザインを簡単に作成可能です。ワードプレスにはテーマによってボタンを作る機能があ... 2025年03月23日 テーマ共通
テーマ共通 もう迷わない!要素(バナー)を上下左右中央寄せにする方法|HTMLインラインスタイルとCSSの違い ウェブデザインにおいて、バナーなどの要素を中央に配置することは視覚的なバランスを整える上で重要なポイントです。この記事では、CSSを使用して要素を中央寄せにする方法を解説します。例えば、デフォルトではバナー画像は左寄せになっていることが多い... 2025年03月23日 テーマ共通