- HOME >
- KAZU
KAZU
2017年よりアフィンガーを愛用中。
シンプルでクールなサイトを作るのが得意。
WordPressを使ったホームページ制作もしています。
ここでは「REMIX ICON」のWebアイコンをAFFINGER6で利用する手順を詳しく解説します。 「REMIX ICON」とは、1300もの汎用的で使いやすいWebアイコンを無償提供しているサイトです。 サイトはこちら→ https://remixicon.com/ Webアイコンといえば「Font Awesome」が有名なんですが、実はいろいろ制限があって使いにくいところがあります。 たとえば、AFFINGER専用ブロックでは一部のアイコンが使えないとか・・・ 「REMIX ICON」のいいところ ...
ブログでよく使うWebアイコンをまとめました。 使用するWebアイコンは、 AFFINGERオリジナルアイコンFont AwesomeREMIX ICON この3つです。 ※REMIX ICONを使用する方法は以下の記事を参考にしてください。 https://the-affinger.com/remixicon/ 参考記事 それぞれアイコンの形や大きさなどが微妙に違うんですが、ここではWebアイコンの特性は解説しません。 背景色 AFFINGER専用ブロック ショートコード使用 白 ◎ ○ 薄青 ○ ○ ...
という悩みを解決します。 スライドメニュー内にバナー広告を表示させる方法は3パターンあります。 マイブロックに登録しショートコードをウィジェットに貼り付けるウィジェットに直接広告コードを貼り付けるブロックエディタで整形したコードをウィジェットに貼り付ける いちばん簡単なのは ①の「マイブロックに登録しショートコードをウィジェットに貼り付ける方法」です。 今回はこの方法を詳しく解説していきます。 「マイブロック」とは よく使うブロックパターンを登録しておくことで簡単に呼び出せるようになるAFFINGER6専 ...
という悩みを解決します。 サイトのタイトルに影をつけるには、テキストシャドウにヘッダーを指定する必要があります。 といっても難しいことはありません。30秒で終わります。 それでは、ヘッダーに表示するサイトタイトルに「影」を追加する方法について解説していきます。 ※サイトタイトルを大きくする方法もあります! 参考:サイトタイトルのサイズを大きくする方法|CSSコードを追加する サイトのタイトルに影を追加する方法 サイトタイトルの影の追加は、テーマ管理の全体設定で行います。 具体的には、テキストシャドウを反映 ...
という悩みを解決します。 結論から言うと、普通の設定ではなくCSSコードを追加する必要があります。 「CSSをいじるのは怖いなぁ…」 という方でも大丈夫。 アフィンガーにはCSSを追加できる項目があるので、コードのコピペだけで簡単に完了しますよ(約一分)。 ※サイトタイトルに影をつける方法もあります。 参考:サイトのタイトルに影(テキストシャドウ)を追加する方法 サイトタイトルのサイズを大きくする手順 サイトタイトルのサイズを大きくする手順は以下の通り。 追加するCSSコードをコピーするカスタマイズの「追 ...
という悩みを解決します。 AFFINGER6には、サムネイル画像を大きくする設定があるので、そこを変更するだけでサムネイル画像は大きくなります。 イメージとしては以下のような感じです。 大きさ変更イメージ ただし、サムネイル画像を大きくすることによるデメリットもあります。 そこで今回は、サイドバーのサムネイル画像を大きくする設定と、それに伴うデメリットもあわせて解説します。 サイドバーのサムネイル画像を大きくする設定 サイドバーのサムネイル画像を大きくするための設定は「テーマ管理(AFFINGER 管理) ...
購入特典とは 当サイト経由で「AFFINGER6」または「AFFINGERタグ管理マネージャー4」を購入していただいた方だけが手に入れられる「特典」のことです。 ここでは、 どんな特典が手に入るのか 特典付きでAFFINGER6を購入する方法 この2つについて詳しく解説していきます。 購入特典について まずはじめに、当サイトが提供している購入特典について簡単に説明します。 現在ご用意している特典は以下の3つ。 当サイト限定 デザイン済みデータ 完成されたデザインが簡単に自分のサイトに反映できる 鍵付きクロ ...
この投稿はパスワードで保護されているため抜粋文はありません。