4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ファビコンの配置(Python,Flask,Heroku使用時)

Last updated at Posted at 2020-06-01

#ファビコンが反映されない!
全然ファビコンが表示されなかった。調べてもわからなかった。
ファビコン 配置 ファビコン 場所
で調べるとだいたい「ルートディレクトリに」「index.htmlと同じ階層に」って出てくる。
「HTMLのheadにlink書けば(imagesファイルとかでも)大丈夫」という話もあった。

でないんだが???
スクリーンショット 2020-05-31 20.07.28.png

#HTMLとCSSしかないサイトとは違う!
HTML,CSSだと

project
├ index.html
├ favicon.ico  ←--ルート、index.htmlと同じ階層
├ css
│ └ stylesheet.css
└ images
  └ photo.png

JSが加わると

project
├ index.html
├ favicon.ico  ←--ルート、index.htmlと同じ階層
├ css
│ └ stylesheet.css
├ js
│ └ common.js
└ images
  └ photo.png

ってかんじだけど、これがだいたい調べると出てきていた。
Flaskが加わると変えないといけない。
フラスク パイソン ファビコン フォルダ 配置 あたりを組み合わせて検索。

project
├ static
│ ├ css
│ │ └ stylesheet.css
│ ├ js
│ │ └ common.js
│ ├ images
│ │ └ favicon.ico  ←--┐
│ └ favicon.ico  ←--staticの中(もしくはさらにimagesの中でも可)
├ templates
│ └ index.html
├ app.py
└ servise.db
スクリーンショット 2020-06-01 13.39.40.png

静的ファイルの方、staticの中にないといけなかった。
HTMLのheadにリンクを置くもの(CSS,JS)と同じだって覚えよう。
プログラミングスクールでFlask練習用に作ったページでもでこうなってたから、ちゃんと見ればよかった。
あとこのバックエンド系のフォルダ作ったのは別の作業者だったので、配置が違う理由とか全く考えずに使っていた。

#参考
Herokuにファビコンをデプロイするにはどうすればよいですか?
Adding a favicon

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?