ワードプレス（Wordpress）テーマのSWELL（スウェル）には、デフォルトの基本デザインとして「ボーダー設定」や「スタイル」が用意されています。 今回は、それらのCSSのクラスを一覧にしてみました。 これらのクラス …
ワードプレス（Wordpress）テーマのSWELL（スウェル）には、デフォルトの基本デザインとして「ボーダー設定」や「スタイル」が用意されています。 今回は、それらのCSSのクラスを一覧にしてみました。 これらのクラス …
例えば、下記の画像のように、1～9までのかけ算の式を画像にする場合、81枚の画像を作る必要があります。 このような繰り返しの作業をする場合、Photoshopのスクリプト（ExtendScript） を使うことで、作業時 …
HTMLサイトマップとは、訪問者がサイト内にどのような記事やページがあるかを一覧で確認できる「地図」のようなものです。 上記のようなサイトマップをワードプレス（WordPress）テーマのSWELLで作成したので、その方 …
先日、ニュースを見ていたら、渋谷などの人が集まるところで「偽の基地局」が確認され、総務省の会見でも言及される事態となっています。 この「偽の基地局」とは、国内では商用利用されなくなった2G通信の周波数帯を悪用し、スマ …
エクセル（Excel）やワード（Word）で、新規ブックを作成して保存しようとすると、既定の保存場所がいつもOneDriveになっていて、鬱陶しいと感じていせんか？ ただ、Officeにサインインしている状態で、マイクロ …
最近はあまり見かけませんが、CTA（Call To Action）のボタンの上に「点滅する文字テキスト」が使われていることがあります。 詳しくはこちらにゃ！ 今回は、このような点滅する文字テキストを、CSSアニメーション …
ワードプレス（WordPress）は、バージョン5.6以降から、自動更新がデフォルトになっています。 セキュリティの観点からは強固になりましたが、その一方で、テーマやプラグインが新しいWordPressのバージョンに対応 …
2025年4月日に、WordPress 6.8がリリースされたらしく、WordPress 6.8へ更新された（もしくは勝手に更新された）方も多いと思います。 今回、メジャーアップデートされた、ワードプレス（WordPre …
「ConoHa（コノハ）」は、GMOインターネットグループ株式会社が運営するクラウド型のインターネットインフラサービスブランドです。 ConoHaのサービスは大きく分けると、ConoHa WING、ConoHa VPS、 …
ワードプレス（WordPress）のプラグインである、WP Super Cacheを使用すると、ワードプレス関数のwp_is_mobile()による条件分岐が動作しなくなります。 そう思う“きっかけ”となったのは、サーチ …
エックスサーバー（Xserver）といえば、使いやすい管理画面とサポートが手厚いことで知られる、エックスサーバー株式会社が運営するレンタルサーバーです。 そのエックスサーバーを、最大20％引きで使用できるキャンペーンがあ …
通常、楽天アフィリエイトのリンクタイプが「画像とテキスト」を貼り付けると、下記のように左寄せになると思います。 大谷選手移籍記念応援グッズ デコピン トートバッグ 非公式 でこぴん ドジャース dodgers 大谷翔平 …
学習塾や教育系のブログなど、算数や数学の式を記述する際に“打ち消し線”を記述したいことがあるのではないでしょうか？ 例えば、下記のような計算式を記述する場合です。 (半径 × 2 × 円周率) × 半径 ÷ 2 今回は、 …
ブログを始めてから約半年ぐらい経過した時、Bing（ビング）で検索表示され始めたなと思っていた時、突然、検索結果から飛ばされてしまいました。 ただ、Chromeでは問題なくインデックスも検索もされていたこともあり、 と思 …
ワードプレス（WordPress）テーマのSWELL（スウェル）には、文字を装飾するマーカーや、ストライプが用意されています。 しかし、このマーカーとストライプは、併用することができません（どちらか片方しか選べません）。 …
先日、新しいサイトを、Googleアドセンスの審査に申し込んだところ、 サイトの同意メッセージを作成する という見慣れない項目が表示されました。 どうやら、2025年3月25日から「GoogleのCMPで同意モードのサポ …
【PR】本記事にはプロモーションが含まれています IT系ベンチャー企業で約10年間、主にWEBマーケターとして活動していたこともあって、解析ツールはいくつか使っていました。 自分は、LPやSPの運用担当だったこともあり、 …
ワードプレス（WordPress）テーマのSWELL（スウェル）には、画像を装飾できる機能があります。 装飾できるスタイルは、角丸、枠あり、影あり、フォトフレーム、ブラウザ風、デスクトップ風が用意されています。 今回は、 …
自分がマニュアル作成や、LPやSPなどでよく使っていたデザインが、1文字目だけ大きくするデザインです。 今回は、この1文字目だけ大きくするデザインをいくつかCSSで作ってみました。 見出しなどでよく使われる1文字目だけ大 …
アマゾンのサービス、Prime Try Before You Buy（プライム・トライ・ビフォア・ユー・バイ）を使えば、試着や試し履きをすることができます。 ※以前は、プライムワードローブ（prime wardrobe） …
HTTPのアクセスを、HTTPSにしたい場合や、メンテナンスなどで、一時的に別ページに飛ばしたい場合など、色々な場面で、.htacessを使ってリダイレクトをする事があると思います。 今回は、自分が今まで使用したリダイレ …
賢威には、次のような「記述リストのデザインその1」が用意されています。 記述リストのデザインその1 要素が横に並びます。モバイルなどでは、横並びが解除されます。また左よりも右の文字数の方が少なくなるとデザインが崩れます。 …
WEB制作の際に、モニーター画面などに任意の画像をはめ込む作業があったりします。 この作業を、Photosopを使って、ササッと済ませる方法です。 この記事の目次 Photoshopのバージョンと元画像モニター等に写真を …
賢威のカラム機能は便利ですが、横幅は等間隔での設定になっています。 その為、デフォルトだと、文章（最大横幅の30%）、画像（最大横幅の70%）といった調整ができません。 このように、左右ともに50%（等間隔）になってしま …
今まで、検索エンジンはGoogleが圧倒的なシェアを持っていた為、Microsoftが提供するBingは無視していました。 しかし最近、Amazon EchoやiPhoneの音声アシスタント機能で検索エンジンとして採用さ …
さくらインターネットで、メールアドレスを作成したけど、 といった方もいるかと思います。 そこで、さくらインターネットで作成したメールアドレスを、Gmailで使う方法を紹介します。 この記事の目次 Gmail（ブラウザ版） …
独自ドメインを取得して、レンタルサーバーを契約すれば、メールアドレスは無限に作成できます。 例えば、アフィリエイトに申し込む用、顧客管理用、ステップメール用と、それぞれ目的に応じて、使い分けることも可能です。 今回、さく …
通常、賢威の「見出し2（h2）」は、このように表示されます。 h2のタイトル（デフォルト） 少し、見た目が弱いので、装飾を追加してみました。 なお、この記事を作成している時点での、ワードプレスのテーマと環境は以下の通りで …
賢威には、次のような「アコーディオン式のQ＆A」が用意されています。 ここには質問文が入ります。 ここには回答文が入りますここには回答文が入りますここには回答文が入ります。 ここには回答文が入ります。 ここには回答文が入 …
WEBサイト内を回遊してもらう事を目的として、使われることが多いのでリンクカード機能です。 といった、ショートコードを使う事で、下記のようなリンクカードを作ることができます。 そんな悩みを解決するCSSです …
撮影した写真や画像の空を、青空や夕焼け空にして欲しいとお願いされることがあります。 そんな時に、空を置き換える方法です。 この記事の目次 Photoshopのバージョンと元画像写真や画像の曇り空を晴天や夕焼けに変える手順 …
賢威では、次のような「アコーディオン式のQ＆A」が用意されています。 ここには質問文が入ります。 ここには回答文が入りますここには回答文が入りますここには回答文が入ります。 ここには回答文が入ります。 ここには回答文が入 …
書いた記事をなるべく読んでもらいたい。 書いた記事を少しでも目立つようにしたい。 と思っている方もいらっしゃるのではないでしょうか？ 自分も同じです。 その為、このサイトでは、記事エリア部分に薄い影を作って、記事の部分（ …
WEBサイト制作の際に、旅行写真など、撮りなおしができない写真（画像）を使って欲しいと、お願いされることがあります。 そんな時に、なるべくキレイに解像度をあげる方法です。 Photoshopのバージョンと画像の説明 この …
賢威を使用されている方の中には、サイドバー（サイドメニュー）に、アフィリエイトバナーを貼り付けている方もいらっしゃるのではないでしょうか？ ただ、ウィジェットの「カスタムHTML」「ブロック」「テキスト」に、コードを貼り …
WEBサイトの背景色は、「白(#FFFFFF)」「薄灰色 (#F5F5F5)」「ダーク（#121212）」などが多いのではないでしょうか？ 単色だと、どうしても”のっぺり”とした印象を感じるので、 …
賢威8では、プラグインを使わずに、人気記事のランキングをサイドバーに表示させることが可能です。 ただ、この人気記事ランキングは、マウスカーソルを画像の上に持っていっても、画像などに変化がないため、リンクであることがわかり …
2024年3月現在、画像生成AIと言えば、 Midjourney（ミッドジャーニー） Stable Diffusion（ステーブルディフュージョン） DALL-E3(ダリ・スリー) Adobe Firefly（アドビファ …
バナーやヘッダー画像などを作成する際に、代表的な構図にあわせて、写真やイラストを配置する事で、見栄えが良くなります。 また、デザインを考える時短にも繋がります。 備忘録も兼ねて、代表的な写真構図を5つまとめました。 この …
