CATEGORY 5. デザイン

ブログの見た目を読みやすく整えましょう。ブログはスマホから読む人が8割以上をしめるため、スマホから見たレイアウトを意識する必要があります。

ブログ記事を引っ越しさせる具体的な手順！サイト評価はそのままに！

2018.02.07 5. デザインゆーすけ(守屋祐輔)

僕はこのムクッといこうブログ以外でもいくつか雑記ブログをやっていたのですが、この度すべての記事をムクっといこうブログに引っ越しさせました。同じ雑記ブログなら1つで管理したほうがいいという自分なりの結論なのですが、ブログ…

ブログのカテゴリーの分け方はこれで決まり！具体的な方法とは？

2018.01.30 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。このムクッといこうブログには現在約650本の記事があり、日々ちゃくちゃくと資産構築しているわけですが、問題点がありました。それは記事の『カ…

フォントの効果的な使い方。ブログの印象をコントロールしよう

2017.04.07 5. デザインゆーすけ(守屋祐輔)

文字のスタイルのことをフォント（書体）といいますが、状況に応じてフォントを使い分けることで印象をコントロールすることができます。楽しい雰囲気のフォント、ポップなフォント、スタイリッシュなフォント、怖い雰囲気のフォントな…

STORK（ストーク）で記事を3列表示にする方法

2017.04.01 5. デザインゆーすけ(守屋祐輔)

こんにちは！パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブロガーにとって嬉しい機能満載のOPENCAGE（オープンケージ）が提供するWordPressテーマ “STORK（ストーク）”。カスタ…

before, after疑似要素を使ってアイコンを表示させる方法

2017.03.30 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログの中でリンク先を貼る時、おしゃれに表現したいなという人はCSSをカスタマイズしてこんなボタン表示をすることがあります。 ↓こんなの↓（…

ブログのトップページを大幅にカスタマイズした経緯と具体的な方法

2017.03.27 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。これまでブログ記事を書き続けてその数は400以上！自分でもかなり積み上げてきたなという実感があります。でもここまで数が多くなるとふと疑問…

h2タグの前にアドセンスを自動的に表示させる方法

2017.03.21 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。今回のカスタマイズではh2タグの前に自動的にアドセンス広告を表示させる方法をご紹介します。どうせ貼るなら作業を自動化して楽に貼りたい！そう…

他人のブログのCSSを確認する方法

2017.03.20 5. デザインゆーすけ(守屋祐輔)

どうもこんにちは！パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。いろんな人のブログを読んでいると真似したいなぁと思うカスタマイズを見つけることがあります。ちゃんとCSSやHTMの知識がある人ならデ…

MarsEditを使って画像classを指定して投稿する方法

2017.03.17 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。先日紹介したこちらの「CSSで画像に枠線を付けて目立たせる方法」の記事。投稿した画像をWord Pressエディタで開き、画像1つ1つに手…

プロフィールを2つ設置する方法

2017.03.16 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログにプロフィールを設置する人は多いですよね。どんな人が書いてるかアピールするいい機能なんですが、投稿画面でプロフィールを2つ設置する方…

HTMLタグを反映させずに紹介するには特殊文字を使おう

2017.03.15 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。最近はブログでカスタマイズ方法を紹介することが多くなりました。オシャレにオリジナリティあふれるブログを作る人の参考になればと思っているので…

STORK（ストーク）の見出しをCSSでカスタマイズしよう

2017.03.14 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログを書く上で意識しないといけないのは見出しの使い方です。見出しは文章をわかりやすく区別する役割だけじゃなく、SEO的にも大事な役目があ…

メニューを2段表示する方法：STORK（ストーク）

2017.03.12 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。 STORKのテーマを使っているブログメニューでこんな風にレイアウトされてるの見たことありませんか？上側にメニューが日本語で表示され、下段は…

カエレバ、ヨメレバをCSSでオシャレにカスタマイズする方法

2017.03.11 5. デザインゆーすけ(守屋祐輔)

どうもこんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。多くのブロガーがお世話になっているであろうかん吉さんのカエレバやヨメレバ。 Amazonやヤフーショッピングなどのリンクをおしゃれに飾…

CSSで画像に枠線を付けて目立たせる方法

2017.03.10 5. デザインゆーすけ(守屋祐輔)

ども！パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログに画像を投稿すると背景色と同化して見えにくくなることってありませんか？例えばこんな感じ。このブログの編集画面を切り取ったスクショなんです…

蛍光ペン・マーカー風の線を引くCSS

2017.03.09 5. デザインゆーすけ(守屋祐輔)

やっほー！パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログの文章で強調して表現したい時ってありますよね。例えばこうやって太字（ボールド）にしたり、大きさを変えてみたり、色を変えてみたりするわけ…

STORK（ストーク）でロゴを大きく表示するCSSの紹介

2017.03.08 5. デザインゆーすけ(守屋祐輔)

パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。今回は大人気Word Pressテーマ “STORK（ストーク）”でロゴ画像を大きく表示するための方法を紹介します。もちろんロゴはデフォルト設定のまま…

子テーマを使おう！STORK（ストーク）に子テーマをインストールする方法

2017.03.07 5. デザインゆーすけ(守屋祐輔)

どうも！パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログテーマにカスタマイズを加える時に必ず覚えておきたいこと、それは「子テーマ」を用意することです。すべてのカスタマイズは子テーマに行う必要が…

CSSの変更が反映されない時の6つの対処法、教えます！

2017.03.02 5. デザインゆーすけ(守屋祐輔)

どもっ！パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログの見た目に変更を加えたい時はHTMLとCSSをいじる必要があります。とはいっても素人が手を出せるほど甘いものじゃありません。専用の言語…

アイキャッチ画像をオシャレにするテクニック

2017.02.25 5. デザインゆーすけ(守屋祐輔)

こんにちは、パラレルブロガーのゆーすけ(@yusuke_plmrstn)です。ブログ記事を書く時に重要視されるアイキャッチ画像。タイトルと一緒に読者の注意をひく大切な要素で、クリック率にも影響があるといわれています。…