KAZU

という疑問に答えます。 AFFINGER6のヘッダー画像エリアとは、この部分のことです。 もしくは、ヘッダーエリア～ヘッダー画像エリアまでの範囲に動画を流すことも可能です。 こんな感じで！ やることは以下の3つです。 ヘッダーに流すYouTubeのURLを用意する AFFINGER管理での設定 カスタマイズでの設定 今回は、ヘッダー画像エリアのみにYouTube動画を流すための手順を詳しく解説していきます。 ヘッダーに流すYouTubeのURLを用意する まずは、ヘッダーに流すYouTube動画の共有UR ...

GIFアニメを作って記事に挿入したのはいいけど・・・なぜか動かない… アップロード中は動いているけど、アップロードが完了すると・・・動かない… プレビューで確認しても・・・動いていない… ・・・というGIF動かない問題に困っていませんか？ ぼくもこの問題に直面しました。 他に所有しているサイトでは普通に動いているのに、なぜこのサイトでは動かないんだ・・・と。 AFFINGERがおかしいのか？・・・とまで思いました。 結論からいうと、GIFアニメが動かないのは、ただの「画像サイズ」の問題です。 それでは詳し ...

ここでは、ヘッダーの右上にある「ヘッダーメニュー（横列）」を表示させるための手順を解説します。 「ヘッダーメニュー（横列）」とは、ヘッダーの右サイドにあるメニューのことです。 ここにメニューを表示させるには、 ヘッダー横に表示するメニューを作成するAFFINGER管理設定でヘッダーメニュー（横列）を有効化するカスタマイズにて色を設定する この3つが必要です。 それぞれの手順を詳しく解説していきます。 ヘッダー横に表示するメニューを作成する まずはじめに、ヘッダー横に表示するメニューを作成します。 １．左メ ...

この記事では、WordPressのプラグイン「PS Auto Sitemap」を使ってサイトマップを作成する方法について解説しています。 今回使用するのは「ブロックエディタ」です。 クラシックエディタでの作成方法とは少しだけ異なります。 流れとしては、 PS Auto Sitemapをインストールする　サイトマップ用の固定ページを用意する自動作成コードを貼り付ける たったこれだけなんですが、一つだけ迷うところがあります。 それは、サイトマップ自動作成コードを貼り付ける場所です。 ただし、やり方さえわかれば ...

ここでは、ヘッダー 横メニュー「ヘッダーメニュー（横列）」にWEBアイコンを表示させる方法を解説します。 WEBアイコンを表示させためた例 ヘッダー横メニューにWEBアイコンを表示させるには、「Font Awesome」のWEBアイコンを使用します。 そのための準備として、 「FontAwesome」のアカウント登録使用するためのコードをheadに貼り付ける この2つを終えていないと「Font Awesome」を使用することができません。 ※WEBアイコンを使えるようにする手順は、以下の記事を参考にしてく ...

ここでは、ヘッダー横メニュー「正式名称は、ヘッダーメニュー（横列）」にサブタイトルを表示させる方法について解説していきます。 「サブタイトル」＝ AFFINGERでは「タイトル属性」と呼びます。 イメージはこんな感じ。 サブタイトルなし ▼ サブタイトルあり 必要なのは、 タイトル属性の項目を表示させるタイトル属性にサブタイトルを入力する この2つだけ。 それでは手順を解説していきます。 タイトル属性の項目を表示させる メニューの右にある▼をクリックし「追加設定オプション」を表示させたときに「タイトル属性 ...

ここでは、ヘッダーエリア全体を画像にする方法を解説していきます。 ヘッダーエリア全体に画像を反映させると、トップページのヘッダーはこんな感じになります。 完成イメージ ヘッダーエリア各メニュー ヘッダー全体を画像にするためには、「カスタマイズ」にて以下メニューの設定が必要です。 ロゴ画像 / サイトのタイトルヘッダー画像基本エリア設定 PCヘッダーメニュー それでは一つひとつ手順を解説していきます。 ロゴ画像/サイトのタイトル メニュー ここでは、ロゴ（サイトタイトル）とキャッチフレーズの色を変更します。 ...

「あれ？　アフィンガー６に変えてから、ヘッダーメニューに表示させていたWEBアイコンが消えてる……」 「え、なんで？ どうすればいいの？」 という悩みに答えます。 実際に僕もこの問題に直面してけっこう悩みました。 一応「ACTION（AFFINGER６）」のマニュアルにはFont Awesomeについて書いてあるんですが、それでも「え、どういうこと？」ってなったからです。 そこで解決策を調べまくりました。 ヘッダーメニューにWEBアイコンを表示させる方法は２つあります。 アフィンガー管理メニューの設定を変 ...

という悩みを解決します。 まずは結論から。 原因は、「ヘッダーを分割しない」を解除できないのは、アフィンガーの子テーマ「JET」の仕様だからです。 なので、「JET」の設定をちょちょいと弄れば、あっさり解除できます。 ちなみに設定変更の方法は 「JET」の管理画面から設定変更 スタイルシート（CSS）を書き換える この２パターンあります。 今回は、２パターンとも試して影響が出るのか出ないのかも見てみたので、同じように悩んでいる人はぜひ参考にしてみてください。 「ヘッダーを分割しない」を解除する手順（通常） ...

先日、ワードプレスの人気テーマ「AFFINGER６」を有効化したときに、重大なエラーが発生しました。 ワードプレスのダッシュボードにもログインできない状態。 そもそもログイン画面すら表示されない。。。 ・・・これはヤバイ！ ということでいろいろ調べた結果、テーマのファイルに問題がある可能性が高いことが判明。 さっそくAFFINGER６本体と子テーマJET のテーマファイルを削除しました。 結論からいうと、ファイルを削除の手順さえわかれば簡単に元通りにできます。 今回は、「エックスサーバー」のファイルマネー ...