保護猫「モモ」「ココ」とのいつもの暮らし

「Transparency」に夢中

公開日: 更新情報ほか

どーも、小池〇〇子です!ではなく単純に横文字使いになっているだけです。

今回は「Transparency」。「トランスペアレンシー」と読みます。透明度とか透明性とかいう意味の英語です。

何が「Transparency」かというと、サイトの背景色のことです。

私が作っているサイトでかれこれ半年位全く放置していたものがあります。

という園芸関係のサイトと

Ordinary Life
1970.01.01
Ordinary Life
https://momosiri.nagoya/aqua/
保護猫「モモ」「ココ」とのいつもの暮らし

という観賞魚関係のサイト。

全くメンテナンスすることなく放置状態だったのですが、気付けば今ご覧になっているモモ君のサイトよりもアクセスがあるんですね、これが・・・。

まあ、せっかく来てくれた人の為にと思って、重い腰を上げてデザイン変更したんです。その時に夢中になったのが、このサイトでもやってる背景スライド画像。でも、文章が表示されているところは当然ながら画像が切れてしまうんですね。これを解決するために使ったのが「Transparency」。

ホームページなどで使われる色コードは大きく分けて3つあって、1つは#から始まる6桁の数字で表すもの。もう一つが色の名前で表すもの。そして、最期に色要素で表すもの。この色要素での表現の中に透明度というのがあるんですねぇ。恥ずかしながら初めて知りました。

そこで、いろいろ調整したところ・・・おっいいじゃん!!ていう感じになりました。上の2つのサイトは苦労の末ほとんどカスタマイズ完了!!そして忘れないうちに、このサイトも半透明(ゴミ袋ではないですよ~)にしちゃいました。

ここを半透明にして再表示、あっここも・・・と何か所かのデザイン要素の追記をしてひとまず半透明化終了。これで背景がなんとなくうっすら見えるようになったのでより自然な仕上がりになったと自画自賛してます。

  • 白黒ハチワレ猫の「モモ」、サバトラ猫の「ココ」という2匹の保護猫と暮らしています。
    WordPressというツールを使ったホームページ作りをしています。
    ココナラというサービスでWordPressサイトのカスタマイズ・修復・引っ越しなどを受け付けていますので、お困りのことなどあれば気軽にお問合せください。

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

【スポンサーリンク】