div#headernav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
}
下記のサイトはナビゲーションボタンを固定した
デモサイト
https://www.takumikaki.com/smartphone/
このブログを検索
2019年11月30日土曜日
2019年11月28日木曜日
アナリティクスで重複したホスト名というエラー通知が届いた場合の対処法
アナリティクスに プロパティ「〇〇〇〇〇〇」には、重複するホスト名でデータが届いています。 という通知がきた
これはドメインとサブドメインwwwをどちらもアクセスできるようにしていたため
閲覧されるページは一緒なのだがドメインとサブドメインのデータができるらしい
正しいデータを取得するためにしたほうがよいそうなので
対処法としては
リダイレクト または サブドメインwwwを削除とのことだったがGMO MakeShopを使っていたのでリダイレクトが使えない上にSSL証明書が発行していたのでwwwを削除できなさそうだったのでアナリティクス側でフィルタをかけて解決した
フィルタのかけ方はまずサイドメニューの一番下にある歯車をクリック
次の画面で一番右にあるビューメニュの中からフィルタを選択
次に+フィルタを追加をクリック
フィルタ名は自由、今回はサブドメインwwwのなくすイメージのフィルタなので「ホスト名からwwwを削除」みたいな名前でもよいかと
フィルタの種類は「カスタム」を選択して「検索して置換にチェック」フィルタ フィールドは「ホスト名」を選択
検索文字列には
^www\.
を入力する
保存して終了。
これでいけるはず...たぶん
これはドメインとサブドメインwwwをどちらもアクセスできるようにしていたため
閲覧されるページは一緒なのだがドメインとサブドメインのデータができるらしい
正しいデータを取得するためにしたほうがよいそうなので
対処法としては
リダイレクト または サブドメインwwwを削除とのことだったがGMO MakeShopを使っていたのでリダイレクトが使えない上にSSL証明書が発行していたのでwwwを削除できなさそうだったのでアナリティクス側でフィルタをかけて解決した
フィルタのかけ方はまずサイドメニューの一番下にある歯車をクリック
次の画面で一番右にあるビューメニュの中からフィルタを選択
次に+フィルタを追加をクリック
フィルタ名は自由、今回はサブドメインwwwのなくすイメージのフィルタなので「ホスト名からwwwを削除」みたいな名前でもよいかと
フィルタの種類は「カスタム」を選択して「検索して置換にチェック」フィルタ フィールドは「ホスト名」を選択
検索文字列には
^www\.
を入力する
保存して終了。
これでいけるはず...たぶん
2019年11月24日日曜日
広島県宮島産のLサイズ殻付き牡蠣20個入り4580円送料込み
2019年11月22日金曜日
一粒殻付き牡蠣Mサイズ75個 7,480 円 送料無料
なので新鮮、良質
生産者直売なので安い
本当の牡蠣の味を知りたい方はコチラで購入↓
匠の牡蠣本店
https://www.takumikaki.com/
匠の牡蠣楽天支店
価格:8,619円
(2019/11/22 12:34時点) 感想(162件) |
2019年11月21日木曜日
広島県宮島産、殻付き牡蠣Mサイズ 40個 5280円 送料無料
2019年11月18日月曜日
SPFレコードとは
メールの送信元ドメインを認証するためのSPFレコードを追加・削除します。
SPFレコードの設定変更が反映されるまでに、数時間程度かかることがあります。
↑簡単にいうとメールを送る際にどこから送られてますよと相手に伝える機能
現実世界でいう、どこから荷物、手紙が発送されたか(例:ヤマト運輸〇〇店、郵便局〇〇支店)
2019年11月17日日曜日
GMO MakeShopのスマホサイトで「Swiper」というスライダーを使ってみた スワイプ可能
このサイトを参考に導入
https://www.willstyle.co.jp/blog/724/
①まずヘッダーに
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css">
②トップ画面に
<!-- Slider main container -->
<div class="swiper-container">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
...
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
③フッターに
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
<script>
var mySwiper = new Swiper ('.swiper-container', {
effect: "flip",
loop: true,
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
autoplay: '1000',
})
</script>
勝手にスライドさせたかったのでautoplayを1000で追加した
1000=1秒
導入したサイトはコチラ
https://www.takumikaki.com/smartphone/
ちなみに原因は追究していないが楽天GOLDで使用した場合、何故か縦幅がものすごく伸びたのでheightを設定した
https://www.willstyle.co.jp/blog/724/
①まずヘッダーに
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css">
②トップ画面に
<!-- Slider main container -->
<div class="swiper-container">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
...
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
③フッターに
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/js/swiper.min.js"></script>
<script>
var mySwiper = new Swiper ('.swiper-container', {
effect: "flip",
loop: true,
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
autoplay: '1000',
})
</script>
勝手にスライドさせたかったのでautoplayを1000で追加した
1000=1秒
導入したサイトはコチラ
https://www.takumikaki.com/smartphone/
ちなみに原因は追究していないが楽天GOLDで使用した場合、何故か縦幅がものすごく伸びたのでheightを設定した
2019年11月16日土曜日
2019年11月15日金曜日
楽天GOLD RMS FTPソフトで画像アップした時にエラー Disk quota exceeded と表記されたら
恐らく楽天GOLDのサーバー容量を超えているので要らないファイルを削除するか、容量うpするしかない
2019年11月12日火曜日
a:link a:visitにidタグをつけたかったがclassだったらわかったのでclassにした
<a class="fotterlink" href="https://www.takumikaki.com/">
.fotterlink:link {
color: white;
text-decoration: none;
}
.fotterlink:visited {
color: white;
text-decoration: none;
}
.fotterlink:link {
color: white;
text-decoration: none;
}
.fotterlink:visited {
color: white;
text-decoration: none;
}
2019年11月10日日曜日
2019年11月2日土曜日
登録:
投稿 (Atom)
注目の投稿
人気の投稿
-
まずは正規表現にかならずチェックを入れておくこと 改行は ¥n \n のどちらか スペースは単純にスペースを入力して置換には何も入力せず置換すれば削除される