AFFINGER6専用機能

AFFINGER6：デザイン済みデータの作成方法

サイトの見た目を格好よくしたいけど、どうやっていいかわからない… AFFINGER6のデザイン済みデータを使えば、誰でも簡単にプロ級のデザインを自分のサイトに取り入れることができます。この記事では、初心者の方でも迷わずにできるデザイン済みデータの作成方法を解説していきます。まずはここからスタートして、あなたのサイトをもっと魅力的に変身させましょう！ AFFINGER6のデザイン済みデータとはデザイン済みデータとは、AFFINGERユーザーが簡単にサイトの見た目を整えることができるよう設計された「完成 ...

AFFINGER6：デザイン済みデータの反映手順

この記事では「AFFINGER6（アフィンガー６）」に、デザイン済みデータを反映させるための手順を詳しく解説しています。デザイン済みデータは、初心者でも容易に美しいデザインを反映できるアフィンガー専用データです。このデータ設定は慣れれば簡単ですが、初回は操作に戸惑うことがあります。そこで今回は、初心者向けにデザイン済みデータの適用手順を詳しく解説していきます。 AFFINGER6 のデザイン済みデータは全部で11種類通常のAFFINGER6用 SIMPLE START Tidy2 MUKU clo ...

見出しの頭に自動で番号を入れる方法と自動カウントのリセット方法

AFFINGER6には、「自動カウント」という機能があります。これは、見出しの頭に数字を入力しなくても、自動で連続した番号を表示してくれるという、非常に便利な機能です。自動カウントには大きく、「見出しスタイル（ステップ・カウント）」を使った方法「連番（CT）」を使った方法の2種類があり、それぞれ使い方も見た目も異なります。それぞれ詳しく解説していきます。自動カウントの特徴はじめに、自動カウントを知らない方のために、自動カウントの特徴を簡単に説明しておきます。自動カウントには、以下の2つの ...

PCのヘッダー境界線に影をつける方法【CSS不要】

この記事では、「PCのヘッダーとメニューの境目がわかりにくい」「ヘッダーの境界線に影をつけられないかなぁ」という悩みを解決します。 PCヘッダーの境界線に影をつける方法のひとつに「CSSを追加する方法」があるんですが、AFFINGER6では CSSを追加する必要はありません。やることはドロップシャドウの設定に適応IDを追加するだけです。ということで今回は、PCヘッダーに影をつける簡単な方法と、PCヘッダーの境界線に影が追加されない場合の対処法を解説していきます。スマホのヘッダーにも影をつけた ...

ドロップシャドウの「適応ID及びクラス」を個別に設定する方法

ドロップシャドウとは、文字や画像に対する視覚効果のひとつで、対象の輪郭の脇に影が落ちているような演出を行うことです。簡単に言うと、影を演出することで浮いているように見せられる効果のことです。 AFFINGER6は、ドロップシャドウを追加したい装飾ブロックを、ピンポイントで設定することができます。段落スタイルのボックスとAFFINGER専用のボックスにメリハリをつけたい！ドロップシャドウありとなしをうまく使い分けたい！AFFINGER6を使っている他の人と差別化したい！という方はぜひ参考にしてください ...

カスタムボタンに影＆ドロップシャドウをつける方法

AFFINGER6のカスタムボタンには、「影」または「ドロップシャドウ」をつけることができます。「影」と「ドロップシャドウ」はまったく別物。簡単に説明すると、「影」→ボタンが立体的に見える「ドロップシャドウ」→ボタンが浮いて見えるという違いがあります。それではそれぞれの設定を解説していきます。カスタムボタンに「影」をつける手順カスタムボタンに影を追加するのは、ブロック編集の「レイアウト・デザイン設定」にて行います。１．新しい段落に「/カスタムボタン」と入力し、カスタムボタンのブロックを挿入 ...

ヘッダーカードの設定方法と画像サイズを解説

今回は、ヘッダーカードを表示させるための設定とカスタマイズについて解説していきます。ヘッダーカードとは、ヘッダーの下にある、画像にテキストが入っているカードタイプのリンクのことです。ヘッダーカードヘッダー下は、ユーザーの目に止まる可能性が高い場所。ここに見てもらいたいカテゴリのページやタグのページへのリンクを表示させておくことで、回遊率を上げようという作戦です。これも内部SEO対策のひとつですね。そこで今回は、ヘッダーカードを表示させるための設定（AFFINGER管理）ヘッダーカードの画像サ ...