Be Fun Blog, Be Fantastic Blog

ブログのノウハウ紹介ブログ「Boon ☆ ブログ」

おしゃれでアフィリエイトに強いサイトを作るなら WordPress テーマ「AFFINGER」

: AFFINGER ヘッダーメニューを中央ぞろえ（センタリング）する方法

2023/9/18

横幅が広い画面が増えてきました。ヘッダメニューが左に並ぶと右側にスペースがあいてしまうため、センタリングしたほうが見栄えが良い場合があります。AFFINGER6 でヘッダーメニューをセンタリングする場合は、CSS で定義します。

: 【AFFINGER6】WordPress 子テーマに php ファイル（header.php、404.php など）を配置する方法

2023/9/18

優良で有料テーマ AFFINGER6！テーマを改造するときにPHPを触るとき、うっかり親のテーマファイルを触ったら、アップデートで飛んじゃいます！PHPは子テーマへ、コピーしておき安全に改造しまくりアフィンガー！のための子テーマへのPHPファイルのコピー方法を紹介します。アフィンガー使いの方、ぜひご覧くださいませ。

: 【AFFINGER】検索フォームのサイドバー設置と配色設定！

2023/9/18

AFFINGER6 でサイドバーに「検索フォーム」を設置すると、書記は移植では文字と枠が薄くあまり見えません。配置と配色の方法を解説します。設定のみで可能です。

: 【AFFINGER】サイト内の画像をフェードイン表示する設定（設定は１か所）

2023/9/18

AFFINGER テーマ利用時に、サイト全体（もしくは記事内）の画像を表示する際に、画面上に画像をフェーズイン（ぼわっと）表示させる方法です。通常は CSS で実現しますが、WordPress の優良テーマ AFFINGER では、設定１か所で実現することが可能です。フェードイン表示利用のメリットデメリットも紹介します。

: 【AFFINGER6】サイドバーにボックスメニューを利用する！リンクアイコンを綺麗に並べる方法

2023/9/18

WordPress の優良テーマ「AFFINGER6」には「ボックスメニュー」という、アイコンを並べて表示できる機能があります。サイドバーに並べると見目麗しいサイドバーができますので、その方法を解説します。

: 【AFFINGER】下線蛍光マーカーの使い方（CSS記載不要）＠WordPress

2023/9/18

WordPress の優良テーマ「AFFINGER」では、通常は CSS を利用しなければ実現できない下線蛍光マーカーを（AFFINGERの）標準機能で実装しています。記事作成時の画面操作だけで下線蛍光マーカーを実現できます。その簡単な使い方をご紹介します。

: 【AFFINGER】ヘッダーに背景画像を表示しながらサイト名（文字列）を表示する方法

2023/9/18

AFFINGER6 は WordPress の優良なテーマですがヘッダー（サイト名を表示する部分）に背景画像を表示できなくて単色にしているサイトを見かけます。設定に少しコツが必要です。本記事では AFFINGER6 でのヘッダーの背景画像の設定方法を解説します。

: 【AFFINGER】Twitter にブログ記事のカードを埋め込む方法（OGP 設定）

2023/9/18

Twitter のツイートに、記事のカードを埋め込む方法（埋め込むために必要な設定）です。アイキャッチ画像（サムネイル画像）や、記事抜粋文をツイッター側（ツイート内）に表示します。ツイッターも利用している方、ぜひ設定をおすすめします。

: 【AFFINGER6】「トップに戻る」（TOPに戻る）ボタンの色を変える方法！

2023/9/18

AFFINGER6 では初期設定で「トップに戻るボタン」がページの右下に表示されています。この「トップに戻るボタン」の色の変え方、形の変え方など、カスタマイズ方法を紹介します。

: 【AFFINGER】トップページのアイキャッチ画像を設定する方法

2023/9/18

Twitter にURLを貼った際にトップページURLではアイキャッチが出ない方もいるかと思います。AFFINGER では、トップページのアイキャッチ画像を指定する場所が特別に用意されています。トップページのアイキャッチ画像の設定方法を紹介します。

: 【AFFINGER6】（スマホ）２本の指で画面を拡大する方法（ピンチアウトを可能にする方法）- WordPress

2023/9/18

AFFINGER6 ではスマホ（アンドロイド系）でページを表示した場合、指２本での拡大操作ができません。拡大操作（ピンチアウト）を可能にする方法を説明します。サイトの設定ファイルを一か所変えるだけで可能です。

: 【AFFINGER】ヘッダーカードを使う方法！サイトの見た目が一段上がる！

2023/9/18

「ヘッダーカード」は、サイトの見た目がより美しくなり引き締まります。直帰率も改善する超おすすめ機能です。「AFFINGER」テーマで超簡単にヘッダーカードを利用する方法を紹介します。ぜひご一読を！

: AFFINGERサイトの横幅を最適化する方法（初期値は狭い？修正で魅力的なデザインに）

2023/9/18

サイトの横幅は、サイトの見た目を決める重要なポイントの一つです。AFFINGER6 では、サイトの横幅を管理画面の設定（１か所）で決めることができるため、非常に便利ですが、初期設定の 1060px だとサイトの横幅が狭すぎです。サイトの横幅の例と、設定を変更する方法を本記事でご紹介します。

: AFFINGER 便利すぎる！コードを一括管理する「マイブロック」のすごさと使い方

2023/9/18

WordPress で同じ広告を複数のページに貼っていて、広告が終了になり一気にすべて変えたいと思った時ありませんか？AFFINGER6のプラグイン「STINGER タグ管理プラグイン２」を使うことで、共通する広告やコードを一括してまとめて管理できます。詳しく紹介します。

: 【AFFINGER6】ファビコンの設定方法（AFFINGER5 とは設定方法が違います）

2023/9/18

AFFINGER6 でファビコンとサイトアイコンを設定する方法です。
（AFFINGER5 とは設定場所が異なります）

: AFFINGERで簡単！ヘッダーメニューの作り方と設定方法（項目や配色の変更方法も解説）

2023/9/18

サイトのメニューはユーザビリティ向上の重要なポイントです。メニューの作成方法（項目の設定、配色）を解説します。（横幅を 100％にする方法も解説します）

« Prev 1 2 3