JavaScript

左から右にゆっくりと文字を表示させる

WEBサイトを見ているとメインビジュアルなどの部分で、サイト名やキャッチフレーズなどが左から右へ1文字ずつ時間差で表示されるのを見たことがありませんか? このように左から右へゆっくりと文字を表示したい…

HTML&CSS

CSSで作るドロップダウンメニュー

WEBサイトにを見ているとグローバルナビゲーションにマウスカーソルを乗せるとニューっとサブメニューが現れる「ドロップダウンメニュー」というのを見かけることがあります。 ドロップダウンメニューを一見する…

WordPress

不要なサイズの画像を自動で作らせない方法

WordPressに画像をアップロードした場合。 アップロードした画像だけではなく、アップロードした画像を元にサイズの異なる画像が複数作成されます。 例えば僕の環境の場合、1枚の画像をアップロードする…

HTML&CSS

埋め込んだ動画が再生されない原因と解決策

先日、動画ファイルをWEBサイトに埋め込む作業をしていました。 最近ではWEBサイトに動画を表示させる場合は、まずYouTubeに動画をアップロードしてYouTubeからその動画を読み込む形式が多いで…

HTML&CSS

CSSでボタンをキラッとさせる

WEBサイトには「ボタン」がつきものです。 別のページに移動するためのボタンやメッセージを送信するためのボタンなど、どんなWEBサイトでもたいてい1つか2つのボタンが設置されています。 ボタンはただ置…

WordPress

「Compress JPEG & PNG images」で画像をギュギュっと圧縮!

WEBサイトには画像がつきものです。 「百聞は一見に如かず」のことわざ通り、文字で読むと説明も画像を見るだけでパッと理解できることが多いです。 画像の欠点はファイルのサイズが大きい事。 画像があること…

WordPress

WordPressのパスワードを忘れた場合など

長く放置していたWordPressでつくったブログ。 と、ログイン画面でユーザーネームとパスワードを入力 でも出てくるのは無慈悲なこの画面 こんな経験をしたことがある方もいると思います。 今日はユーザ…

その他

2サイト目以降のアドセンスやアフィリエイト広告の手続き

WEBサイトの運営を始めて慣れてくると、 と思うのはよくあることだと思います。 そして、1つ目のサイトにGoogle Adsenseやアフィリエイト広告などを貼っていた場合、 2つ目のサイトでも同じよ…

WordPress

リンク切れ防止に「Broken Link Checker」

ブログの記事を書いていると、参考にしたサイトのリンクを貼りつけることが良くあると思います。 そして「記事を書いているときはそのリンクが存在したけども、時間が経ってそのサイトが削除されてしまった」という…

HTML&CSS

画面内に入った要素の背景色を横から延ばす方法

WEBサイトで、ページをスクロールさせているとサーっと横から背景色が伸びてきて、白かった要素の背景に背景色がつくページを見たことはありませんか? この仕掛けは比較的簡単に作れて、見てくれる人に「おっ!…