タグ

ブックマーク / www.yukihy.com (5)

  • はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life

    10/7追記1:「はてブ順」を含めた、5つボタンバージョンを追加しました。 11/16追記2:カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、これは!と思い、以前作ったトグルメニューと組み合わせると、スマホの回遊率が高められる(かもしれない)メニューバーというものを作ることができたので、紹介したいと思います。(レスポンシブ設定の方は、できません) 実装図 実際のカスタマイズ 4つのボタンの場合 1 HOMEボタンにURLを入れる 2 カテゴリにURLと言葉を入れる 5つのボタンの場合 1 HOMEボタンにURLを入れる 2 カテゴリにURLと言葉を入れる その他のカスタマイズ 色を変えたい 人気記事の表示する個数を変えたい はてブ数を表示したい・したくない カテゴリの部分を二列にしたい

    はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life
  • 無料BIツール「Googleデータスタジオ」でAdWords・Analyticsのデータを一元化する方法 - Yukihy Life

    昨日、Googleデータスタジオのレポート作成数の上限が撤廃され、6個以上でも作成できるようになりました。 参考リンク:Google マーケティング プラットフォーム 日版 公式ブログ: Google データスタジオを皆様に無料でご提供を開始 この記事を読んだとき「Googleデータスタジオって何?」と思ったのですが、調べてみるとめちゃくちゃ便利なことに気づきました。 Web担当者はこれを駆使すれば、日々の業務の殆ど減らせるんじゃないか?ということで、いろいろいじって使ってみました。 Googleデータスタジオとは? 接続できるデータ サンプル 作成するデータ データソースを作成する レポートを作成する まとめ Googleデータスタジオとは? そもそもGoogleデータスタジオとは何なのかというと、Googleのツールで集められる様々なデータを、一箇所のレポートにまとめて表示することが

    無料BIツール「Googleデータスタジオ」でAdWords・Analyticsのデータを一元化する方法 - Yukihy Life
  • PHP・MySQL初心者がWordPressで開発を行うために読んできた本やサイトの紹介! - Yukihy Life

    ブログとWebサービスの間のようなものを作るために、WordPressを使ってWeb開発を行っています。 その際に参考になった当サイトを紹介したいと思います!対象はHTMLCSSが分かる程度の人間です。 ローカル環境をつくる WordPressの理解 【記事】はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました 基礎からのWordPress PHPMySQLの理解 【】よく分かるPHPの教科書 さらにを読んでWordPressについて理解を深める WordPressプラグイン開発のバイブル WordPressによるWebアプリケーション開発 まとめ ローカル環境をつくる WordPressはサーバーとドメインが必要になりますが、レンタルサーバーを使うなどすることで費用がかかっていまします。 そこでローカルにWordPressの環境をつくるため、M

    PHP・MySQL初心者がWordPressで開発を行うために読んできた本やサイトの紹介! - Yukihy Life
  • 当ブログのシェアボタンを使っていただいている方のFacebookボタンで不具合が生じています2! - Yukihy Life

    注:この記事は、元記事の補完的役割をしています。 元記事1:【変更お願い!】コピペのみではてなブログのソーシャルボタンをシェア数付きでおしゃれにするカスタマイズvol.2 - Yukihy Life 元記事2:はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。(vol2) - Yukihy Life 最近、当ブログで配布しているシェアボタンで、Facebookのカウント数が取得されないといった不具合があることが分かりました。原因はFacebook側の仕様変更だそうです。(元記事の方は、修正済みです) ということで、対処方法を書いていきたいと思います。 症状 症状は、Facebookのカウント数が取得されず、0のままになってしまうといったものでした。 これを、以下の部分を変更すると、シェア数が戻ります。 変更の仕方 記事下に、こういった記述がある

    当ブログのシェアボタンを使っていただいている方のFacebookボタンで不具合が生じています2! - Yukihy Life
    syofuso
    syofuso 2016/08/21
  • CSSでスマホ画面で横スクロールするレスポンシブ対応のメニューを作るカスタマイズ - Yukihy Life

    最近よく見る、スマホのときに横スクロールをするメニュー。 作り方をメモしたいと思います! 実装図・メリット カスタマイズ レスポンシブ(PC+スマホ) スマホ その他のカスタマイズ 色の変更 メニューの横幅・縦幅の変更 最後に 実装図・メリット イメージとしては、PCでは一般的なメニューになり、 画面の横幅が狭くなると、こんな感じで横スクロールをするようになるメニューです。 ちなみに、同じコードをはてなブログのスマホの方に入れると、こんな感じになります(動きは上と同じです)。 このメニューのメリットとしては、 トグルメニューのようにタップしなくても、はじめから数個のカテゴリが見えている Javascriptを使っていないので、回線が不安定なところでも比較的表示が崩れにくい はてなブログ以外でも使える 逆にデメリットは、 スクロールできるのか気付かれないかもしれない 狭い範囲での操作となるの

    CSSでスマホ画面で横スクロールするレスポンシブ対応のメニューを作るカスタマイズ - Yukihy Life
    syofuso
    syofuso 2016/07/14
    トグルメニュー気づかれていないんじゃと不安なのでこれは考えてみたい
  • 1