専用パーツ

AFFINGER6「マイブロック」の便利な使い方

アフィンガー6をインストールすると、ダッシュボードメニューの1番上に「マイブロック」が表示されます。「これってどんな機能？」「再利用ブロックと何が違うの？」という疑問をもっている方が多いんではないでしょうか。アフィンガー6を購入してマイブロックを使わないのは、非効率の極みと言っていいほど損しています。そこで今回は、「マイブロック」の便利な使い方について、詳しく解説していきます。マイブロックと再利用ブロックの違いまずは、「マイブロック」と「再利用ブロック」の違いについて簡単に説明します。マイ ...

AFFINGER6の「見出し付きフリーボックス」を使いこなそう（基本編）

今回は、ブロックエディタで「見出し付きフリーボックスを使いこなす方法（初級編）」として解説していきます。見出し付きフリーボックスとは、AFFINGER6の専用ブロックのひとつです。ここでは、初心者の方でもわかるように、写真とアニメーションを使ってわかりやすく解説していきます。使用するのは「ブロックエディタ」です。「クラシックエディタ」は使用しません。 AFFINGER6専用「Gutebergプラグイン2」を必ず有効化してください。見出し付きフリーボックスの装飾例まずはじめに、見出し付きフリーボッ ...

AFFINGER6の「メモボックス」を使いこなそう（基本編）

今回は、ブロックエディタでAFFINGER専用メモボックス（メモブロック）を使いこなす方法（基本編）として解説していきます。メモボックスとは、AFFINGER6の専用ブロックのひとつ。メモボックスは2種類に分かれます。段落スタイルのメモボックスAFFINGER専用ブロックのメモボックスここでは、AFFINGER専用ブロックのメモボックスの使い方について、詳しく解説していきます。段落スタイルのメモボックスの使い方については、以下の記事に詳しく書いているので、2種類を使い分けたい方はぜひチェックして ...

AFFINGER6の「マイボックス」を使いこなそう（基本編）

今回は、ブロックエディタでマイボックスを使いこなす方法（初級編）として解説していきます。マイボックスとは、AFFINGER6の専用ブロックのひとつです。 AFFINGER6で使えるボックスの中でも「マイボックス」は使い勝手がいいのでよく使います。ここでは、AFFINGERの使い方にまだなれていない方でもわかるように、写真とアニメーションを使ってわかりやすく解説していきます。使用するのは「ブロックエディタ」です。「クラシックエディタ」は使用しません。 AFFINGER6専用「Gutebergプラグイン ...

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

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

簡易会話＆会話ふきだしに影を追加する方法

ここでは、「簡易会話」と「会話ふきだし」に影（ドロップシャドウ）を追加する方法について解説します。「簡易会話」とは、段落のスタイルから挿入できるふきだしのこと。「会話ふきだし」とは、AFFINGER専用のふきだしブロックです。この2種類のふきだしの使い分けについては、こちらの記事に詳しく書いています。参考会話ふきだしに影を追加するには、ドロップシャドウを追加する必要があります。簡易会話であれば、ボックスなどと一緒にドロップシャドウを追加することができるんですが、会話ふきだしは個別に設定しないと ...

AFFINGER6の会話ふきだし 2種類の設定と使い分け方

この記事では、 AFFINGER6のデフォルトで使える「ふきだし」の使い分け設定使い方この3つについて解説していきます。 2種類ある「ふきだし」の使い分け AFFINGER6のデフォルトで使えるふきだしは2種類あります。会話ふきだしブロック段落スタイルの簡易会話この2つの違いについては以下の通り。項目会話ふきだしブロック簡易会話名前の表示○✕向きの変更○✕テキストの改行○✕アイコンの選択8種類2種類ドロップシャドウ✕○ふきだしのボーダー○✕ 表を見てもらえればわかるように、簡易会話より会話ふきだ ...

AFFINGER6「ブログカード風」内部リンクの作り方【装飾し放題！】

今回ご紹介する方法は、デフォルトのブログカードではもの足りない…… もっと内部リンクを目立たせたい！という方におすすめの方法です。ブログカード風内部リンクを使えば、ボーダーの「色」や「太さ」の変更「背景色」の変更枠内に「まるもじ」や「ふきだし」の挿入が可能になります。ここでは、大きく分けて2タイプの作り方を紹介します。グループ化するタイプマイボックスを使用するタイプそれでは、ブログカード風内部リンクの作り方を詳しく解説していきます。グループ化タイプのブログカード風内部リンクの作り方 ...

AFFINGER6で作れるブログカード全部を紹介します！

AFFINGER6のデフォルト機能で作れるブログカードを紹介します。ブログカードの作り方は大きく分けて2つ。クラシック版の段落ブロックの中で作るブロックエディタで作る AFFINGER6で作れるブログカードは4種類。それにプラスして、ブログカード風の内部リンクがあります。クラシック版の段落の中で作るブログカード CHECK（ふきだし）参考ブロックエディタで作るブログカード埋め込みラベルあり記事IDを使ったブログカード風の内部リンクそれぞれ詳しく解説していきます。 AFFINGER6で作れるブ ...

100%目立つ！WEBアイコンやふきだしを動かす方法

AFFINGER6には「アニメーション」機能があります。アニメーションを使うことで、ボックスのアイコンを動かしたり、ブロック全体を動かしたりということが簡単にできます。たとえば、注意ふきだしをバウンドさせたり・・・注目まるもじのアイコンを横揺れさせたり・・・ポイントふきだしをふわふわさせつつアイコンをブルブルさせたり・・・といったことが簡単にできます。ブロックスタイルにアニメーションを追加する方法今回アニメーションクラスを追加するのは、段落スタイルの「ふきだし」と「まるもじ」です。 ...