テクノロジーで人生アップグレード

モニター等の画像に写真をはめ込む方法（はめ込み画像の作り方）

WEB制作の際に、モニーター画面などに任意の画像をはめ込む作業があったりします。 この作業を、Photosopを使って、ササッと済ませる方法です。 この記事の目次 Photoshopのバージョンと元画像モニター等に写真を …

2024/04/26 14:54

賢威のカラム機能で横幅を調整するCSS

賢威のカラム機能は便利ですが、横幅は等間隔での設定になっています。 その為、デフォルトだと、文章（最大横幅の30%）、画像（最大横幅の70%）といった調整ができません。 このように、左右ともに50%（等間隔）になってしま …

2024/04/25 14:12

Bingウェブマスターツールに登録する方法

今まで、検索エンジンはGoogleが圧倒的なシェアを持っていた為、Microsoftが提供するBingは無視していました。 しかし最近、Amazon EchoやiPhoneの音声アシスタント機能で検索エンジンとして採用さ …

2024/04/24 10:43

さくらインターネットで作成したメールアドレスをGmailで送受信する方法

さくらインターネットで、メールアドレスを作成したけど、 といった方もいるかと思います。 そこで、さくらインターネットで作成したメールアドレスを、Gmailで使う方法を紹介します。 この記事の目次 Gmail（ブラウザ版） …

2024/04/23 15:20

さくらのレンタルサーバーでメールアドレスを作成する

独自ドメインを取得して、レンタルサーバーを契約すれば、メールアドレスは無限に作成できます。 例えば、アフィリエイトに申し込む用、顧客管理用、ステップメール用と、それぞれ目的に応じて、使い分けることも可能です。 今回、さく …

2024/04/22 09:30

賢威の見出し2（h2）に装飾を追加してみた

通常、賢威の「見出し2（h2）」は、このように表示されます。 h2のタイトル（デフォルト） 少し、見た目が弱いので、装飾を追加してみました。 なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りで …

2024/04/21 14:43

賢威のQ＆Aのアコーディオンを開いた状態で表示する

賢威には、次のような「アコーディオン式のQ＆A」が用意されています。 ここには質問文が入ります。 ここには回答文が入りますここには回答文が入りますここには回答文が入ります。 ここには回答文が入ります。 ここには回答文が入 …

2024/04/20 11:42

賢威のリンクカードに目立つように影を追加してみた

WEBサイト内を回遊してもらう事を目的として、使われることが多いのでリンクカード機能です。   といった、ショートコードを使う事で、下記のようなリンクカードを作ることができます。 そんな悩みを解決するCSSです …

2024/04/19 15:19

Photoshopを使って曇り空を青空や夕焼けに変える方法

撮影した写真や画像の空を、青空や夕焼け空にして欲しいとお願いされることがあります。 そんな時に、空を置き換える方法です。 この記事の目次 Photoshopのバージョンと元画像写真や画像の曇り空を晴天や夕焼けに変える手順 …

2024/04/18 17:02

賢威のアコーディオン式Q＆Aから「Q」と「A」を非表示にする

賢威では、次のような「アコーディオン式のQ＆A」が用意されています。 ここには質問文が入ります。 ここには回答文が入りますここには回答文が入りますここには回答文が入ります。 ここには回答文が入ります。 ここには回答文が入 …

2024/04/17 13:36

賢威の記事エリアに影を作って記事を目立たせてみた

書いた記事をなるべく読んでもらいたい。 書いた記事を少しでも目立つようにしたい。 と思っている方もいらっしゃるのではないでしょうか？ 自分も同じです。 その為、このサイトでは、記事エリア部分に薄い影を作って、記事の部分（ …

2024/04/16 10:53

画質をできるだけ落とさずに「解像度をあげる」方法

WEBサイト制作の際に、旅行写真など、撮りなおしができない写真（画像）を使って欲しいと、お願いされることがあります。 そんな時に、なるべくキレイに解像度をあげる方法です。 Photoshopのバージョンと画像の説明 この …

2024/04/15 16:24

賢威のサイドバーの背景色を消す方法

賢威を使用されている方の中には、サイドバー（サイドメニュー）に、アフィリエイトバナーを貼り付けている方もいらっしゃるのではないでしょうか？ ただ、ウィジェットの「カスタムHTML」「ブロック」「テキスト」に、コードを貼り …

2024/04/14 16:27

WEBサイトの背景色を方眼ノートのようにするCSS

WEBサイトの背景色は、「白(#FFFFFF)」「薄灰色 (#F5F5F5)」「ダーク（#121212）」などが多いのではないでしょうか？ 単色だと、どうしても”のっぺり”とした印象を感じるので、 …

2024/04/13 12:41

賢威の人気記事ランキングに透過効果を入れてみた

賢威8では、プラグインを使わずに、人気記事のランキングをサイドバーに表示させることが可能です。 ただ、この人気記事ランキングは、マウスカーソルを画像の上に持っていっても、画像などに変化がないため、リンクであることがわかり …

2024/04/12 09:36

Photoshopの画像生成AIを使って背景やアイテムを生成してみた

2024年3月現在、画像生成AIと言えば、 Midjourney（ミッドジャーニー） Stable Diffusion（ステーブルディフュージョン） DALL-E3(ダリ・スリー) Adobe Firefly（アドビファ …

2024/04/11 15:38

バナーやヘッダー画像を作る際に覚えておきたい写真構図5つ

バナーやヘッダー画像などを作成する際に、代表的な構図にあわせて、写真やイラストを配置する事で、見栄えが良くなります。 また、デザインを考える時短にも繋がります。 備忘録も兼ねて、代表的な写真構図を5つまとめました。 この …

2024/04/10 12:19

ヒラギノ（Hiragino）がAdobe Fontsに追加

4月10日は、フォントの日らしいですが、それにあわせてなのか、 2024年4月に、Adobe Fontsに多くの日本語フォントが追加されていました。 この記事の目次 Adobe Fontsに新しく追加されたオススメの日本 …

2024/04/09 09:43

WP Sitemap Pageのデザインを変更してみた

訪問者用のサイトマップを作成する、プラグインとして有名な「WP Sitemap Page」。 早速、プラグインを入れて作成してみました。 という事で、CSSを追加して、WP Sitemap Pageのデザインを変更してみ …

2024/04/08 20:27

賢威をアフィリエイトする事ができるASPは？

賢威（けんい）は、株式会社ウェブライダーが販売しているワードプレステーマで、趣味のブログや会社のホームページまで多くの方に利用されている人気テーマです。 そんな賢威をアフィリエイトしたいと思った方は多いのではないでしょう …

2024/04/07 23:04

賢威のフッターのコピーライトを修正する方法

賢威のフッターにあるコピーライト部分の年代表記を修正したいという方もいらっしゃるのではないでしょうか？ この「年代表記」は、インストールした年が自動で入るようになっていて、ワードプレスの管理画面からは変更ができません。 …

2024/04/06 23:38

賢威のサイドバーのタイトルの文字位置を中央にする方法

賢威のサイドバーに表示されるタイトルは、デフォルトだと左寄せになります。 できれば、中央（センター）にしたかったので、CSSを追加してみました。 なお、自分が使っているテーマとワードプレスの環境は以下の通りです。 サイド …

2024/04/05 23:41

海外サイトで安全に買い物ができるサービス

海外のサイトだけではなく、国内（日本）のサイトでも、 「このサイトにはクレジットカード情報を入力したくない･･･」といったことがあります。 そういった（怪しい）サイトを利用するときに、クレジットカードを使った決済リスクを …

2024/04/04 23:47

賢威のキャラ設定機能プラグインの吹出しの名前表示を中央にする方法

ワードプレスのブログなどでよく見かける、キャラの吹出し機能。 賢威もキャラ設定機能プラグインをダウンロードする事で作成できます。 下図のように綺麗な吹出し（会話）が作れます。 ただ、「名前表示は、写真の中央に持っていきた …

2024/04/03 17:19

腱鞘炎で悩んでいる人にすすめるマウス選び

自分は職業柄、長時間マウスを使っていた為、7年程前に腱鞘炎と診断されました。 その時、医者からはなるべく手首を使わないように言われましたが、納期がある為、そんなわけにはいかず、色々なマウスを試し続けてきました。 そんな自 …

2024/04/02 21:25

CSSを使ってバナー画像にアニメーションを入れてみた

通常、バナー画像に、マウスカーソルを上に持っていくと、画像が少し透明になる処理がされることが多いと思います。 /* リンク画像を透過する */ a img:hover { opacity:0.7; } 通常、ボタンや画像 …

2024/04/01 20:57

Webサイトの表示スピードを確認できるサービス

Googleがサイトからの離脱率に関するデータを2017年に公開（2018年更新）しているデータによると、 3秒になると32%の訪問者が離脱 5秒になると90%の訪問者が離脱 6秒になると106%の訪問者が離脱 10秒に …

2024/03/31 23:31

IPアドレスでウェブサイトへのアクセスを制限する方法

年に1回ぐらいですが、知人などから、ホームページの作成を頼まれることがあります。 本来であれば、ローカル環境で作成するのかもしれませんが、それが面倒くさい。 その為、本番環境に「.htaccess」を置いて、IPアドレス …

2024/03/30 22:53

賢威でブログ記事にソースコードを記載する方法

エンジニアさんのブログなど、技術メモを残したいとき、ソースコードが掲載されている事があります。 自分は、エンジニアとは程遠い職種でしたが、なんか格好いいので、やってみることにしました。 色々なプラグインや機能がありました …

2024/03/29 22:43

WordPressのウィジェットでショートコードを使用する方法

この記事では、WordPressのウィジェットの「カスタムHTML」で、ショートコートが利用できるようする方法を解説します。 具体的な説明に入る前に、この記事を書いた時点の環境を記載しておきます。 賢威を使っている方の参 …

2024/03/28 22:47

Z会をアフィリエイトする事ができるASPは？

Z会は、小学生から高校生までを対象とした通信教育サービスを提供しており、大学受験や高校受験のための学習教材が有名ですね。 そんなZ会をアフィリエイトしたいと思った方は多いのではないでしょうか？ Z会とのアフィリエイト提携 …

2024/03/27 21:58