WordPressでヘッダーにキャラクター画像を挿入する方法(テーマ:Xeory)

WordPressのテーマ「Xeory」はシンプルでとても素敵なテーマなのですが、ブログ等を訪れたユーザーがすぐ目にするヘッダー部分に、キャラクター画像等を設置したいなぁ・・と思ったことありませんか?

自分もキャラクター画像を挿入してブログを少しにぎやかにしたいなと思っていたので、キャラクター画像を作成して挿入してみました。

名付けて「やっとコアラ」・・!駄洒落かよって感じですが、絵心がないのにそこそこ良く描けたなと自画自賛しております。

えっ・・?ヘタクソ?・・結構可愛くないですか??

まあそれは置いておいて、下記の画像を挿入していきます。

作成したキャラクター画像

続きを読む

Speech bubbleの吹き出しの色を変更する方法

WordPressで会話風デザインを簡単に表示することができるプラグイン「Speech bubble」。非常に便利なのですが、自分のブログに合わせて色を変更したいと思いませんか?

今回は「Speech bubble」の吹き出しデザインの中で、やっとこブログでも使用している「fb-flat」の吹き出しの色を変更していきます。

続きを読む

WordPressでh4タグをカスタマイズする方法(テーマ:xeory)

以前WordPressでh2・h3タグをカスタマイズする方法を「WordPressでh2・h3タグをカスタマイズする方法(テーマ:xeory)」の記事で紹介しました。

ブログを書いていると「h4タグ」も結構使用することがありますが、WordPressのテーマ「xeory」の「h4タグ」は初期段階のままだと太字になるだけで少し分かりづらいです。

ブログの見出しは「読み手」にとっても「書き手」にとっても「webサイト」にとっても、良いことがありますので、「h4」タグも分かりやすくカスタマイズしていきましょう。

続きを読む

WordPressで会話風のプラグイン「Speech bubble」のインストール・設定方法

WordPressでブログを書いていて、吹き出しの会話風に表示したい場合、プラグインの「Speech bubble(スピーチバブル)」を使用することで、LINEやFaceBookのような見慣れた会話風のデザインで表示することができます。

やっとこ
「Speech Bubble」で表示してるよ

ユーザー
見慣れた会話風の吹き出しだね!!

文章ばかりのブログは見ていて疲れてしまいますよね。WordPressのプラグイン「Speech bubble」で会話風の表示にしてしまえば、デザイン的にも見やすいブログになりますし、訪れてくれたユーザーにも分かりやすく伝えることができます。

ぜひ「Speech bubble」をインストールして使いこなして、会話風のデザインを取り入れましょう。

続きを読む

iphone6のバッテリー交換を正規店で行った体験談

最近iPhoneのバッテリー減るの早いなぁ…と感じたことありませんか?

自分もiPhone6を3年くらい使い続けていたんですが、下記のような症状が出てきました。

  • 夜充電して電池量100%で寝ても、起きたら70%になっていた
  • 電池量30%あったのに急に0%になることがある
  • 0%から充電したら急に30%前後になることがある
  • ゲームしてたら1時間もしないで電池切れる

正直このままではまともに使えないし、すぐ電池が切れるのでiphone使ってても落ち着かなかったです。使用しててもいざという時に電池が切れて、電話やLINE等連絡手段が取れなくなると非常に困るので、修理に踏み切りました。

続きを読む

銀行で融資を受けるため住宅ローンの仮審査をした結果

一度の人生でおそらく一回しか買わないであろう「家」を買うのって、正直不安だらけです。

特に「住宅ローン」が通るのか通らないのか、とても心配ですよね?

自分もそろそろ良い年なので、一戸建てを購入する予定です。とりあえず地元の素敵な家をデザインしてくれそうな工務店に打合せに何回か伺い、同時進行で銀行に「住宅ローンの仮審査」をしてもらいました。

続きを読む

CSSで幅や高さを設定する時の単位一覧

CSSで指定できる長さの単位は数多くありますが、特に気にせず指定していませんか?

自分も当たり前のように「px」や[em」「%」を使用していましたが、「vw」や「vh」のように、状況によっては便利な単位があるようなので、色々と調べてみました。

続きを読む

WordPressでヘッダーの高さをカスタマイズする方法(テーマ:Xeory)

WordPressで人気の高いテーマ「Xeory」で、ヘッダー部分の高さをカスタマイズする方法をご紹介します。

ヘッダーに画像を大きく載せたい場合や、ロゴデザイン等の都合でもう少しヘッダーを高くしたい場合など、自分のサイトの状況に合わせて変更する際の参考になればと思います。

ヘッダーに画像を設定したい場合は「WordPressでヘッダーに画像を設定する方法(テーマ:Xeory)」の記事を参考にしてください。

ヘッダーに色を付けたい場合は「WordPressでヘッダーとメニューに色をつける方法(テーマ:Xeory)」の記事を参考にしてください。

続きを読む

WordPressでヘッダーに背景画像を設定する方法(テーマ:Xeory)

WordPressでは「テーマ」をインストール使用することで、サイトのデザインを変更することが可能です。トップページに画像を大きく表示したテーマやシンプルなデザインのテーマ、パララックス効果を利用したテーマなど様々なテーマがあります。

そんな中で今回はシンプルなデザインで人気の高いWordPressのテーマ「Xeory」で、ヘッダー部分に画像を設定する方法をご紹介します。

続きを読む

WordPressでh2・h3タグをカスタマイズする方法(テーマ:xeory)

ブログを書いていて、hタグの見出しが見づらいな・・見出しがパッと分かりづらいな・・と感じたことはありませんか?

hタグは見出しなので、文章との差別化をしっかりとして、パッと見ただけで、見出しはここで文章はここ・・と分かるようにした方が良いです。

差別化がしっかりとされていないサイトは、せっかく訪れたユーザーも内容を読むことなく離れていってしまいます。

続きを読む