便利なもしもアフィリエイトの「かんたんリンク」！スマホ表示を小さくカスタマイズ - mocharina＊布あそび

2020/07/07 34 users コロナ禍 mocharina モカリーナ アフィリエイト

こんにちは、モカリーナです。 この記事はもしもアフィリエイトのかんたんリンク、カスタマイズについて書いています。 気付いてましたか〜(*´꒳`*)？ カスタマイズしたら可愛いでしょ！ 何だかサイトらしくなって、嬉しいな〜✨ ♪( ´▽｀)ｴﾍｯ♡ 何のことかというとですね… アフィリエイトです！ モカリーナはコロナ禍の自... 続きを読む

CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール | コリス

2020/05/22 19 users 可変 Calc ワイドスクリーン コリス 最小値

レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語... 続きを読む

【ログイン・同期不要】表示中のWebページをQRコードでスマホに転送：Google Chrome完全ガイド - ＠IT

2019/10/23 17 users 同期 QRコード Google Chrome完全ガイド 以下

PCからスマホへ素早くURLを伝えたい 「Windows PCやMacなどで表示中のWebページを、いますぐスマホで開きたい」と思ったことはありませんか？　例えばスマホ用Webページを制作していると、Google Chrome（以下、Chrome）のデベロッパーツールでスマホ表示を確認した後、実機のスマホでテストする際、素早くテスト対象ペ... 続きを読む

CSSだけでtableを見やすく表示するカスタマイズ方法 - はるなぴログ

2018/10/14 55 users table 備忘録 CSS ロク レスポンシブ対応

CSSだけを使ってtableを見やすく表示するカスタマイズ方法を備忘録として書いておきます。 スマホ表示もレスポンシブ対応を含めて考えていきます。 tableを見やすくするためにテーブルセルに枠線をつけます。さらにヘッダ領域に背景色をつけ、何を比較しているのか目立つようにします。 このカスタマイズでtableを更に見... 続きを読む

【Google Adsens 広告設定】はてなブログでスマホ表示がアドセンスで横にガタガタする問題の解決方法まとめ - あいまいみーのきたろぐ

2017/10/27 17 users アドセンス あいまいみー Google AdSens スマホ

2017 - 10 - 27 【Google Adsens 広告設定】はてなブログでスマホ表示がアドセンスで横にガタガタする問題の解決方法まとめ Blog SEO対策 備忘録 Twitter Google+ Pocket はてなブログを見ているとスマホが横にガタガタして見にくい ！！！ こんな経験をしたことってありますよね。笑 今回はその解決方法のお話です ( ˘ω˘ )‬ 改めましてこんにちは、... 続きを読む

Safariのスマホ表示をPC表示に切り替える方法 - ITmedia Mobile

2017/04/11 14 users Safari ITmedia Mobile iPhone

初心者向けにiPhoneのTipsを紹介する連載「 iPhone Tips 」。今回のテーマは「SafariでPCビューでWebサイトを見る方法」です。 SafariでWebサイトを見ようとすると、ほとんどのWebページが自動的にモバイル用のサイトで表示されるようになっています。今ではPCのサイト表示のまま閲覧できるページの方が少なくなりました。スマホ用のページ表示は、PCで見るサイトよりも余白が... 続きを読む

はてなブログのテーマを「Evergreen」に変えました - 攻めは飛車角銀桂守りは金銀三枚

2016/01/04 8 users Evergreen 飛車角銀桂守り スポンサーリンク テーマ

2016 - 01 - 04 はてなブログのテーマを「Evergreen」に変えました はてな シェアする Twitter Google+ Pocket スポンサーリンク 先日からテストしながら検討していた「はてなブログ」のテーマ変更。 ついにしました。先日も「これはいいかも」ってテーマに変更していたのですがスマホ表示がなんだかとても遅いような感じがしてやめてました。 今までのテーマもすごく良かっ... 続きを読む

記事タイトルに「B!」はてなブックマークボタンを設置！「あとで読む」機能の追加！ - マネー報道 MoneyReport

2015/07/11 28 users スポンサーリンク はてなブログカスタマイズ 本日 下記 問題

2015-07-12 記事タイトルに「B!」はてなブックマークボタンを設置！「あとで読む」機能の追加！ はてなブログカスタマイズ ブログ運営 スポンサーリンク あとで読む 問題です 久々の深夜更新です。突然ですが、問題です。 私のブログを本日カスタマイズしました。 下記の画像を見て、何が昨日までと比べて変わったのかを答えて下さい。PC表示。何が変わったのか分かりますか？ 続いてスマホ表示。どこが変... 続きを読む

ブログカスタマイズするとき参考にしたサイト・ブログを紹介。 - まるまるまるめっと

2015/03/19 15 users 参考 紹介 サイト・ブログ ブログカスタマイズ 3STEP

2015-03-20 ブログカスタマイズするとき参考にしたサイト・ブログを紹介。 ブログカスタマイズ 私のブログのテーマは「レスポンシブルー」を使っています。 最初はレスポンシブデザインにしても反映されませんでしたが、下記のブログで解決しました。 ＜はてなブログ＞３STEPでスマホ表示をレスポンシブ対応に！やり方を解説しちゃいます♪ - イロイロひとりごと。happylife-tsubuyaki.... 続きを読む

Wordpressのメニューとサイドバーをスマホ用に横からスライドイン表示させるカスタマイズ方法

2015/03/19 60 users WordPress グローバルナビ モーダル アコーディオン

WordPressテーマのスマホ表示は、結構頭を悩ませるところです。 中でも特に、グローバルナビメニューや、サイドバーのスマホでの扱いには悩むところです。 僕はこれまで、グローバルナビの場合は、非表示にしておいて、アコーディオン表示させるか、モーダル表示させるかしていました。 サイドバーの扱いはもっとぞんざいで、回り込みを解除して、本文の下に表示させるということぐらいしか、できていませんでした。 ... 続きを読む

サイドバーって死んだの？ 〜STINGER5のスマホ表示をカスタマイズ〜 | おーとえすとさいと

2015/01/04 31 users アフィリエイト STINGER5 カスタマイズ おー ウェブ

こんにちは。 社会人1年目で現実の厳しさを知って参っているおーとえすと申しますw 仕事はウェブ関係ないし、ウェブとかアフィリエイトとかは完全に趣味で、 まあ素人に毛が生えた的な感じな人です。 そんで、最近は情報収集とかも全然できていないので、トレンドとか流れとか全然把握してないので的外れなことを言うかもしれませんが、 サイドバーって死んだんですか？ 俺はあった方が良い気がする スマホが普及してスマ... 続きを読む

【はてなブログ】スマホ表示にグローバルナビ設置！「最初の記事から」と「注目記事」へのリンクも☆彡 - ◎ どーなつ手帖 ◎

2014/11/04 8 users グローバルナビゲーション 最初 リンク 注目記事 はてなブログ

2014-11-04 【はてなブログ】スマホ表示にグローバルナビ設置！「最初の記事から」と「注目記事」へのリンクも☆彡 Web hatena こにちわ☆本多です。 スマホ表示にグローバルナビゲーションを設置しました！ ポイントは、「最初の記事から読む」と、ページ下にある「注目記事」へ飛ばすリンクです♡ スマホで「お！」と気になるブログを見つけた時、最初から読むのが大変だったのですよ……。 参考にさ... 続きを読む

はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2

2014/09/19 95 users グローバルナビゲーション グローバルナビ スポンサーリンク

2014-09-19 はてなブログのスマホ表示にグローバルナビゲーションを設置する Webサイト制作 はてなブログ スポンサーリンク はてなブログにはPC表示用にもスマホ表示用にも、グローバルナビゲーションが純正では用意されていません。 スマホにもグローバルナビを設置したいなーという人は多いのでしょうか？昨日、吉本ユータヌキさんからこんなツイートをもらいました。 @aiueolab ひ！非常に嬉し... 続きを読む

はてなブログのスマホ表示にアドセンスやアクセス解析を設置 - はぴらき合理化幻想

2014/08/26 12 users アドセンス ぴらき合理化幻想 2014-01-23 設置 通常

2014-01-23 はてなブログのスマホ表示にアドセンスやアクセス解析を設置 はてなブログをカスタム web制作 はてなブログのスマホ用テーマは、テーマ自体にアドセンスや任意のアクセス解析を設置できない。今のところ課金・無課金に関係なくカスタムできないからだ。これを何とかする方法について言及する。 アドセンスやアクセス解析コードを追加する場所 スマホ用テーマをカスタムできないから、通常は広告を設... 続きを読む

はてなブログでスマホ記事上にGoogleアドセンスを貼る時のオススメ設定 - マネー報道 MoneyReport

2014/06/29 40 users イジリ MoneyReport グレードアップ 一昨日 追加

2014-06-29 はてなブログでスマホ記事上にGoogleアドセンスを貼る時のオススメ設定 ブログ運営 はてなブログカスタマイズ 今週末はブログデザイン変更をイジリ倒すという事で 昨日は、一昨日間違ってイジリ過ぎたスマホ設定を元通りにして更にカスタマイズするという事をやりました。 あ、はてなブログのブログ設定のお話ですが(^^; スマホ表示の変更ミスを修正し、追加でグレードアップをば(^^; ... 続きを読む

tumblrのテーマをカスタムし、追加したJavaScriptをスマホ表示でも有効にする - はぴらき合理化幻想

2014/05/15 33 users tumblr カスタム HTML ぴらき合理化幻想 モバイル用

2014-01-13 tumblrのテーマをカスタムし、追加したJavaScriptをスマホ表示でも有効にする web制作 tumblrのテーマをカスタムしてもスマホ表示では無効になる原因と対策がわかった。 tumblrでは、モバイル用にHTMLを自動で最適化する。このためにカスタムした部分が無効になっていた。 カスタムで追加した外部JavaScriptファイルを読み込む設定が反映されなかったので... 続きを読む

パソコンのChromeで拡張機能なしでUser Agentを変更してスマホ表示を確認する方法 | love guava!

2014/05/03 57 users Chrome User Agent love guava

パソコンのChromeを使って、拡張機能なしでUser Agentを変更してスマホ表示を確認する方法をご紹介します。Chromeの標準機能だけで表示できるので、知っておくとなにげに便利ですよ！こんにちは。グアバです。 皆さんはブログのデザイン変更をしたとき、スマホ表示をどのように確認されていますか？ ベストなのはもちろん実機で確認することなのですが、手元にスマホがなかったり、いちいちスマホで確認す... 続きを読む

Google AdSenseのレスポンシブ広告ユニットでスマホ表示サイズにも最適化 - はぴらき合理化幻想

2014/05/02 24 users レスポンシブ広告ユニット ぴらき合理化幻想 最適化 所感 概要

2014-05-02 Google AdSenseのレスポンシブ広告ユニットでスマホ表示サイズにも最適化 web制作 アドセンスのレスポンシブ広告ユニット１つを使って、PC表示とスマホ表示で最適化する方法を述べる。JavaScriptではなくCSSでブラウザ横幅に応じて条件分岐可能。 概要および所感 HTMLやCSSを使えるけどJavaScriptは苦手という方でも大丈夫。条件分岐をCSSでできる... 続きを読む

[M] スマホと同じ画面幅で表示確認できるChrome拡張「Mobile Layouter」が便利すぎる件 | mbdb (モバデビ)

2014/02/11 50 users mbdb モバデビ PHOTO Chrome拡張 拡張

うーん、スマホ表示確認できるUA偽装系Chrome拡張機能では、もしかしたら一番いいかもしれません。 「Mobile Layouter」という拡張機能なんですが、ブログのスマホ側の調整時に大変便利に使うことができました。 以前使っていたUA偽装系の拡張から乗り換えちゃいましたよ。 Photo:iPhone By GONZALO BAEZA 以前までは「User-Agent Switcher」という... 続きを読む

【追記あり】はてなブログで表示エントリのカテゴリに関係するエントリを「あわせて読みたい」として表示するウィジェット - 情報学の情緒的な私試論β

2014/02/01 29 users エントリ ウィジェット 追記 私試論 カテゴリ

2014-02-01 はてなブログで表示エントリのカテゴリに関係するエントリを「あわせて読みたい」として表示するウィジェット 電算 カテゴリに関係するエントリを「あわせて読みたい」として表示 id:FFCCEoT_NESS さんに依頼されて、カテゴリごとのリンクを作る件について、調べていて、id:splicomさんの『【スマホ表示に対応】はてなブログで同じカテゴリーの記事へのリンクを表示する - ... 続きを読む

ブログはもっと儲かってもいいが、誠実さが無いと嫌われる - あざなえるなわのごとし

2014/01/09 23 users イケハヤ なわ アドセンス収入 livedoorブログ 半分

2014-01-09 ブログはもっと儲かってもいいが、誠実さが無いと嫌われる 小ネタ ブログ はてな photo by epSos.de誰とは言わんが「アドセンス収入が半分ガー」とか「はてなブログはスマフォテンプレガー」とか。 Livedoorブログと比べて、はてなブログはスマホ表示の時の広告位置が違うから収入が半分だ、と言う件でそこそこどっかで燃えてる。 ...一時期のイケハヤみたいなホッテント... 続きを読む

はてなブログでスマホ表示の際に「トップへ戻るボタン」を表示させる方法。 - 24、♀、NEET脱出(予定)

2014/01/08 27 users NEET脱出 ウェブサイト スター タイトル スマホ

スルスルスクロールは気持ちがいい 最近、スマホでウェブサイトを見ていると、よく現れる「トップへ戻るボタン」。 押してみると、ぬるぬるというかスルスルとした動きで、見ていたページのトップまで戻るので便利ですよね。 あのヌルスル感が個人的にとても好きです。はてなブログってPC表示だとスター欄が下の方にあって、読み終わった時にポチッとスターを押すことが出来るんですけど、スマホ表示だと一番真っ先にタイトル... 続きを読む

はてなブログをPROにした。あとアフィとかスマホ表示とか。 - 情報学の情緒的な私試論β

2013/08/17 29 users Googleアドセンス アフィ アフィリエイト モバイル 文章

2013-08-17 はてなブログをPROにした。あとアフィリエイトとかスマホ表示とか。 ブログ 情報学の情緒的な私試論 モバイル はてなブログをPROにした 『はてなブログでのGoogleアドセンスの効率的な貼り方 - 無意味の意味』で呼ばれたので、スマホでの表示を見直していました。普段はなかなか考えないので、ありがたいことです。コンビニバイトをする*1って言っている通り、ネットや文章で食ってく... 続きを読む

「Pocket」（旧Read It Later）に追加するボタンをブログに付けよう | しゅうまいの256倍ブログ neophilia++

2013/04/24 31 users Pocketボタン はてブ しゅうまい たくさん pocket

あとで読む系のブックマークサービスを一歩リードしている「Pocket」使ってますか？実は使っている人も多いので、ブログにPocketに追加するボタンを付けると良いですよ。 私のブログに付けてみたPocketボタン こんな感じで、記事の終わりにあるソーシャルシェアボタンと一緒のところに付けてみました。 今まで意識したことがなかったのですが、はてブよりたくさん保存されることもあるんですね。 スマホ表示... 続きを読む

[Å] ぐらぐらデザインは嫌われる！スマホ用ブログを修正しました。 | あかめ女子のwebメモ

2013/04/04 20 users Webメモ 上下 女子 デザイン 左右

スマホ表示の時にスクロールすると左右に画面がぐらぐらと動くデザインを修正。固定になって読みやすくなりました。スマホ用のブログデザインを色々と変えて楽しむの大好きです。こんにちは、あかめです。スマホで見てくださっている方が圧倒的に当ブログは多いです。なのでスマホ用に最適化してたつもりだったのですが…自分では気づかなかった。ぐらぐらデザインに。 ぐらぐらデザイン ぐらぐらデザインとは…サイトを上下にス... 続きを読む