Turicco

Cocoonで作るCTAボックス／サービス、旅行系、物販の商品リンク作成に便利

CTA（Call to Action）は、訪問者に何かしらの行動を起こすよう促すための要素や文言のことを。サイトで商品やサービスを紹介するときに活躍します。 この記事では、ブロックエディタを使った自作CTAボックスの作り方を紹介します。 こ

2024/06/13 17:21

ワードプレスでHTMLとCSSが反映されない原因は？確認することと対処法

CSSを書いたけど反映されない... HTMLとCSSを使ってカスタマイズした際に反映されないことがよくあります。この記事では、CSSが正しく反映されない場合に確認すべきポイントと対処法について解説します。 初歩的なスペルミスや構文エラーが

2024/06/11 13:10

【初心者向け】CSSを使って自由にスタイル（色や形）をカスタマイズする手順を解説

ブログデザインをもっと自分らしくカスタマイズしたいと感じたことはありませんか？自分好みにカスタマイズするためには、テーマ独自の設定を使う以外には基本的にCSS（Cascading Style Sheets）の知識が必要です。Webデザインの...

2024/06/07 15:41

滑らかな動きをつける！CSSアニメーション「transition」プロパティの使い方

別記事でanimationプロパティを使ったCSSアニメーションについてご紹介しました。 animationプロパティでは@keyframesとanimationプロパティの2つを設定する必要があり、複雑なアニメーションに対応できる反面、簡

2024/06/03 20:45

CSSアニメーション／基本的な指定方法

CSSアニメーションは、ウェブページの視覚的な魅力を高めるために使用されます。この記事では、CSSアニメーションの基本的な指定方法やプロパティの使い方について詳しく説明します。 CSSアニメーションの基本 CSSアニメーションを指定するには

2024/06/03 15:46

欲しかった書籍「3色だけでセンスのいい色」をフォロワーさんから譲っていただいた話

以前からずっと欲しかった本、「見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色」を、SNSエックス（旧：Twitter）で交流しているフォロワーさんから譲っていただきました！ この本は、ブログデザインの配色に関してのアイデアが

2024/05/31 19:14

HTML・CSSで作るオシャレな境界線スタイル／トップページ作りのアクセントにおすすめ

Webデザインにおいて視覚的なアクセントを加える方法は多くあります。その中でも、「境界線」や「背景スタイル」を工夫することでより洗練されたデザインを実現できます。この記事では、【SVG】とCSSプロパティの【clip-path】【linea...

2024/03/28 18:34

簡単！ブロック機能でCocoonサイト型トップページ作成

Cocoonを使ってオリジナルのトップページを作りたいけど、どこから手を付けたらいいかわからない……この記事では、ワードプレステーマ「Cocoon」を使用し、初心者でも簡単におこなえるトップページの作成手順を分かりやすく解説します。特に「ブ...

2024/03/04 18:44

サブドメインをSSL化（HTTPSにする）、リダイレクトする方法／エックスサーバー設定

ワードプレスを開設したら、まず最初にやるべき重要な設定のひとつが「SSL化（https化）」です。SSL（Secure Sockets Layer）とは、インターネット上の通信を暗号化しデータの盗聴や改ざんを防ぐ技術です。WebサイトをSS...

2024/02/21 16:29

ワードプレスのブロック（HTML）にクラスをつけるなら「追加CSSクラス」が超便利！

こんな方におすすめの記事です カスタマイズ初心者 ワードプレスのブロックエディタを使っている ブロックに簡単にクラス名をつける方法を知りたい ブロックエディタユーザーでカスタマイズをされる方、どのようにブロック（HTML）にクラスを追加して

2024/02/07 11:33

Cocoonウィジェット新着・人気記事に日付を表示する方法（投稿日・更新日）

テーマ「Cocoon」では、ショートコードやブロックを利用して新着記事や人気記事を簡単に表示できます。参考記事新着記事一覧を表示するショートコードの利用方法人気記事一覧を表示するショートコードの利用方法デフォルトではCocoonのウィジェッ...

2024/02/04 23:33

Cocoon検索ボックスをアピールエリアに表示する方法

今回は『検索ボックス』をアピールエリアに表示する方法についてご紹介します。 目立つ場所に検索ボックスを置きたい と思っている方のお役に立てる記事となっています。 ＼当サイトのトップページでも表示しています／ 当記事では、検索ボックスを作成す

2024/01/30 18:06

ポチップの使い方と機能まとめ｜商品リンク・セール表示・インラインの活用法を解説

ポチップは、Amazon・楽天市場・Yahoo!の商品リンクはもちろん、メルカリやカスタムリンクまで自由に追加できる便利なプラグインです。デザインや機能を思いのままにカスタマイズでき、編集画面内で直感的にリンクを作れる使いやすさが魅力。この...

2024/01/25 15:19

Pochipp(ポチップ)の使い方／商品リンクの作成方法を画像付きで解説

ポチップは、簡単かつ迅速に商品リンクを作成するための便利なWordPressプラグインです。この記事では、ポチップの基本的な使い方について解説します。 直感的な操作が多くとても使いやすいので、ポチップをこれから使いたい方はご覧ください。 ＼

2024/01/25 15:19

Cocoonで比較表(テーブル)を作る／背景に記号◎○△×を入れるSWELL風カスタマイズ

この記事はこのような方におすすめ テーマ「Cocoon」を使っている オシャレな比較表を作りたい テーブルを使った表に簡単に◎○△×を入れたい テーマCocoonを使っている方、テーブルを使った表のデザインにお悩みではないでしょうか。 悩め

2024/01/16 01:35

Cocoon「新着記事（見出し）」「もっと見る」「次のページ」のキャプション（テキスト）を変更する

Cocoonであらかじめ設定されているボタンやキャプションのテキストを変更したいときがあるかと思いますので、変更方法を書いておきます。 当記事はCocoonフォーラムを参考にしています。 コードを記述する場所／Cocoon（子テーマ）のfu

2023/12/22 13:34

Cocoonでもフルワイドに！セクション背景色をつけてトップページ作成

当記事について 当記事のカスタマイズを反映したサンプルページはこちら。 トップページカスタマイズと組み合わせできるようにしました。 解説とコピペできるコードを有料公開しています。 NEW 実例集ページを作りました。【掲載受付中です】 今回は

2023/10/23 16:35

サブドメインで新サイトを作る方法／エックスサーバー設定

この記事で分かること 一つのドメインで複数のウェブサイトを運営する方法 エックスサーバーでサブドメインを設定する方法 サブドメンにワードプレスをインストールする方法 ここを解説 もうひとつブログを作りたいな～ ブログを運営していると、別のジ

2023/10/10 03:13

Cocoon／テーブル(表)の中にリンクボタンを設置する方法

今回はテーブル（表）について。 表の中にリンクボタンを入れたいなぁ。 このような比較表などを作ったときに、例えば公式サイトへのリンクやアフィリエイトリンクを付けたい場合がありますよね。 そんなときにテキストリンクは作れるけどボタンにしたいな

2023/08/03 01:08