アフィンガー5

アフィンガー5でサイト名をブログで表示させない方法【AFFINGER5】

2019年5月24日

アフィンガー5でサイト名をブログで表示させない方法【AFFINGER5】

こんにちは。カワシダです。

 

サイトにヘッダー画像をあてて、サイト名を表示したくないと思った時に利用して欲しい機能をご紹介しています。

 

これまで「ヘッダーにサイトタイトルを表示させない」方法を探すと、スタイルシート(style.css)のところに#site-title { display: none; }を記述するといった情報をよく目にしました。

ただ、どこに記述しようともまったく有効になりませんでした。

 

他のサイトも見ながら、タイトルの指定の仕方を変えたりしても変わりません。

 

そこでふと思いました。

「AFFINGER5」で強制的に固定されているんじゃ・・・?

 

という事で検索するワードを機能に絞って調べてみました。

というか、考える順序が逆なんですね。

AFFINGER5というツールを使ってるわけですから、そこで出来ることをもっと知るべきでした。

 

そして、結論としてAFFINGER5でサイト名をブログで表示させない機能はありました

AFFINGER5管理からサイト名を非表示設定する

AFFINGER5管理からサイト名を非表示設定する

「AFFINGER5管理」から、「ヘッダー」を表示して「H ヘッダー設定」部分を見ますと

「ヘッダーにサイト名(またはロゴ)を表示しない」とあります。

その下は

「ヘッダー(およびフッター)にキャッチフレーズを表示しない」

とあります。

 

秒で終わりました。(汗)

 

そうです。kawashidaは、

客観的事実を差し引かなくても、このテーマを全然使いこなせていません!

なので、皆さんテーマを新しくしたら、色々調べて使いこなしましょうね!

 

それでは実際に設定しながら変化を見ていきましょう。

 

こちらは別サイトですがヘッダー画像を設定したので、サイトタイトルやキャッチフレーズを非表示にしたいと思っていました。

今回のAFFINGER5でサイト名をブログで表示させない機能を使う前の画像です。

AFFINGER5でサイト名をブログで表示させない機能を使う前の画像その1

AFFINGER5でサイト名をブログで表示させない機能を使う前の画像その2

 

上記がサイト名とキャッチフレーズが表示されたままの状態です。

まぁ、悪くも無いのですがトップページではサイトタイトルとヘッダー画像で2重になってしまってるので、どうしても違和感がありました。

 

そして前述した「ヘッダーにサイト名(またはロゴ)を表示しない」と「ヘッダー(およびフッター)にキャッチフレーズを表示しない」をそれぞれチェックを入れて保存します。

 

保存した後のサイト表示がこのような形です。

 

AFFINGER5でサイト名をブログで表示させない機能を使った後の画像1つめ

AFFINGER5でサイト名をブログで表示させない機能を使った後の画像2つめ

 

スッキリしました!

が、サイト名を完全に非表示にしてしまった結果、投稿ページではサイトタイトルがわからない状態になってしまいました。

フッターには入っているので、ダメでもない気もするんですが、この辺りはもう少し調整していきたいと思います。

 

AFFINGER5でサイトの電話番号をテキスト表示させる

さっくり終わってしまったので、AFFINGER5で気になる機能をもう少し解説していきます。

同じく管理の所から、ヘッダーの設定に

「電話番号を追加する」とあります。

商業サイトを作ろうとしていた時に、ヘッダー部分にテキスト表示させたいと思っていたので、「これは!」を胸が躍りました。

 

AFFINGER5管理から電話番号を登録している画像

電話番号はここでは適当に打ち込みます。

期待いっぱいで「save」して画面を確認します。

 

電話番号をヘッダーに表示させる設定をしたあと

 

「あれ・・・?」

 

表示されません。

フッターまでスクロールします。

 

AFFINGER5でヘッダーに電話番号をテキスト表示させた画像

 

ありました。(震え声)

 

何故フッター・・・?というか選べるようにするのが親切設計ではないのかな?

まぁまた使いこなせていないだけかもしれないので、もう少し勉強して何かわかったら情報追加したいと思います。

 

 

AFFINGER5で記事をスライダー表示

 

それではもう少し行きましょう。

 

正直言うとこの機能、有料子テーマの「JET」のものだと思い込んでたんですが、AFFINGER5の設定をいじってたら出てきました。かなり泣きそうです。

 

AFFINGER5でスライドショーの設定を行う画像

 

画像や記事をスライドショーで表示する設定をチェックボックス一つで選択できます。

先ほどのサイトで設定を行うとこのようになりました。

AFFINGER5で記事のスライドショーを設定する画像2

んー、ちょっとトップページとしてはどうでしょうか。

これは先ほどヘッダー画像だけを表示させる為に、サイトタイトルを消したことが影響しているようです。

 

 

それでは当ブログのKawashida.comのサイトで比較してみます。

こちらはAFFINGER5管理でで記事のスライドショーを適用前の画像です。

 

AFFINGER5で記事のスライドショーを有効化する前の画像

 

 

スライドショー設定を適用後、なんだかいい感じになってきました。

やはり、ヘッダー画像が無い方がこの表示の仕方にはあっているようです。

 

AFFINGER5で記事のスライドショーを有効化した結果の画像

 

 

いかがでしたでしょうか。

AFFINGER5では様々な機能が網羅されており、難しいプログラムがわからない方でも凝ったサイトを作れる機能が満載です。

 

ただ、使える機能が多い反面、それが埋もれたしまうのも事実です。

 

それでは本日も頑張りましょう。

おすすめ記事

動画配信を大画面テレビで見る方法【FireTVStickがマジおすすめ】 1

動画配信を大画面テレビで見る方法【FireTVStickがマジおすすめ】   注意ポイント まずこの方法の前提条件が1つだけあります。 それは家庭にインターネット環境がある事です。 光とかの ...

スターチャンネルEXでゲームオブスローンズシーズン8を無料で視聴する方法を無料で全話見る方法!2019年完結編 2

  目次 ゲームオブスローンズとは ゲームオブスローンズを無料で視聴するには? 「Fire TV Stick」があれば動画をTVで観られるから最高! ゲームオブスローンズを無料で視聴する具体 ...

無料で見る方法あらすじ・感想トッケビの花嫁 3

  目次 トッケビの花嫁を無料の動画で見る方法 トッケビの花嫁とは トッケビの花嫁のキャスト トッケビの花嫁の面白さとは おすすめの根拠=レビューの高さ トッケビの花嫁を無料で見る方法のまと ...

-アフィンガー5
-,

Copyright© kawashida.com , 2020 All Rights Reserved.