ヘッダー レイアウト

ヘッダー画像エリア上のウィジェット

「ヘッダー画像エリア上のウィジェット」ではヘッダー画像の上にお知らせなどのコンテンツを表示できます。

機能自体はシンプルなウィジェットエリアなので「流れる文字」「揺れる文字」「普通のテキスト」など幅広い用途に使用できます。

カスタムHTMLでコードを入れる例

ヘッダー画像エリア上のウィジェットに関するカラーはカスタマイザーの「サブエリア」>「ヘッダーインフォメーションエリア」で変更できます。

パターン

通常のリンク

<p><a href="http://example.com">これはお知らせテキストです</a></p>

流れるテキスト

<div class="st-marquee">
<p><a href="http://example.com">これは流れるダミーテキストです</a></p>
</div>

アイコンと共に横揺れするテキスト

<p class="st-horizontal animated animated huto">
<a href="http://example.com">
<i class="st-svg st-svg-exclamation-circle"></i>
横揺れするテキスト 
<i class="st-svg st-svg-angle-double-right"></i>
</a>
</p>

解決しないことは検索もしてみてね

AFFINGERのAI(GPTs)で『小学1年生 英語勉強方法 おすすめ』記事を作成

「頭脳」を手に入れるAFFINGER監修 GPTs一覧

あなたにおすすめ

Good / Bad プラグイン [PRO]

Good / Bad プラグインでは、ユーザーの評価を手軽に確認することができるプラグインです。

クリックされたボタンに応じたコメントを作成することができます

※「チップを送る」は他サービス Square を使用した例です。当プラグインに送金及び決済機能はございません。

実装サンプル

※プラス1ボタン以外はブラウザを再更新することで再度、クリックできます。

クリック数も確認できます

記事一覧で各ボタンのクリック数が確認できるので、ユーザーの記事に対する評価がひとめでわかるようになります。

「チップを送る」寄付や支援金を受付にも便利なWordPressプラグイン
Good / Bad プラグイン [PRO]

このプラグインを利用するには別途、WordPressテーマ「AFFINGER6」が必要です Good ...

on-store.net

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-ヘッダー, レイアウト

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP