賢威のリンクカードに目立つように影を追加してみた
- 更新日：
- 公開日：
WEBサイト内を回遊してもらう事を目的として、使われることが多いのでリンクカード機能です。 といった、ショートコードを使う事で、下記のようなリンクカードを作ることができます。 そんな悩みを解決するCSSです […]
Photoshopを使って曇り空を青空や夕焼けに変える方法
- 更新日：
- 公開日：
撮影した写真や画像の空を、青空や夕焼け空にして欲しいとお願いされることがあります。 そんな時に、空を置き換える方法です。 Photoshopのバージョンと元画像 この記事を作成している時のPhotoshopのバージョンは […]
賢威のアコーディオン式Q＆Aから「Q」と「A」を非表示にする
- 更新日：
- 公開日：
賢威では、次のような「アコーディオン式のＱ＆Ａ」が用意されています。 ここには質問文が入ります。 ここには回答文が入りますここには回答文が入りますここには回答文が入ります。 ここには回答文が入ります。 ここには回答文が入 […]
賢威の記事エリアに影を作って記事を目立たせてみた
- 更新日：
- 公開日：
書いた記事をなるべく読んでもらいたい。 書いた記事を少しでも目立つようにしたい。 と思っている方もいらっしゃるのではないでしょうか？ 自分も同じです。 その為、このサイトでは、記事エリア部分に薄い影を作って、記事の部分（ […]
画質をなるべくキレイに「解像度をあげる」方法
- 更新日：
- 公開日：
WEBサイト制作の際に、旅行写真など、撮りなおしができない写真（画像）を使って欲しいと、お願いされることがあります。 そんな時に、なるべくキレイに解像度をあげる方法です。 Photoshopのバージョンと画像の説明 この […]
賢威のサイドバーの背景色を消す方法
- 更新日：
- 公開日：
賢威を使用されている方の中には、サイドバー（サイドメニュー）に、アフィリエイトバナーを貼り付けている方もいらっしゃるのではないでしょうか？ ただ、ウィジェットの「カスタムHTML」「ブロック」「テキスト」に、コードを貼り […]
WEBサイトの背景色を方眼紙（方眼ノート）のようにするCSS
- 更新日：
- 公開日：
WEBサイトの背景色は、「白(#FFFFFF)」「薄灰色 (#F5F5F5)」「ダーク（#121212）」などが多いのではないでしょうか？ 単色だと、どうしても”のっぺり”とした印象を感じるので、 […]
賢威の人気記事ランキングに透過効果を入れてみた
- 更新日：
- 公開日：
賢威８では、プラグインを使わずに、人気記事のランキングをサイドバーに表示させることが可能です。 ただ、この人気記事ランキングは、マウスカーソルを画像の上に持っていっても、画像などに変化がないため、リンクであることがわかり […]
Photoshopの画像生成AIを使って背景やアイテムを生成してみた
- 更新日：
- 公開日：
2024年3月現在、画像生成AIと言えば、 Midjourney（ミッドジャーニー） Stable Diffusion（ステーブルディフュージョン） DALL-E3(ダリ・スリー) Adobe Firefly（アドビファ […]
バナーやヘッダー画像を作る際に覚えておきたい写真構図５つ
- 更新日：
- 公開日：
バナーやヘッダー画像などを作成する際に、代表的な構図にあわせて、写真やイラストを配置する事で、見栄えが良くなります。 また、デザインを考える時短にも繋がります。 備忘録も兼ねて、代表的な写真構図を５つまとめました。 覚え […]