このブログを検索

2019年11月30日土曜日

cssでウェブサイトヘッダーをスクロールしても一番上にあるように固定する

div#headernav {

    position: fixed;         
    top: 0px;               
    left: 0px;               
    width: 100%;             


}

下記のサイトはナビゲーションボタンを固定した

デモサイト
https://www.takumikaki.com/smartphone/

2019年11月28日木曜日

アナリティクスで重複したホスト名というエラー通知が届いた場合の対処法

アナリティクスに プロパティ「〇〇〇〇〇〇」には、重複するホスト名でデータが届いています。 という通知がきた

これはドメインとサブドメインwwwをどちらもアクセスできるようにしていたため

閲覧されるページは一緒なのだがドメインとサブドメインのデータができるらしい

正しいデータを取得するためにしたほうがよいそうなので

対処法としては

リダイレクト または サブドメインwwwを削除とのことだったがGMO MakeShopを使っていたのでリダイレクトが使えない上にSSL証明書が発行していたのでwwwを削除できなさそうだったのでアナリティクス側でフィルタをかけて解決した

フィルタのかけ方はまずサイドメニューの一番下にある歯車をクリック


次の画面で一番右にあるビューメニュの中からフィルタを選択


次に+フィルタを追加をクリック


フィルタ名は自由、今回はサブドメインwwwのなくすイメージのフィルタなので「ホスト名からwwwを削除」みたいな名前でもよいかと

フィルタの種類は「カスタム」を選択して「検索して置換にチェック」フィルタ フィールドは「ホスト名」を選択


検索文字列には 

^www\.

を入力する


保存して終了。

これでいけるはず...たぶん

2019年11月24日日曜日

広島県宮島産のLサイズ殻付き牡蠣20個入り4580円送料込み

①新鮮
その日水揚げした牡蠣をその日の内にお客様に発送いたします。
仲介業者を通していない生産者直売なので、すぐにお客様のもとへ送ることができます。

新鮮な牡蠣は味も濃厚!!本物の牡蠣をお召し上がりいただけます。

②良質
職人が選別した牡蠣を詰めているので良質。雑に容器に詰めてはいません。

③安価
仲介業者を通していないので余計な金額がプラスされないので安価でご提供できます。

匠の牡蠣本店通販サイト

匠の牡蠣楽天支店

価格:5,379円
(2019/11/24 16:30時点)
感想(19件)



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円 送料無料

その日水揚げされた牡蠣を職人が選別し、新鮮良質な牡蠣がお届けされます

ご家族やご友人と食べるのに丁度よい商品

仲介業者を通さず生産者が直送してくれるので安価、新鮮、良質が実現できたお店

食べればわかる濃厚牡蠣

匠の牡蠣本店(通販)


匠の牡蠣楽天支店

元ファイルと修正ファイルのソース、文章の差分のチェックをしてくれるオンラインサービスdiffchecker 差異ではなく差分 

2019年11月18日月曜日

SPFレコードとは

メールの送信元ドメインを認証するためのSPFレコードを追加・削除します。
SPFレコードの設定変更が反映されるまでに、数時間程度かかることがあります。

↑簡単にいうとメールを送る際にどこから送られてますよと相手に伝える機能

現実世界でいう、どこから荷物、手紙が発送されたか(例:ヤマト運輸〇〇店、郵便局〇〇支店)

さくらレンタルサーバー電話問い合わせ

https://help.sakura.ad.jp/360000162522/#01-02

0120-775-664


2019年11月17日日曜日

googleの電話帳 Google Contacts

https://contacts.google.com

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を設定した

2019年11月16日土曜日

html css id class 複数指定

idは複数指定はできないがclassは複数指定できる

<div id="testid" class="testclass1 testclass2">

2019年11月15日金曜日

2019年11月12日火曜日

2019年11月2日土曜日

和風の模様、パターンなどダウンロードできるサイト

コチラのページですべてダウンロードできるはず

http://www.ikiya.jp/crest/download.html

注目の投稿

じぇらいす まちおこし

人気の投稿