AFFINGER

AFFINGER5のカスタマイズ・CSS一覧

2020年4月12日

AFFINGER5 カスタマイズ

 

男性
男性
AFFINGER5(アフィンガー)で使用できるCSSの装飾について色々知りたい!

こんな悩みに答えます。

 

稼ぐことに特化したWordPressテーマ「AFFINGER5(アフィンガー)」。

 

今回はRYO'S NOTEで紹介しているAFFINGER5(アフィンガー)のカスタマイズをご紹介します。

当ブログおすすめしているブログテーマ「AFFINGRE5(アフィンガー)」をまだ導入してない方はこちらをどうぞ。

おすすめ
AFFINGER5 初心者 徹底解説
有料テーマ「AFFINGER5」を初心者に向けて徹底解説する

続きを見る

 

初心者におすすめな設定

 

AFFINGRE5(アフィンガー)を導入してまずすべきおすすめな設定はこちらで紹介しています。

[fa class="fa-angle-double-right"]【AFFINGER5】初心者におすすめな設定を紹介する

 

ステップの作り方

こんなのを指します↓

 

step
1
WordPressをインストールする

・WordPressのインストールはこちら

step
2
AFFINGER5を導入する

・AFFINGER5の導入方法はこちら

step
3
AFFINGER5の初期設定

・AFFINGER5の初期設定はこちら

[fa class="fa-angle-double-right"]【AFFINGER5】かなり便利なステップの作り方

 

バナーリンクの作り方

こんなのを指します↓

バナーリンクの作り方

[fa class="fa-angle-double-right"]【AFFINGER5】バナーリンクの作り方

 

ブログカードの作り方

こんなのを指します↓

おすすめ
AFFINGER5 初心者 徹底解説
有料テーマ「AFFINGER5」を初心者に向けて徹底解説する

続きを見る

[fa class="fa-angle-double-right"]【AFFINGER5】ブログをすっきりさせるブログカードの作り方

 

スライドボックスの作り方

こんなやつです

[fa class="fa-angle-double-right"]【AFFINGER5】スライドボックスの作り方

 

タブの作り方

こんなのを指します↓




これが

「RYO'S NOTEへようこそ」

こうなります

RYO'S NOTEではWordPressやAFFINGER5に関することを発信しています!


[fa class="fa-angle-double-right"]【AFFINGER5】タブの作り方

 

スライドショーの作り方

こんなのを指します↓

AFFINGER5の記事

Syntax Highlight Prism.js WordPress 

AFFINGER WordPress

【WordPressプラグイン無し】Prism.jsを使ってソースコードを綺麗に表示させる方法

こんな悩みにお答えします。 多くのサイトでCSSやHTMLなどのコードを記載されていますが、中にはSyntax Highlight(シンタックス ハイライト)というもので綺麗に表示されているものが多くあります。 方法はプラグインをいれることでできたりしますが、設定が難しかったり、使い方がいまいちだったり... 導入したもののうまく機能しなかったりと様々なエラーがありますよね 筆者も色々と調べた結果、プラグインを使わずに表示する方法が一番簡単でしたので、ご紹介いたします。 Syntax Highlight( ...

AFFINGER

【AFFINGER6】「ヘッダーを分割しない」が解除出来ない時の解決方法【JET】

こんな悩みにお答えします。 サイトロゴの配置を試行錯誤しているうちに、サイトロゴの位置を中央配置から左寄せに戻そうとしたときに設定を変えても戻らなかったため、その解決方法をご紹介いたします。 本記事ではテーマエディターを編集します。テーマエディターの編集は自己責任のため、バックアップを取ってから作業するようにしてくださいね。 まだ、中央配置の設定をしてない方は、こちらを先に御覧ください。 こちらもCHECK 【AFFINGER6】サイトロゴを左寄りから中央配置にする方法 「ヘッダーを分割しない」が解除出来 ...

AFFINGER5 サイトロゴ 中央配置

AFFINGER

【AFFINGER6】サイトロゴを左寄りから中央配置にする方法

こんな悩みにお答えします。 ブログの信頼性やかっこよさに大きな役割を担っている、「サイトロゴ」 先輩方のブログを見ていると、おしゃれなロゴが多いですよね。 でも、安心してください。多くのブロガーさんが最初から完璧なデザインで始めたわけではありません。 9割近くの人が、運営していく中でシフトチェンジしたり、よりブラッシュアップしたりしていると思います。 今回はそんなサイトロゴの配置位置に関する設定の仕方です。 まだサイトロゴを設定できていない人はこちらから設定してくださいね。【AFFINGER6】サイトロゴ ...

AFFINGER

【AFFINGER6】サイトロゴ、ファビコン、アイコンの設定方法【結構重要】

こんな悩みお答えします。 ブログ作ったばかりの初心者の方で陥りやすいのが、「デザイン」です。結論から話すと、デザインなんかより記事を書くことが大事です。 だけど、見た目を整えたい!!こんな人は多いのでしょうか?かく言う私もその一人です笑形から入るタイプなので、細かいところがずれてたりできてなかったりすると気になって記事どころではありません...笑 さて、サイトデザインとは少し異なるかもしれませんが、この記事ではブログを見てくれるユーザーに信頼感を与える上でとても重要な要素をお話します。 それが、「サイトロ ...

AFFINGER5 吹き出し 作り方

AFFINGER

【AFFINGER5】吹き出しの設定と作り方

稼ぐことに特化したWordPressテーマ「AFFINGER5(アフィンガー)」。   今回はページ数リンク、ページャーのカスタマイズをご紹介します。 当ブログおすすめしているブログテーマ「AFFINGRE5(アフィンガー)」をまだ導入してない方はこちらをどうぞ。   AFFINGER5(アフィンガー)では画像の設定を事前にしておく必要がありますが、 最初にやっておけば、記事作成時はとても楽になります!3分で終わります!   AFFINGER5(アフィンガー)の吹き出しの設定 ...

[fa class="fa-angle-double-right"]【AFFINGER5】スライドショーの作り方

 

まとめ:AFFINGER5ならできる装飾が沢山

以上、AFFINGER5のカスタマイズ・CSSを紹介してきました。

今後もRYO'S NOTEではこういった記事を更新していきます。

それ合わせてこの記事へのリンクも追加していきますね。

 

AFFINGRE5を導入してない方はこちらもどうぞ

AFFINGER5の詳細はこちら

稼ぐに特化したWordPressテーマ!

[fa class="fa-angle-double-right"]有料テーマ「AFFINGER5」を初心者に向けて徹底解説する

今回は以上です。

-AFFINGER