Webエンジニアのブログ

Webデザインをする中で画面全体に背景画像を表示させるといったデザインにすることはよくあります。画像を大きく見せることで大きなインパクトを与えることができてWebサイトの印象からいろんなメッセージを使えることができます。ここではHTMLとC...
続きを読む>>

PHPスクリプトで構築しているWebサイトやWebアプリケーションなどでブラウザによって処理を変えたいことがあるかと思います。とくにブラウザによって挙動が違ってくる時には。 WordPressなどもそうですがPHPスクリプトを利用しているW...
続きを読む>>

古い情報が掲載してあったりと必要がなくなったWebページやブログの記事などは削除することはあるでしょう。本当はページコンテンツをリライトするのがSEOとしては良いのですが、どうしても現代に必要がなくなった情報を掲載しているページやブログ記事...
続きを読む>>

HTMLのformタグを使った入力フォームでは入力文字数に制限をかけたい時はjQueryを利用することで入力文字数に制限をかけることができます。ここではjQueryを使ってユーザーからの入力テキストの文字数に制限をかける方法をご紹介します。...
続きを読む>>

PHPでMySQLを取り扱っている時にPHPスクリプトでSQL文を発行してINSERT文でテーブルにデータを追加することはよくありますが、エラー表示が出ていないのになぜかデータが追加されないということに遭遇することがあります。 INSERT...
続きを読む>>

Webサイトで背景として動画を画面全体に流すことでユーザーの目を引きつけて言葉では伝わらないメッセージや印象を与えることができます。 ここではHTMLのvideoタグとCSSで動画を背景として画面全体に表示させる方法をご紹介します。 HTM...
続きを読む>>

WordPress5.0から搭載されたエディタ「Gutenberg」ではブロック単位でコンテンツを作成していくわけですが、Block Labというプラグインを利用するとデフォルトのブロックの他、カスタムブロックを作成することができます。 &...
続きを読む>>

WordPressで構築したブログで記事の中にソースコードを表示させる場合にはSyntaxHighlighter Evolvedというプラグインを利用されている方がいるかと思います。 WordPressのアップグレードでバージョン5.0から...
続きを読む>>

WordPress5.0から新しいエディタ「Gutenberg（グーテンベルク）」が搭載されるようになりました。 それまでは多くのCMSで導入されているTinyMCEでしたが、WordPress5.0にアップグレードすると新しいエディタに変...
続きを読む>>

Webサイトにアクセスしたとき、メインビジュアルでダイナミックに写真や動画を使ってインパクトを与えることができますが、そこに文字やメッセージなどをなんらかのアニメーションで表示させることもまたユーザーの目を引くポイントになります。 Webサ...
続きを読む>>