オンラインティーチャー・ゾノのブログ

» 【特別配信講義】只今、完全在宅で先生開業!オンラインティーチャーを目指すための講座『先生2.0 〜毎日感謝される働き方を作ろう〜』を無料配信中! ← 無料視聴はこちらをクリック!

BLOG CSS MEMO & TEMPLATE

本記事は、当ブログで使用するボタンデザインを掲載した記事です。シンプルなデザインを追求して、無駄なデザインなどは削ぎ落とすことを大きなテーマとしてブログ運営をしているので、デザインはシンプルなものが多いです。サイトのメインカラーがブラックとホワイトなので、ボタンは差し色でレッド系にしています。

CSS HOW TO MEMO & TEMPLATE

本記事は、画像を横スクロールでスライドさせるためのCSSをメモ用として保管しておくための記事です。横スクロールは、画面が縦に長くならないというメリットがあるので、ぜひ実装してみてください。コピペで簡単に使えるのでおすすめです。

HOW TO

本記事では、スマホとPCで表示を切り替える方法について簡単にまとめます。コピペで使えるソースコードをサンプルで用意していますので、ぜひ参考にしてみてください。「wp_is_mobile()」という条件分岐タグを使い、簡単に分岐させる方法です。

CSS MEMO & TEMPLATE

追従型のバナー効果を検証してみます。試験的にブログ右下に設置しておきます。こちらもスマホ用のフッターバナー同様に効果がなければ外します。本記事にて、設置のソースコードを公開しておきますので、設置してみたい場合はチェックしてみてください。

CSS MEMO & TEMPLATE

スマホ表示のブログ下部にフローティングメニューを設置してみます。お試しという感じで効果測定といったところですかね。効果があれば継続するし、なければ即外しますが、なんとなくブログのオシャレ度が増す感じですね。ということでシンプルなメニューバーを設置しました。ソースコードをメモとして掲載しておきます。

MEMO & TEMPLATE

本記事では、セミナーや勉強会の参加お礼メールの記入例を掲載します。僕が不定期で開催する「ブログ勉強会」にご参加いただいた方へお送りさせていただくお礼メールです。実際に僕が使用しているテンプレですので、ぜひ参考にしてみてください。

CSS MEMO & TEMPLATE WORDPRESS

ボタンなどをCSSのみで動かすソースコードです。HTMLとCSSだけで実装できるソースコードをメモとして保管しておきます。難しいコーディング不要ですので、本記事に掲載しているHTMLとCSSと貼り付ければオッケイです。ぜひ参考にしてみてください。

CSS MEMO & TEMPLATE WORDPRESS

サイトの右下に「トップへ戻る」のボタンをつけたい場合に、HTMLとCSSだけで実装できるソースコードをメモとして保管しておきます。難しいコーディング不要ですので、本記事に掲載しているHTMLとCSSと貼り付ければオッケイです。ぜひ参考にしてみてください。

MEMO & TEMPLATE

本記事では、申し込み後に連絡がない場合のメールの記入例を掲載します。僕が開催している「30分の無料相談会(オンライン開催)」に申請していただいたあとに連絡が取れない場合に、お送りさせていただく返信メールです。実際に僕が使用しているテンプレです。ぜひ参考にしてみてください。

WORDPRESS

「自分のブログの設定って、これでOKなのかな」と6年前の僕はいつも自信を持てなかったです。今は「これでOKだ」という自信があるのですが、不安に感じながらのブログ運営は心に良くないです。過去の自分を救済するために「ブログ運営で最低限やっておくべき設定」的なチェックリストをブログを書きました。