2017 - 07 - 07 知らない所で損してる！？あなたのブログデザインを最適化する方法 ブログのデザインは、あなたが意識しない内にたくさんの人を集めてくれている場合もあれば、逆にたくさんの離脱を生んでいる場合もあります。 極端な話ですが、デザインカスタマイズの設定ボタンを１つ押すだけで、あなたブログを有名にすることだって可能です。しかし一方で、 設定ボタン１つによって、せっかくの良いコンテンツを台無しにしてしまう可能性もあります。 はてなブログでもWordPressでもどのブログでも一緒なのですが、デザインの設定を最適化することで「読者さんにとっての価値」を高めれる上、場合によってはグーグルの評価をも高めることもできます。 ブログデザインは、あなたが認識している以上に大事です。なぜなら、一回設定するだけなのに、絶大な効果をもたらせてくれますから。デザイン設定は、レバレッジを効かせる一
ブログを書いていると、文章を枠で囲んで表示させたい時がありませんか。 でも実際にどう書けばよいのか私を含め初心者には少々難しいですよね。そこで今回は、先輩方のサイトを参考に自分なりに加工した囲み枠をご紹介します。 はじめに タイトル付き囲み枠 色タイトル付き・角丸 色タイトル付き・四角 枠の中に入ったタイトル タイトルなし囲み枠 シンプルな囲み枠・少し小さめ シンプルな囲み枠・画面いっぱい 見出し代わりや目立出せたい文字に 同じ色を使った囲み枠と下線セット 短い囲み枠（ボタン風） 左寄せボタン風 中央ボタン風 右寄せボタン風 最後に 追記 はじめに 本格的にブログをはじめて、ようやく１年が経とうとしています。 CSSもHTMLも詳しくない私は、枠を１つ使うにも時間がかかって大変でした。ひょっとして、同じように苦労されている方がいらっしゃるんじゃないでしょうか。 そこで今回は自分で使って便利
管理人の考えるブログ/サイトのアクセスアップ、マネタイズ術 別のページに書いてあったのですが、ちょっと分けてブラッシュアップして書くことにしました。 大事なこと： ・自分のテキストで毎日更新。 ・とにかくPVが大事。PVさえあればあとはなんとかなる。 ・スクリプトキディでもなんとかなる。エクセルとHTMLとCSSが多少かじれればOK。 ・サーバーはXサーバーでOK。 ・変なワードプレスのテンプレとか塾とか投げ捨てろ。 ・まずは無料ブログで初めて、その後ワードプレス＋独自ドメインでOK。 ビックワードで自分の言葉で書き殴れ： みんなが興味あるワードで書きましょう。ニッチな分野を攻めるのはプロしか出来ません。 素人はみんなが検索するであろうワードのおこぼれにあやかったほうが早いです。 ニンテンドースイッチなど、みんなが気になっているワードで自分の文章を書きましょう。 例えば、日本で発売されてい
この記事は、テーマNaked以外でもご利用いただけます。 広告などを文章内で横並びにする方法です。 実装図 注意点 カスタマイズ その他のカスタマイズ 全体をセンタリング スマホサイズのときに右側の広告を消す 実装図 PC このように横並びで配置することができます。 スマホ 注意点 注意点としましては、 広告の横幅のサイズは、最大で300pxまで（それ以上のものを貼ると、はみ出ます） レスポンシブ設定にしていると、スマホのときに広告が縦並びになります。 Googleアドセンスなど一部の広告は、画面が広告で覆われることを推奨していません。 アカウント停止などされる場合などの可能性もあるため、そのあたりは自己責任でお願いします。（スマホサイズのときに右側の広告を消す方法を、その他のカスタマイズのところに書いています。） カスタマイズ カスタマイズは、 <div style="text-alig
（2016年7月26日：フォロー記事を書きました。「Windowsで游ゴシックが汚いのは、結局誰が悪いのか？」） （2016年7月11日追記：Windows8.1においても細字ではなく標準が使用されているのではないかというご指摘を受けて、若干表記を修正しました） （2016年6月29日追記：Twitterでご指摘を受けて、Windows8.1と10での違いを追記しました） （2017年3月27日追記：当サイトでの使用CSSについて追記しました） （2020年9月13日追記：当サイトでの使用フォントについて追記しました） タイトルが旬を外していて、しかもちょっと釣り気味で申し訳ありません・・・ OS X MavericksとWindows 8.1に共通のフォント「游ゴシック」・「游明朝」が搭載され、CSSのfont-familyに「游ゴシック」を指定すれば、Webデザイナーの長年の悲願であっ
長かった！ここまで長かった…！ まとめてみたら1万字の大ボリュームになってしまった！ それなりに満足する出来になってきたので当ブログで行ったカスタマイズをまとめて大公開するぞっ！！（といっても初心者向け） カスタマイズする際は前のコードを取っておきましょう！カスタマイズ用のサブブログもあると便利！紹介だけなので各自で頑張ってみてね。僕も素人だったのでやればいろいろできますぞ。 導入テーマ タイトル周辺 タイトル画像 グローバルメニュー 記事本文 記事本文のCSS 記事内の一部を背景色と蛍光ペンみたいな下線で装飾する方法 リンクの色 変な行間の消し方 見出しのカスタマイズ 枠線 目次 記事タイトル等 日付 記事タイトルの見出し 記事上のタグと記事間のスペース調整 続きを読むボタン 挿入する画像に枠を付ける サイドバー プロフィール フォロー、シェアボタン サイドバーのモジュール まとめ 導入
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
