マリのブログメモ

ブログ運営のメモです

記事中のツイッターへのテキストリンク|ツイッターアイコンをつける方法

こんにちは。マリ(@damarino_oheya) です。 この記事では、はてなブログで →(@damarino_oheya) こんな感じにツイッターへのテキストリンクの前にアイコンを表示する方法を書いています。 ①CSSにこちらをコピペします。 CSS .tw::before{ font-family: …

アイキャッチ画像が白い背景の時→CSSで少し暗くする

少しずつブログのデザインをカスタマイズしています。 当ブログではスクリーンショットをよく使っているのでアイキャッチの背景が白になりがち。 背景が白いとTOPページでちょっと違和感があるのでCSSで画像を暗くする設定にしました。 ▼ビフォー ▼アフター …

iPhoneのはめ込み画像を作りたい時

記事に差し込む画像やアイキャッチでiPhoneの中に画像を入れたい時があるんですが (こういうのです) 私はここで作っています。 iphone-screenshot.com フレームを選ぶ オプション設定(ほぼデフォルトでOK) 画像アップロード ダウンロード 簡単&無料でで…

Macの標準ソフトで画像をまとめてサイズ変更

ブログはMacbook Airで書いています。 最近メインブログのサイト速度が気になっていて、画像のサイズ変更などをしていますがMacの標準ソフト「iMage Tools」で画像をまとめてサイズ変更できるので便利でした。 pc-karuma.net MacでDLした画像をクリックする…

「タイトルにキーワードを入れる」の試行錯誤の記録

私のメインブログは検索流入が9割以上なので、GoogleやYahoo!の検索結果に出てくるタイトルは結構重要です。 GoogleAdSenseマネタイズの教科書 完全版で紹介されているコツを読んで私が気にするようになったポイントは ページタイトルに答えも入れる ページ…

無料で検索できる「類語辞典」が便利

かなり すごい とても とか、ブログ記事を書いてて同じ言葉ばかり使ってしまうことってありがちです。 まあ自分のブログならそれでも良いんですが、寄稿とかレビュー記事とかカッコつけたいときは「類語辞典」が便利です。 「かなり」で検索してみるとこんな…

サイトの表示速度|画像を最適化してUPする

昨日、サイトの表示速度が気になっているという記事を書きました。 ▼サイトの表示速度がどんなものかはこちらからURLを入力するだけで分析することができます PageSpeed Insights PC版&モバイル版での速度スコアが分かる 改善できる項目を教えてくれる とい…

サイトの表示速度

「GoogleAdSenseマネタイズの教科書 完全版」を読んで、サイトの表示速度が気になりました。 サイトの表示速度はGoogleが提供しているPageSpeed InsightsでURLを入れるだけで速度スコアや改善できる項目などが出てくることが紹介されていました。 私のメイン…