ホームページ

ホームページ

【Webフォント】フォントオーサム5フリー版の使い方 その2 (HTMLとCSSの記述篇)

便利なWebフォントとして、世界中の人が利用している Font Awesome もバージョン5になって、しばらく経ちましたので、使い方も落ち着いてきたようです。 ということで、ボクが試行錯誤してきた使い方を簡単に書いておきます。 前回、Font Awesome 5 Free版を使...
ホームページ

【Webフォント】フォントオーサム5フリー版の使い方 その1 (配置と関連付け篇)

便利なWebフォントとして、世界中の人が利用している Font Awesome もバージョン5になって、しばらく経ちました。 バージョン4 に比べて使いづらいところもありますが、デザインを見比べてみると、かなり描き直しているらしく、結構格好良くなっているようです。 そんな Fon...
ホームページ

【CSS】パンくずリストで擬似クラス「:last-child」はもう使わない!

パンくずリスト(サイト内アドレス表示)で、項目を横に並べるとき、右端の項目には記号(">")が要りません。 そのため、右端の項目だけ記号(">")を消しますよね。 今回は、隣接セレクタ「+」を使って、それを実現する方法を紹介します。 擬似クラス「:last-chil...
ホームページ

【CSS】グリッドレイアウトで擬似クラス「:nth-child」はもう使わない!

グリッドレイアウト(格子状配置)で、画像を外枠いっぱいに並べるとき、右端の画像に右マージンがあると、外枠の中にピッタリと収まらず、左側に配置されてしまいます。 それを避けるため、右端の画像だけ右マージンの値を 0(ゼロ)にして、外枠の中にピッタリと収めたりしますよね。 今回は、ネ...
ホームページ

【ホームページ】HTMLとCSSはこの本で勉強しました その3 (オブジェクト指向CSS篇)

現在、事務所のホームページは、自分で作っています。 いろいろな本を参考にして、すこしずつ改良を加えています。 オブジェクト指向CSSとの出会い 前回、紹介した本のお蔭で、事務所のホームページの体裁をさらに整えられました。 さらに、デスクトップファーストではありますが、...
ホームページ

【ホームページ】HTMLとCSSはこの本で勉強しました その2 (Webデザイン篇)

現在、事務所のホームページは、自分で作っています。 いろいろな本を参考にして、すこしずつ改良を加えています。 Webデザインの向上 前回、紹介した本のお蔭で、ホームページの体裁を整えられました。 ただその後、フラットなデザインにこだわり過ぎたので、無骨でとっつきにくい...
ホームページ

【ホームページ】HTMLとCSSはこの本で勉強しました その1 (はじめて篇)

現在、事務所のホームページは、自分で作っています。 いろいろな本を参考にして、すこしずつ改良を加えています。 今は昔 ボクが、本格的にホームページを作ることになったのは、行政書士になってからです。 先輩の行政書士に「作ったほうがいいよ」と言われて、作ることにしたのです。 ボ...
ホームページ

【収益化】アドセンスの広告をHTML&CSSでサイドバーの上に表示してみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。 前回、事務所のホームページで AdSense のレスポンシブ広告をダブルレクタングル化してみました。 ついでに、モバイルでは記事の上に、パソコンではサイドバーの上に、最適なサイズのレスポンシブ...
ホームページ

【収益化】アドセンスの広告をHTML&CSSでダブルレクタングルにしてみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。 以前、事務所のホームページで、AdSense広告を手動で追加してみました。 そこから1歩ステップアップして、いよいよレスポンシブ広告のダブルレクタングル化に挑戦です。 レスポンシブの広告ユニ...
ホームページ

【収益化】アドセンスの検索向け広告をHTML&CSSで設定しました

ブログを収益化(マネタイズ)するため、Google AdSense(グーグル・アドセンス)の広告の設定をしています。 今回は、事務所のホームページに Googleカスタム検索(検索向け広告)を設置してみることにしました。 まずは、CSSファイルを修正 Google(グーグル)のカスタム検索...
ホームページ

【収益化】アドセンスの任意広告をHTML&CSSで挿入してみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。 前回、事務所のホームページで自動広告を設定しましたが、パソコン画面での自動広告がちょっと物足りません。 というわけで、自分で任意の場所に追加してみることにしました。 レスポンシブの広告ユニットの作成...
ホームページ

【収益化】アドセンスの自動広告をHTML&CSSで設定してみました

ブログを収益化(マネタイズ)するため、AdSense(アドセンス)の設定をしています。 前回、WordPress(ワードプレス)で、AdSense の広告が表示されるようになりました。 事務所のホームページにも広告を表示 ボクは、行政書士事務所のホームページも運用しています。 そちらは、...
スポンサーリンク
タイトルとURLをコピーしました