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

» 【AI時代に乗り遅れたかも?】ご安心ください!!今なら、まだ間に合います!AIは、あなたのビジネスを加速させるために必要不可欠です。今さら誰に聞けばいいの? → こちらのビデオで解消できます!

HOW TO

HTMLには特殊文字というものがあります。例えば、よく使うものでいうと「»」です。画面では「»」と表示されます。特殊文字を使用する理由はブラウザごとの互換性を防ぐためという理由があります。ブログのリンクで「>> リンク先」と書いている人は、「» リンク先」と正しく書きましょう。

CSS

カーソルを合わせると色が変わる仕組みを把握しておくと、CSSの理解度がUPします。何気ない色の変化ですが、ブログ運営をしていくときには必要なCSSの知識なので、把握しておくといいです。マウスオーバーと言って、CSSに「:hover」と入力するだけで実装可能です。ブログ初心者の人も、ぜひどうぞ。

WORDPRESS

本ページは、Manablog Copyのカスタマイズ方法をまとめていくページです。不定期で更新していこうと考えています。HTMLやCSSのソースコードをそのまま掲載するので、ブログ初心者の人にも分かりやすいように、まとめていきますので、チェックしてみてください。

CSS

きれいなブログ運営をしていくためには、スマホ表示とパソコン表示でCSSを分岐する必要があります。少し難しそうに感じるかも知れませんが、簡単です。メディアクエリを使用すれば簡単に実装できるので、スマホとパソコンで見え方を変えたいという場合は、メディアクエリでCSSを記述すべきです。

HOW TO

ページ内の文字を頑張って探すのはナンセンスです。パソコンでもスマホでも「ページ内の文字を検索できる機能」があるので、有効的に活用しましょう。パソコン→Command(Control)+F/スマホ→メニューなどをクリックで「ページ内を検索」などの機能があり、これで解決です。圧倒的に時間短縮できます。

HOW TO MEMO & TEMPLATE

ブログ運営の本質は、読者の参考になる記事を生産することですが、それと同レベルに読者ファーストを常に意識することが大切です。例えば、難しい漢字にはふりがなを付けることが対策の1つです。HTMLでブログにふりがなを付ける方法は、超絶簡単なので、ぜひ試してみてください。

CSS MEMO & TEMPLATE

本記事では、画像を背景にして、文字を入力するためのCSSを掲載した記事です。コピペでOKなので、ぜひ使ってみてください。ブログにちょっとしたアクセントをつけることもできるので、読者にアピールしたいテキストなどに使うといいと思います。

CSS

本記事では、ブログで文字を太字にするための方法について、少しマニアックな話をしていきます。とは言っても、ブログ運営する人すべてにとって関係してくる話なので、ぜひご覧ください。SEO対策としても重要なポイントとなります。

HOW TO MEMO & TEMPLATE

商品を期間限定にて販売するときに「販売終了まで、あと○日」というカウントダウンタイマーを簡単に設置する方法をシェアします。簡単に設定することができるサイトを活用させていただき、設置します。開発者に感謝です。

CSS MEMO & TEMPLATE

ブログなどで読者の目を引くためには、画像にアニメーションをつけてみると効果的です。売れるセールスレターや反応の良いLPを意識してみると、動きが多かったりします。僕がよく使うアニメーションは本をめくるように動かすアニメーションです。CSSで簡単に実装できるのでブログに掲載しておきます。