Table of Contents

• 📖Carrd Page

• 🔷Container

• 📋Carrd copy

• 🎬Slide show

• ✨Animation

Carrdの各機能を分かりやすく解説した
日本語マニュアル集へようこそ

Carrdの完全日本語マニュアル。ワンページサイトに特化したウェブビルダーの基礎から応用まで網羅。ドラッグ＆ドロップの直感的操作、豊富なテンプレート、レスポンシブデザインの自動対応など主要機能を解説。プラン比較、アカウント作成、インターフェース操作、要素配置、コンテナレイアウト、セクション分割、カスタムドメイン設定、Pro機能まで、初心者からプロまで対応。優れた事例紹介やトラブルシューティング情報も充実した総合ガイド。

• Carrd完全マニュアル 📚 read more→

Carrd作例：🌿ドラマチックな偶然
ContainersとColumnsを使った作品。Carrd初心者だった私が5日目に制作した実例です。このようなサイトが、コーディング不要で簡単に作成できます。

• 🩷ドラマチックな偶然

「Sections」機能を使い、サイトを名前付きの領域に分割し、切り替えることで、あたかも複数のページ間を移動しているかのような効果を生み出します。+からControlを選択して開始します。
本サイトもSection機能を使い作成しています。

📖Carrd Page function

Carrdの複数ページ機能は、その実態を理解することが極めて重要です。

WebサイトビルダーCarrdの「コンテナ（Container）」要素の完全ガイド。単なるレイアウトツールではなく、基本的なテンプレート利用とカスタムデザインを分ける重要な要素です。カラムレイアウトの構築、レスポンシブデザイン、スペーシング制御などの基本機能から、擬似的なネスト構造、クリック可能なコンテナ、カスタムCSSによるスタイリングなど、コミュニティが開発した高度なテクニックまで網羅的に解説。Carrdの制約を創造的に乗り越え、プロフェッショナルなウェブサイトを構築するための実践的なマスタークラスです。

• Carrd Page 📖read more→

• 📚 Return to Home ⇧

🔷 Container

真のポテンシャルを最大限に引き出すためには、「コンテナ（Container）」要素の深い理解が不可欠です。

WebサイトビルダーCarrdの「コンテナ」要素の完全マニュアル。基本的なカラムレイアウトの構築から、レスポンシブデザイン、スペーシング制御まで体系的に解説。さらに擬似的なネスト構造、クリック可能なコンテナ、カスタムCSSによる個別スタイリングなど、コミュニティが生み出した高度なテクニックも網羅。Carrdの制約を創造的に乗り越え、プロフェッショナルなデザインを実現するための決定版リソース。

• Container 🔷read more→

• 📚 return to home⇧

コンテナ要素からカラムを選択し、カラムの割合を％で指定します。カラムは最大5個まで設定できます。ただし1個当たり20%の制限がありますので、4個以下にして割合を指定するのが推奨です。。

要素スタイルを登録し、適用する。
基準としたい要素（例：text）を、希望通りのデザインに設定します。その要素のプロパティパネルで「Appearance」タブを開きます。パネルの右上にあるスタイルドロップダウン（初期状態では "None"）をクリックします。「Add Style」を選択します。
作成したスタイルを他の要素に適用する方法は、同じ種類の別の要素を選択し、「Appearance」タブのスタイルドロップダウンから、適用したい名前のスタイルを選択する。

📋Carrd copy

効率的なウェブサイト制作の基礎は、コンテンツの再利用能力にあります。

Carrdにおける効率的なコンテンツ複製の完全ガイド。要素のコピー＆ペーストから、異なるサイト間でのクロスタブ機能、サイトクローニング、カスタムテンプレート作成まで徹底解説。デザインの一貫性を保つ要素スタイルの活用法や、単一プロジェクトから複数サイト展開まで、目的別の実践的ワークフローを提案。制作効率を劇的に向上させ、プロフェッショナルなサイト制作を実現するための戦略的リソース。

• Carrd copy 📋read more→

• 📚 return to home⇧

🎬Slide show

Carrdのスライドショー機能は、サイトに動きを与え、視覚的な魅力を高めるための強力なツールです

Carrdのスライドショー機能完全ガイド。ページ全体の背景を動的に演出する「背景スライドショー」と、テキストやボタンも含められる「埋め込みスライドショー」の2つの方法を解説。背景スライドショーは無料で設定可能で、画像の位置調整、Ken Burnsエフェクト、切り替え効果などをカスタマイズ可能。埋め込み型はPro Standardプラン以上で利用でき、外部ウィジェットまたはカスタムコードで実装。目的に応じた最適な選択方法を提案。

• Slide show 🎬read more→

• 📚 return to home⇧

Carrdのスライドショー機能は、サイトに動きを与え、視覚的な魅力を高めるための強力なツールです。+からSlide showを選択し開始できます。背景スライドショーとは違い、画像としてこのみの場所に設置できます。なお背景スライドショーについてはマニュアルを参照ください。

textや画像などアニメーション効果の目的をクリックします。
開いたボックス上部の ▷ をクリックすると設定できます。アニメーションの種類Effect・トリガー (Trigge）・時間 (Duration)
・遅延 (Delay)・強度 (Intensity / Distance）の設定ができます。

✨Animation

ウェブサイトに動的な要素を追加する「アニメーションタブ」機能に関する核心的な洞察を提供するものです

Carrdのアニメーションタブ機能の完全ガイド。コーディング不要で要素に動きを追加できる強力なツール。種類、トリガー、時間、遅延、強度、イージングの6つの設定項目を解説。フェードイン、スライドイン、ズームインなど多彩なアニメーション種類と、スクロール表示時のトリガー設定が特に効果的。最重要原則は「シンプルに、意味を持って」使用すること。過度な使用を避け、重要なポイントに絞って控えめに活用することで、ユーザー体験を最大化。

• Animation ✨read more→

• 📚 return to home⇧