HOW TOに関する記事一覧
【Manablog Copy】コピーライト下にリンクを設置する【超簡単】
本記事は、WordPressテーマ「Manablog Copy」のコピーライト下にリンクを設置する方法をまとめたカスタマイズ事例です。超簡単に設置できますので、ぜひお試しください。
【コピペでOK】流れる文字を簡単に実装するソースコード【CSS】
ブログで目立たせたいところにマーカーとかは不要です。AppleやGoogle、Amazonなどの大手有名サイトを見ても、キラキラとデコっているサイトはゼロ。装飾は太字程度でOKで、最近おすすめなのが「流れる文字」です。流れる文字を実装するだけでブログが一段とオシャレになり、シンプルさもキープできます。
【コピペでOK】当ブログで使用するボタンデザイン【CSS】
本記事は、当ブログで使用するボタンデザインを掲載した記事です。シンプルなデザインを追求して、無駄なデザインなどは削ぎ落とすことを大きなテーマとしてブログ運営をしているので、デザインはシンプルなものが多いです。サイトのメインカラーがブラックとホワイトなので、ボタンは差し色でレッド系にしています。
【コピペ用／CSS】横スクロールで画像をスライドさせる【超簡単】
本記事は、画像を横スクロールでスライドさせるためのCSSをメモ用として保管しておくための記事です。横スクロールは、画面が縦に長くならないというメリットがあるので、ぜひ実装してみてください。コピペで簡単に使えるのでおすすめです。
【条件分岐】スマホとPCで表示を切り替える方法【wp_is_mobile()】
本記事では、スマホとPCで表示を切り替える方法について簡単にまとめます。コピペで使えるソースコードをサンプルで用意していますので、ぜひ参考にしてみてください。「wp_is_mobile()」という条件分岐タグを使い、簡単に分岐させる方法です。
【コピペ用】PCで追従型のバナーを設置する方法【クリック率UP】
追従型のバナー効果を検証してみます。試験的にブログ右下に設置しておきます。こちらもスマホ用のフッターバナー同様に効果がなければ外します。本記事にて、設置のソースコードを公開しておきますので、設置してみたい場合はチェックしてみてください。
【コピペ用】スマホでフローティングメニューを設置する【バナー】
スマホ表示のブログ下部にフローティングメニューを設置してみます。お試しという感じで効果測定といったところですかね。効果があれば継続するし、なければ即外しますが、なんとなくブログのオシャレ度が増す感じですね。ということでシンプルなメニューバーを設置しました。ソースコードをメモとして掲載しておきます。
【保管メモ用】参加お礼メールのサンプル【セミナー or 勉強会】
本記事では、セミナーや勉強会の参加お礼メールの記入例を掲載します。僕が不定期で開催する「ブログ勉強会」にご参加いただいた方へお送りさせていただくお礼メールです。実際に僕が使用しているテンプレですので、ぜひ参考にしてみてください。
【CSSのみ】ボタンをポンポンと動かす設定【コピペでOK】
ボタンなどをCSSのみで動かすソースコードです。HTMLとCSSだけで実装できるソースコードをメモとして保管しておきます。難しいコーディング不要ですので、本記事に掲載しているHTMLとCSSと貼り付ければオッケイです。ぜひ参考にしてみてください。
【CSSのみ】トップへ戻るボタンを右下に設置する【コピペでOK】
サイトの右下に「トップへ戻る」のボタンをつけたい場合に、HTMLとCSSだけで実装できるソースコードをメモとして保管しておきます。難しいコーディング不要ですので、本記事に掲載しているHTMLとCSSと貼り付ければオッケイです。ぜひ参考にしてみてください。