WEB制作– WEB –
-
SiteGuardに不正ログイン?! WordPressとZapierを連携してる方が注意すること
WordPressのセキュリティプラグインの定番「SiteGuard」。国産でシンプルかつ高機能のため、多くの方が使っています。 ある日、SiteGuardでアクセスログを見ていると…何者かにXMLRPCでログインされています。しかも数分おきという短時間で何度も…IPアドレ... -
SNSのタイムラインをWebサイトに表示する方法
Twitter・Facebook・Instagramの個別投稿をWebサイトに埋め込むには、各投稿の埋め込みコード取得してサイトにコピペすればOKです。 ではSNSの一般的な表示方法であるタイムライン（最新の投稿から順番に表示、投稿一覧）でWebサイトで表示させるはどうし... -
ペライチで取得したドメインでメールアドレスを取得する方法
ノーコードでウェブサイトが公開できるサービス「ペライチ」。誰でも手軽にできるうえ、基本無料なので利用者も多いのではないでしょうか。 そのペライチのちょっとした弱点なんですが…実はメールアドレスが利用できません。 https://support.peraichi.com... -
レンタルサーバーの余った容量を有効活用！Nextcloudで自分専用ストレージ !
レンタルサーバーでウェブサイトを運用されている方はたくさんおられますが、一般的なサイトに必要な容量はせいぜい数GBなので、プランによりますが90%以上は使わないままではないでしょうか？180GB以上は無駄になっていて、もったいない気がしますね…なん... -
CSSでよく混同する「initial／inherit／unset」の違いについて
CSSでプロパティをリセットする時に使うinitial／inherit／unset。 一見するとどれも似たような挙動をしますので「どれが何だっけ？」と迷ってしまいます。 なので覚え書きついでにまとめてみます。 【】 プロパティの初期値（または規定値）を設定。 初期... -
CSSで文字詰め「font-feature-settings」
DTPデザイナーやグラフィックデザイナーの基本テクニック「文字詰め」。多くのデザイナーがPhotoshopやIllustratorなどのAdobe系ツールで自動カーニングしていると思います。DTPでは当たり前でしたが、WEBでもCSSで実現できます。その方法をまとめましたの... -
CSSで乗算！ブレンドモード「mix-blend-mode」「background-blend-mode」
ブレンドモードは、描画モードとしてPhotoshopやIllustratorなどのAdobe系ツールに搭載されている、グラフィックデザイナーにとってはおなじみの機能です。以前はPhotoshopなどで加工してからWebサイトに使用していましたが、現在はCSSで実装できるように... -
CSS 背景画像にリンクを張る方法（background）
背景画像を指定した<div>タグや<p>タグをバナーっぽくするため<a>タグでリンクを張ってみても、うまくいかないときがあります。 こういうときは逆に<a>に背景画像を指定することで解決します。 <p class="top"><a href="top.html" title... -
CSSで文字を縦書きにする方法「writing-mode」「text-orientation」
WEBの表示は横書きが基本です。が、和風のサイトならワンポイントで縦書きにしてみたいですよね。 今ではCSSで縦書きにすることも可能です。早速やってみましょう。 【】 CSSのwriting-modeを使います。 縦書きは writing-mode: vertical-rl; 縦書きで左か... -
ウェブサイトにTwitterのシェアボタンを設置する方法
WordPressテーマによっては記事下にTwitter各SNSのシェアボタンをつけられるようになっています。 記事の途中や固定ページなどにツイッターのシェアボタンを設置して記事をツイートできるようにする場合は、今回のような方法があります。 シェアボタンの設... -
SafariのみにCSSを適用させる方法【Chrome・Firefox・Edgeも】
ブラウザによってうまく表示されないことはありますが、どうしてもSafariだけ調整しないといけない…というときの対処法を、Chrome・Firefox・Edgeなど他のブラウザも含めてまとめてみました。 【Safariにのみ適用させるCSS】 _:lang(x)+_:-webkit-full-scr... -
未経験からWEBデザイナー！通学型スクールおすすめ
昨今のコロナ禍で注目される、在宅ワークやリモートワーク。リモートワークに向いているお仕事の一つなのがWEBデザインでしょう。 経済や情勢が不安な中「WEBデザイナーになりたい！」と、フリーランスや副業・複業・転職を検討している方も随分増えたと感...
