Webエンジニアのブログ

昨今、多くのWebサービスやソーシャルメディアが生まれる中、プライベートで楽しんだりビジネスとして活用したりと、さまざまな使い方をしていくでしょう。こうしたメディアで発信する情報は、運用しているWebサイトに埋め込むこともできます。 企業サ...
続きを読む>>

Web初心者でも手軽に開発環境が準備できるXAMPPですが、世の中の進化に合わせてXAMPPもアップグレードして、ローカル上で開発テストを行なっていく必要があります。 特によくWebで利用されるPHPについては、1年ペースで新バージョンがリ...
続きを読む>>

グローバル化が進む社会では、Webサイトを多言語対応していくこともあり、多言語サイトを制作していくと同時に、言語の切り替えに伴う言語切り替えリンクを必要とすることもあります。 人気のCMSのWordPressでも、PHPスクリプトが扱えれば...
続きを読む>>

要素のコンテンツ量が違いがあっても、左揃えのレイアウトで見た目をデザインしていくこともありますが、デザインによっては対象の要素の最大幅でレイアウト調整する必要が出てきます。ここでは、jQueryで複数要素の中から最も広い横幅の値を取得してレ...
続きを読む>>

WordPressでは投稿タイプに用意されたブロックのフィールドの他に、独自にカスタムフィールドを用意して利用していきたいことがあります。多くの方はWordPressのプラグインを使って、手軽にカスタムフィールドを追加していくことでしょう。...
続きを読む>>

WordPressで構築したWebサイトやブログでは、管理画面から投稿や固定ページにカスタムフィールドを使って情報を設定し、Webページに表示させたりできます。従来のWordPressのカスタムフィールドを使っていってもいいですが、複雑なカ...
続きを読む>>

JavaScriptを簡易的に記述できるjQueryでは、便利なメソッドがいろいろ用意されており、手軽にWebページに動きを加えることができます。ただ、Webデザインでよくある複数の画像を切り替えて表示するスライドショーは、jQueryのプ...
続きを読む>>

WordPressのテーマ開発でよく利用するget_template_part()は、利用中のテーマのテンプレートファイルを呼び出す時に使う関数です。ただ、子テーマで利用していく際は少し注意が必要です。 get_template_part(...
続きを読む>>

WebサイトとYouTubeを連携して、WebページにYouTube動画を埋め込んでコンテンツを作っていくことがありますが、そのままの埋め込みのデザインでWebページに載せていってもいいですが、ご自身のWebデザインに合わせて、動画のサムネ...
続きを読む>>

CSSのbackgroundプロパティでWebP画像を利用する場合、WebPをサポートしていないWebブラウザに対して、サポートしている形式の画像を表示できるように対応する必要がありますが、JavaScriptライブラリ「Modernizr...
続きを読む>>