Simplicity2の行間を編集してみた。ブログとかレビューブログとかニートブログ的な位置付けでやってこうと思います。フォローするホームハギヤマへのお問い合わせ運営者情報とプライバシーポリシーホーム未分類Simplicity2の行間を編集してみた。未分類WordPressの神テンプレートSimplicity2の行間がちょっと自分には合わないので、色々変えてみることにした。Simplicity2は行間においても、最初から訪問者が見やすいよう計算しつくされた設計になっているはずだ。神への冒涜以外の何者でもないというのは理解している。(style.css)」を編集する必要がある。任意の数字;}と記載するのだ。Simplicity2の子テーマならこんな感じ。line-heightで文字の上下の間隔の大きさを指定する。line-heightとは文字を含めた行の幅のことで、line-height(px)-文字の幅(px)÷2=上下の各行間(px)となる。文字の幅が16pxでline-heightが28pxなら、上下の各行間は28px-16px÷2=6pxとなる。margin-bottomでp要素(段落)の下部にできる間隔の大きさを指定する。詳しくは以下の記事がめちゃくちゃ分かりやすく説明してくれている。参考:ブログの行間とフォントサイズをCSSで調整して読みやすいデザインにしよう最適な行間とは最適な行間といっても、自分が好きかどうかと訪問者が見やすいかどうかは違う。間でうまい具合に折り合いをつけるわけだが、俺の好みをここで書いても仕方がないので、ここでは訪問者が見やすい行間について話していく。以下のような面白いサイトがあった。Calculatorなんでも、デザイン的に見て最適な文字幅と記事横幅と行間幅の関係性を数値化してくれるらしい。Simplicity2の場合、デフォルトでは文字幅(フォント)16px、記事横幅(カラムの幅)740px、(文1列あたりの幅)680pxである。Width:740を入れると、line-heightが26と算出された。Width:680でもやってみたけどline-heightは同じく26となった。(style.css)を編集するときは倍率表記に書き換える。26px÷文字幅(フォント)16px=1.625となる。いうことで、文字幅や記事横幅がSimplicity2のデフォルトのままならline-heightは1.625が最適といえる(かもしれない)。英語と日本語では違う部分もあるだろうし結構古いサイトっぽいのであくまで参考程度だが。ちなみに、このサイトに関しては以下の記事でも詳しく説明してくれている。1.625;と設定すれば、デザイン的に見て良いという結果となった。海外のサイトだし、英語だし、なんか古そうだし、これが確実に良い数値だと言いきれる訳でもない。なにより、ここまで話してきたのはあくまでパソコン画面での話であって、スマホの場合はまた別に考えなければいけないし。結局、最適解は自分で考えて試行錯誤していくしかないってこと。あと、段落と段落の間隔については運営するブログのターゲットによるよね。文字読むのが嫌いそうな層がターゲットなら間隔は広い方が良さそうだし。その逆なら間隔は狭くて良いだろし。あと、確かchromeの機能を使うと他人のブログの行間やら段落間が簡単に見れるからいろいと見てみるのもいいかも。北原孝彦さんのアフィリエイト動画を参考に目標を書いてみた。今日からこのブログに日記を書くことにする。文章ひいては記事を書くこと...記事を読むWordPress4.6がいまいちだったので初心者のくせに4.5.3にダウングレードしたどうもこんにちは。世間ではWordPress4.6のアップデートによる不具合について騒がれているみたいですね。今俺が使っているワードプレステーマ「Simplicity」は始めからSEO設定なるものがある。i...記事を読むスマホとグーグルフォトの同期のやり方と設定について!元のサイズと高画質どちらがよいか?などスマホで保存した画像をグーグルフォトで同期しておくと便利です。この記事では同期のやり方と、設定について解説していきます。...記事を読むヲタ卒して4年弱になる俺が、乃木坂46生駒里奈の卒業について語ってみる。俺は2014年ぐらいまでは乃木坂ヲタだったんだけど、それ以降はたまに動画見るぐらいのニワカになってしまった。人はなぜ、やった方が良いと思うのにやれないのか。やった方が...記事を読むSimplicity2の横の文字数を少なくしたかったので記事横幅を変更してみた。Simplicity2は神テーマなのでデフォルトでも十分なんだけど、なんとなく記事の横幅を狭くしてみたくなった。読み手を惹きつけるリード文を書くことによって記事の離脱率が下がるのなら嬉しいよね。この記事はすぐ消すと思う(笑)記事を読むPtengineを使ってみたので初心者用に設定方法や使い方をまとめといたよ。Ptengineを使ってみたので、使い方とか注意点とか感想とかをまとめてみた。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。最近の投稿スマホとグーグルフォトの同期のやり方と設定について!元のサイズと高画質どちらがよいか?など俺が考えたTwitterで質の高いフォロワーを増やす方法!最初にやること!2019年3月14日のGoogleコアアップデートによる今後のブログアフィリエイト戦略についてSimplicityカスタマイズ『検索エンジンに伝える日付』とは?意味と変更するとどうなるかを解説。