Webエンジニアのブログ

WordPressのタクソノミーでカテゴリ分けして記事を分類している場合にアーカイブやタクソノミーのアーカイブページにカテゴリリストのリンクを載せることがありますが、アクティブ表示に対応するとなると少し手こずります。今回はタクソノミーでカテ...
続きを読む>>

画像や図などにキャプション（説明）を入れることで、ユーザーに画像や図を理解してもらいやすくなります。ユーザーにコンテンツを理解してもらいやすくなるよう、WordPressやHTMLでキャプション設定し表示させて、しっかりと説明してあげましょ...
続きを読む>>

Webデザイン上、PCとスマホのレイアウトの順番を変える時にCSSでどうしてもコントロールしきれない時があります。そんな時に使えるCSS3のFlexboxを使ってHTMLの記述を変えずに表示順を変えるテクニックをご紹介します。 今回紹介する...
続きを読む>>

パソコンでインターネットを利用するときにWeb観覧に必要なWebブラウザですが、セキュリティ面を考えると常に最新バージョンにしておきたいものです。 Macをお使いのかたはSafariをApp Storeにアップデートのお知らせが来るかと思い...
続きを読む>>

WindowsでXAMPPを使ってローカル開発環境を構築して実際にサイト制作などする際、複数のドメインを管理できると非常に便利です。ここではXAMPPでバーチャルホストを設定して複数のドメインを使う方法をご紹介します。...
続きを読む>>

Web開発をするにあたり、HTMLやCSS、ブラウザ上で動くクライアントサイドのJavaScriptはローカル環境でも動かすことができます。しかしWordPressでも使用されているPHPなどのサーバーサイドスクリプト言語やデータベースを使...
続きを読む>>

MacでMAMPを使ってローカル開発環境を構築して、テストサイトの構築やサーバサイドスクリプトの学習などする際に複数のドメインで管理したいことがあります。ここではバーチャルホストを設定して複数のドメインを使う方法をご紹介します。...
続きを読む>>

Web開発をするにあたり開発環境を整えるのですが、費用を費やして実際のサーバを借りなくても自分のパソコン内に開発環境を整えることができます。PHPなどのサーバーサイドスクリプト言語を学習する際にも使えます。ここではMacのローカル環境にMA...
続きを読む>>

Webサイトで日付や時間、曜日を扱って表示または情報を使ってなんらかの制御をさせたいことがあるかと思います。クライアントサイドスクリプトのJavaScriptでも日付や時間の取得が可能ですが、ユーザー側でJavaScriptをオフにしている...
続きを読む>>

Webサイト（ホームページ）やブログでYouTubeやGoogle Mapを埋め込むことがありますが、PCだけでなくタブレット端末、スマートフォンといったいろんなデバイスできれいに表示させるには手間がかかります。 埋め込みにはiframeを...
続きを読む>>