カテゴリー: 投稿

Topへ戻るボタンが□に変わった

Posted on by lucky white

昨日まで、TOPへ戻るボタンに表示されていた上矢印がいつの間にか□に変わってる。

Cromeコンソールを見ると下記エラーが、

Mixed Content: The page at 'https://********.info/classic/' was loaded over HTTPS, 
but requested an insecure stylesheet 'http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css?ver=6.1.1'. 
This request has been blocked; the content must be served over HTTPS.
style.css:1

functions.phpのfont-awesome読み込みをhttpsに直したら直った。

wp_enqueue_style( 'test-fontawesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' );

ワードプレスVer6.1.1のメンテナンスリリースがあり、font-awesome.min.cssの読み込みバージョンが変更になったためキャッシュが使われなくなったのかな？

http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css?ver=6.1.1

ＴＯＰへ戻るボタン追加

Posted on by lucky white

ざっくりとTOPへ戻るボタンを追加しました。

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3fefee;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
<div id="page_top"><a href="#"></a></div>