タグ スマホ表示
人気順 5 users 50 users 100 users 500 users 1000 users便利なもしもアフィリエイトの「かんたんリンク」!スマホ表示を小さくカスタマイズ - mocharina*布あそび
こんにちは、モカリーナです。 この記事はもしもアフィリエイトのかんたんリンク、カスタマイズについて書いています。 気付いてましたか〜(*´꒳`*)? カスタマイズしたら可愛いでしょ! 何だかサイトらしくなって、嬉しいな〜✨ ♪( ´▽`)エヘッ♡ 何のことかというとですね… アフィリエイトです! モカリーナはコロナ禍の自... 続きを読む
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール | コリス
レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語... 続きを読む
【ログイン・同期不要】表示中のWebページをQRコードでスマホに転送:Google Chrome完全ガイド - @IT
PCからスマホへ素早くURLを伝えたい 「Windows PCやMacなどで表示中のWebページを、いますぐスマホで開きたい」と思ったことはありませんか? 例えばスマホ用Webページを制作していると、Google Chrome(以下、Chrome)のデベロッパーツールでスマホ表示を確認した後、実機のスマホでテストする際、素早くテスト対象ペ... 続きを読む
CSSだけでtableを見やすく表示するカスタマイズ方法 - はるなぴログ
CSSだけを使ってtableを見やすく表示するカスタマイズ方法を備忘録として書いておきます。 スマホ表示もレスポンシブ対応を含めて考えていきます。 tableを見やすくするためにテーブルセルに枠線をつけます。さらにヘッダ領域に背景色をつけ、何を比較しているのか目立つようにします。 このカスタマイズでtableを更に見... 続きを読む
【Google Adsens 広告設定】はてなブログでスマホ表示がアドセンスで横にガタガタする問題の解決方法まとめ - あいまいみーのきたろぐ
2017 - 10 - 27 【Google Adsens 広告設定】はてなブログでスマホ表示がアドセンスで横にガタガタする問題の解決方法まとめ Blog SEO対策 備忘録 Twitter Google+ Pocket はてなブログを見ているとスマホが横にガタガタして見にくい !!! こんな経験をしたことってありますよね。笑 今回はその解決方法のお話です ( ˘ω˘ ) 改めましてこんにちは、... 続きを読む
Safariのスマホ表示をPC表示に切り替える方法 - ITmedia Mobile
初心者向けにiPhoneのTipsを紹介する連載「 iPhone Tips 」。今回のテーマは「SafariでPCビューでWebサイトを見る方法」です。 SafariでWebサイトを見ようとすると、ほとんどのWebページが自動的にモバイル用のサイトで表示されるようになっています。今ではPCのサイト表示のまま閲覧できるページの方が少なくなりました。スマホ用のページ表示は、PCで見るサイトよりも余白が... 続きを読む
記事タイトルに「B!」はてなブックマークボタンを設置!「あとで読む」機能の追加! - マネー報道 MoneyReport
2015-07-12 記事タイトルに「B!」はてなブックマークボタンを設置!「あとで読む」機能の追加! はてなブログカスタマイズ ブログ運営 スポンサーリンク あとで読む 問題です 久々の深夜更新です。突然ですが、問題です。 私のブログを本日カスタマイズしました。 下記の画像を見て、何が昨日までと比べて変わったのかを答えて下さい。PC表示。何が変わったのか分かりますか? 続いてスマホ表示。どこが変... 続きを読む
ブログカスタマイズするとき参考にしたサイト・ブログを紹介。 - まるまるまるめっと
2015-03-20 ブログカスタマイズするとき参考にしたサイト・ブログを紹介。 ブログカスタマイズ 私のブログのテーマは「レスポンシブルー」を使っています。 最初はレスポンシブデザインにしても反映されませんでしたが、下記のブログで解決しました。 <はてなブログ>3STEPでスマホ表示をレスポンシブ対応に!やり方を解説しちゃいます♪ - イロイロひとりごと。happylife-tsubuyaki.... 続きを読む
Wordpressのメニューとサイドバーをスマホ用に横からスライドイン表示させるカスタマイズ方法
WordPressテーマのスマホ表示は、結構頭を悩ませるところです。 中でも特に、グローバルナビメニューや、サイドバーのスマホでの扱いには悩むところです。 僕はこれまで、グローバルナビの場合は、非表示にしておいて、アコーディオン表示させるか、モーダル表示させるかしていました。 サイドバーの扱いはもっとぞんざいで、回り込みを解除して、本文の下に表示させるということぐらいしか、できていませんでした。 ... 続きを読む
サイドバーって死んだの? 〜STINGER5のスマホ表示をカスタマイズ〜 | おーとえすとさいと
こんにちは。 社会人1年目で現実の厳しさを知って参っているおーとえすと申しますw 仕事はウェブ関係ないし、ウェブとかアフィリエイトとかは完全に趣味で、 まあ素人に毛が生えた的な感じな人です。 そんで、最近は情報収集とかも全然できていないので、トレンドとか流れとか全然把握してないので的外れなことを言うかもしれませんが、 サイドバーって死んだんですか? 俺はあった方が良い気がする スマホが普及してスマ... 続きを読む
はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2
2014-09-19 はてなブログのスマホ表示にグローバルナビゲーションを設置する Webサイト制作 はてなブログ スポンサーリンク はてなブログにはPC表示用にもスマホ表示用にも、グローバルナビゲーションが純正では用意されていません。 スマホにもグローバルナビを設置したいなーという人は多いのでしょうか?昨日、吉本ユータヌキさんからこんなツイートをもらいました。 @aiueolab ひ!非常に嬉し... 続きを読む
はてなブログのスマホ表示にアドセンスやアクセス解析を設置 - はぴらき合理化幻想
2014-01-23 はてなブログのスマホ表示にアドセンスやアクセス解析を設置 はてなブログをカスタム web制作 はてなブログのスマホ用テーマは、テーマ自体にアドセンスや任意のアクセス解析を設置できない。今のところ課金・無課金に関係なくカスタムできないからだ。これを何とかする方法について言及する。 アドセンスやアクセス解析コードを追加する場所 スマホ用テーマをカスタムできないから、通常は広告を設... 続きを読む
はてなブログでスマホ記事上にGoogleアドセンスを貼る時のオススメ設定 - マネー報道 MoneyReport
2014-06-29 はてなブログでスマホ記事上にGoogleアドセンスを貼る時のオススメ設定 ブログ運営 はてなブログカスタマイズ 今週末はブログデザイン変更をイジリ倒すという事で 昨日は、一昨日間違ってイジリ過ぎたスマホ設定を元通りにして更にカスタマイズするという事をやりました。 あ、はてなブログのブログ設定のお話ですが(^^; スマホ表示の変更ミスを修正し、追加でグレードアップをば(^^; ... 続きを読む
tumblrのテーマをカスタムし、追加したJavaScriptをスマホ表示でも有効にする - はぴらき合理化幻想
2014-01-13 tumblrのテーマをカスタムし、追加したJavaScriptをスマホ表示でも有効にする web制作 tumblrのテーマをカスタムしてもスマホ表示では無効になる原因と対策がわかった。 tumblrでは、モバイル用にHTMLを自動で最適化する。このためにカスタムした部分が無効になっていた。 カスタムで追加した外部JavaScriptファイルを読み込む設定が反映されなかったので... 続きを読む
パソコンのChromeで拡張機能なしでUser Agentを変更してスマホ表示を確認する方法 | love guava!
パソコンのChromeを使って、拡張機能なしでUser Agentを変更してスマホ表示を確認する方法をご紹介します。Chromeの標準機能だけで表示できるので、知っておくとなにげに便利ですよ!こんにちは。グアバです。 皆さんはブログのデザイン変更をしたとき、スマホ表示をどのように確認されていますか? ベストなのはもちろん実機で確認することなのですが、手元にスマホがなかったり、いちいちスマホで確認す... 続きを読む
Google AdSenseのレスポンシブ広告ユニットでスマホ表示サイズにも最適化 - はぴらき合理化幻想
2014-05-02 Google AdSenseのレスポンシブ広告ユニットでスマホ表示サイズにも最適化 web制作 アドセンスのレスポンシブ広告ユニット1つを使って、PC表示とスマホ表示で最適化する方法を述べる。JavaScriptではなくCSSでブラウザ横幅に応じて条件分岐可能。 概要および所感 HTMLやCSSを使えるけどJavaScriptは苦手という方でも大丈夫。条件分岐をCSSでできる... 続きを読む
[M] スマホと同じ画面幅で表示確認できるChrome拡張「Mobile Layouter」が便利すぎる件 | mbdb (モバデビ)
うーん、スマホ表示確認できるUA偽装系Chrome拡張機能では、もしかしたら一番いいかもしれません。 「Mobile Layouter」という拡張機能なんですが、ブログのスマホ側の調整時に大変便利に使うことができました。 以前使っていたUA偽装系の拡張から乗り換えちゃいましたよ。 Photo:iPhone By GONZALO BAEZA 以前までは「User-Agent Switcher」という... 続きを読む
【追記あり】はてなブログで表示エントリのカテゴリに関係するエントリを「あわせて読みたい」として表示するウィジェット - 情報学の情緒的な私試論β
2014-02-01 はてなブログで表示エントリのカテゴリに関係するエントリを「あわせて読みたい」として表示するウィジェット 電算 カテゴリに関係するエントリを「あわせて読みたい」として表示 id:FFCCEoT_NESS さんに依頼されて、カテゴリごとのリンクを作る件について、調べていて、id:splicomさんの『【スマホ表示に対応】はてなブログで同じカテゴリーの記事へのリンクを表示する - ... 続きを読む
ブログはもっと儲かってもいいが、誠実さが無いと嫌われる - あざなえるなわのごとし
2014-01-09 ブログはもっと儲かってもいいが、誠実さが無いと嫌われる 小ネタ ブログ はてな photo by epSos.de誰とは言わんが「アドセンス収入が半分ガー」とか「はてなブログはスマフォテンプレガー」とか。 Livedoorブログと比べて、はてなブログはスマホ表示の時の広告位置が違うから収入が半分だ、と言う件でそこそこどっかで燃えてる。 ...一時期のイケハヤみたいなホッテント... 続きを読む
はてなブログでスマホ表示の際に「トップへ戻るボタン」を表示させる方法。 - 24、♀、NEET脱出(予定)
スルスルスクロールは気持ちがいい 最近、スマホでウェブサイトを見ていると、よく現れる「トップへ戻るボタン」。 押してみると、ぬるぬるというかスルスルとした動きで、見ていたページのトップまで戻るので便利ですよね。 あのヌルスル感が個人的にとても好きです。はてなブログってPC表示だとスター欄が下の方にあって、読み終わった時にポチッとスターを押すことが出来るんですけど、スマホ表示だと一番真っ先にタイトル... 続きを読む
はてなブログをPROにした。あとアフィとかスマホ表示とか。 - 情報学の情緒的な私試論β
2013-08-17 はてなブログをPROにした。あとアフィリエイトとかスマホ表示とか。 ブログ 情報学の情緒的な私試論 モバイル はてなブログをPROにした 『はてなブログでのGoogleアドセンスの効率的な貼り方 - 無意味の意味』で呼ばれたので、スマホでの表示を見直していました。普段はなかなか考えないので、ありがたいことです。コンビニバイトをする*1って言っている通り、ネットや文章で食ってく... 続きを読む
「Pocket」(旧Read It Later)に追加するボタンをブログに付けよう | しゅうまいの256倍ブログ neophilia++
あとで読む系のブックマークサービスを一歩リードしている「Pocket」使ってますか?実は使っている人も多いので、ブログにPocketに追加するボタンを付けると良いですよ。 私のブログに付けてみたPocketボタン こんな感じで、記事の終わりにあるソーシャルシェアボタンと一緒のところに付けてみました。 今まで意識したことがなかったのですが、はてブよりたくさん保存されることもあるんですね。 スマホ表示... 続きを読む
[Å] ぐらぐらデザインは嫌われる!スマホ用ブログを修正しました。 | あかめ女子のwebメモ
スマホ表示の時にスクロールすると左右に画面がぐらぐらと動くデザインを修正。固定になって読みやすくなりました。スマホ用のブログデザインを色々と変えて楽しむの大好きです。こんにちは、あかめです。スマホで見てくださっている方が圧倒的に当ブログは多いです。なのでスマホ用に最適化してたつもりだったのですが…自分では気づかなかった。ぐらぐらデザインに。 ぐらぐらデザイン ぐらぐらデザインとは…サイトを上下にス... 続きを読む
【WordPress】関連記事プラグインYARPPカスタマイズ(画像表示・PC/スマホ表示切り替えなど)
昔は考えた事もなかったが、昨今のブログでは単一エントリーを読んでもらうだけでなく、人気エントリーや関連エントリーも読んでもらい、サイトの回遊性を高めることが重要とされている。 その為に、色々知恵を絞るわけだが、その中で多くのブログが実践していて、このサイトでも導入している関連記事表示を、WordPressの関連記事プラグインYARPPをカスタマイズし、アイキャッチ画像をエントリーのサムネイルとして... 続きを読む