タグ

WebデザインとBlogに関するurabettiのブックマーク (3)

  • CSSコピペするだけ!ボックスデザイン(囲み枠)25選【色別サンプル62種】

    普段サイトを見ていて、「読みやすいな~」とか、「綺麗だな~」と思うサイトは、必ずと言っていいほど囲み枠を使って読者が読みやすいような工夫がなされています。 そんな囲み枠を、とにかく楽して自分のブログにも導入したい!! そんなあなたのために、コピペで完結するように多種多様な囲み枠を作成しました。 最初に初心者向けに紹介している枠をブログ内で使用する方法。 後半で25種類のボックスデザインを紹介していきます。 ここで紹介しているボックスデザインを使って、より分かりやすく、見ていて楽しいサイトになるようにしていきましょう!

    CSSコピペするだけ!ボックスデザイン(囲み枠)25選【色別サンプル62種】
  • ブログの始め方【初心者向け】運営のコツから収益化までの流れを解説

    これからブログを始めたい人に向けて、ブログを始める前の準備からおすすめのブログサービスまで、詳しく解説していきます。 私がブログを始めたのは約9年前で、あの時ブログを始めてよかったなと実感しています。 ブログで文章を書くことで思考が整理できたり、自分の体験談が誰かの役に立ったり、ブログはきっとあなたの世界を広げてくれるものになるはずです。 アフィリエイトブログのを執筆しました 趣味として始めるのはもちろん、ブログを始めることでマーケティングの勉強になったり、業とは別に副収入が得られたり、仕事にも良い影響があるかもしれません。 文章を書き慣れていなくても、読まれるかどうか不安でも、試行錯誤しながら続けるうちに慣れて読者も少しずつ増えていくものです。 ブログは根気が必要ですが、それだけやりがいもあってコツコツと自分だけのブログを育てるのはとても楽しいので、同じようにブログを楽しむ人が増えた

    ブログの始め方【初心者向け】運営のコツから収益化までの流れを解説
  • [CSSも紹介] ブログ文章部分の「密集度」を下げて読みやすくする方法 | ヨッセンス

    せっかく魂を込めて書いた文章です。ぜひとも最後まで読んでほしい!! 今回は記事の「文章」部分だけにスポットを当てて、わたしが文章の密集度を下げるためにやっているデザイン例を紹介します。 ここで紹介しているCSSは、WordPressテーマ STORK19 を想定しています。 「改行(BRタグ)」は使わない わたしは、ブログではほとんど改行をしません。 あ、改行と書いていますが具体的には<br />(<br>)タグのことです。 なぜ<br />を使わないかというと、見る人のPCや端末の環境によってこちらで指定した改行場所どおりには見えないから。 こちらの画像はスマホで見た文章ですね。 スマホで見ると改行がへんなところに! パソコンで見たときにイイ感じに見える場所に改行を入れている(<br />が入っている)のですが、スマホで見るとどうでしょうか? スマホのほうが横幅が狭いため、実際に改行され

    [CSSも紹介] ブログ文章部分の「密集度」を下げて読みやすくする方法 | ヨッセンス
  • 1