このテーマの特徴
カスタムテーマの特徴:
全体的なレイアウト:
- セクションが縦に配置され、各セクションにパディング（余白）が設定されている。
- フォントサイズは全体で24ptに設定され、見やすく読みやすい。
タイトルセクション:
- 背景色が#FF9800で、コンテンツが中央揃えで配置される。
- フォントサイズが36ptで、太字になっている。
コンテンツセクション:
- 背景色が#FF9800で、パディングが上部に60px設定されている。
- 見出し（h2）のフォントサイズが30ptで、太字になっている。
- リスト（ul）のアイテムは黒背景で、オレンジ色のテキストと丸みを帯びた角を持つ。
- リスト内のアイテムは水平方向に折り返され、隙間を20px空けて並べられる。
その他の要素:
- 段落（p）のフォントサイズは18ptで、行間が20px空けられている。
このテーマを利用する
CSS
/* @theme custom_theme */ @import default; section{ display: flex; flex-direction: column; font-size: 24pt; padding: 20px; } header{ display: flex; justify-content: space-between; align-items: center; height: 60px; background: linear-gradient(to right, #FF4B2B, #FF3593); color: white; font-size: 18pt; font-weight: bold; } footer{ width: 100%; position: fixed; padding: 10px; background: linear-gradient(to right, #FF3593, #FF4B2B); color: white; bottom: 0px; text-align: center; font-size: 14pt; } section.title{ padding: 100px 0; text-align: center; background-color: #FF9800; color: #000; font-size: 36pt; font-weight: bold; display: flex; justify-content: center; align-items: center; gap: 20px; } section.title h1{ font-size: 48pt; } section.title p{ font-size: 24pt; } section.content{ background-color: #FF9800; color: #000; padding-top: 60px; } section.content h2{ font-size: 30pt; font-weight: bold; margin-bottom: 10px; } section.content ul{ list-style-type: none; padding: 0; display: flex; flex-wrap: wrap; gap: 20px; } section.content li{ background-color: #000; color: #FF9800; padding: 10px; border-radius: 5px; font-size: 18pt; width: 200px; } section.content p{ font-size: 18pt; margin-bottom: 20px; }
Marpのサンプル
--- marp: true theme: custom_theme header: " " footer: " " --- <!-- _class: title --> # ソーシャルメディア マーケティング ソーシャルメディアの力を解き放とう！ --- <!-- _class: content --> # ソーシャルメディアの力 * リーチを広げる * エンゲージメントを高める * ブランド認知度を向上させる * 顧客との関係を構築する * 販売を促進する --- # ソーシャルメディア マーケティングの戦略 ## 1. 目標の設定 ## 2. ターゲットオーディエンスの特定 ## 3. コンテンツの作成とキュレーション ## 4. コミュニティの構築とエンゲージメント ## 5. パフォーマンスの追跡と測定 --- # コンテンツの作成とキュレーション * 魅力的なコンテンツを作成する * 多様なコンテンツを使用する * コンテンツをスケジュールする --- # コミュニティの構築とエンゲージメント * コミュニティを育てる * エンゲージメントを促進する * コミュニティを管理する --- # ソーシャルメディア 分析と測定 * ソーシャルメディア キャンペーンのパフォーマンスを追跡する * 有効性を測定する * 洞察を得る --- # 結論 * ソーシャルメディア マーケティングは強力なツールです。 * 戦略を効果的に活用することで、ビジネスの目標を達成できます。 * ソーシャルメディアの力を解き放ち、ビジネスを成長させましょう！ --- footer: "ソーシャルメディアマーケティングの基礎"
