MENU
  1. HOME
  2. WEB制作の記事一覧

最近の作業実績

  • 2021年04月28日ページ内リンクがスムーズに動くように修正を加えました。
  • 2021年04月25日モーダルウィンドウを導入いたしました。
  • 2021年04月22日スライダーの不具合を修正いたしました。
  • 2021年04月21日Contact Form 7 で送信後、サンクスページに遷移しない不具合を修正いたしました。
  • 2021年04月20日jqueryが正常に動作しない不具合を修正いたしました。
  • 2021年04月19日バツ印で消すことができる要素を作成いたしました。
  • 2021年04月19日スクロールに追尾するエリアを作成いたしました。
  • 2021年04月19日WordPressのオリジナルテーマを作成いたしました。
  • 2021年04月02日テーマのレイアウトを調整いたしました。
  • 2021年03月28日セキュリティ対策を導入いたしました。
  • 2021年03月27日非表示にできる広告枠を追加いたしました。
  • 2021年03月26日SSL周りの不具合を解決いたしました。
  • 2021年03月25日カテゴリーごとの新着情報が表示されるようにいたしました。
  • 2021年03月24日既存サイトのレイアウトを変更いたしました。
  • 2021年03月23日SSL周りの不具合を解決いたしました。
  • 2021年03月22日既存サイトのドメインを変更いたしました。
  • 2021年03月21日カスタムフィールドを導入して更新しやすい環境を構築いたしました。
  • 2021年03月20日オリジナルテーマを制作いたしました。
  • 2021年03月19日WordPressのセキュリティ対策を強化いたしました。
  • 2021年03月18日スライダー周りのカスタマイズをいたしました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。

カテゴリー: WEB制作

要素が画面に入るとアニメーションで下線を表示させる方法

要素が画面に入るとアニメーションで下線を表示させる方法

要素が画面内に入ると、下線が表示されるアニメーションの実装方法をまとめてみました。動きのある部分は訪問者の目を引き付けることができます。興味のある方は、コンテンツをご覧ください。
2021/04/16
  • WEB制作
  • CSS
  • jQuery
jQueryを使った消せる要素の作り方

jQueryを使った消せる要素の作り方

jQueryを使った消せる要素の作り方を解説しています。フッターに消せる固定広告を設置するなど、使い方は色々。コピペだけで実装できる様に解説しておりますので、興味のある方はご覧になってください。
2021/04/16
  • WEB制作
  • CSS
【レスポンシブ】デバイスの横幅を基準に読み込むJavascriptを切り替える方法

【レスポンシブ】デバイスの横幅を基準に読み込むJavascriptを切り替える方法

デバイスの横幅を基準に読み込むJavascriptを切り替える方法をご紹介しています。レスポンシブデザインのサイトなどで利用する機会があるカスタマイズです。簡単にできますので、このコンテンツでやり方をマスターしてください。
2019/09/15
  • WEB制作
CSSだけで長い文字列を「…」と省略表示する方法

CSSだけで長い文字列を「…」と省略表示する方法

CSSだけで長い文字列を省略表示する方法をご紹介します。文字列が要素からはみ出す場合、末尾に「…」を付けて省略表示させる方法です。興味のある方は、3分間でカスタマイズ方法をマスターしてください。
2019/09/15
  • WEB制作
  • CSS
【たった1分】ドメインから使っているサーバーを調べる方法

【たった1分】ドメインから使っているサーバーを調べる方法

ドメインからサイトが設置されているサーバーを調べる方法をご紹介しています。専門的な知識は必要ありません。コンテンツの中で紹介しているWEBサービスを利用(無料)すれば、どなたでもドメインからサーバー会社を調べることができます。
2019/07/28
  • WEB制作
レスポンシブデザインでテーブルを横スクロールさせる方法

レスポンシブデザインでテーブルを横スクロールさせる方法

スマホ表示でテーブルを最適化するとき、扱いづらいテーブルが出てくるかと思います。そんなテーブルを横スクロールさせることで、簡単に最適化する方法をご紹介しています。横スクロールできることを伝えるテクニック付きです。
2019/09/15
  • WEB制作
  • CSS
知ってますか?画像サイズを親要素の横幅に収まるように可変させる最も簡単な方法

知ってますか?画像サイズを親要素の横幅に収まるように可変させる最も簡単な方法

デバイスの横幅に合わせて画像を拡大縮小させる方法をご紹介しています。CSSのみで対応する方法ですので、面倒なjsの設置やimgタグを書き換える必要もありません。参考にしてください。
2019/03/06
  • WEB制作
  • CSS
画像下部にできる謎の空白をCSSだけで消す2つの方法

画像下部にできる謎の空白をCSSだけで消す2つの方法

サイト上に画像を設置すると、画像の下部に余白が生じてしまいます。この余白、「margin」や「padding」を「0」にしても消すことができません。ではどのようにして消せばいいのでしょうか?余白を消す方法を2つご紹介します。
2019/03/06
  • WEB制作
  • CSS
WordPressでレスポンシブデザインを作成するときに役立つコンテンツ12選

WordPressでレスポンシブデザインを作成するときに役立つコンテンツ12選

WordPressでレスポンシブデザインを作成するときに役立つコンテンツを12個まとめてみました。レスポンシブデザインでサイトを構築する方は、一通り確認する事をお勧めいたします。参考にしてください。
2019/05/04
  • WEB制作
  • WordPress
display:inline-blockが横並びにならない意外な原因と解決方法

display:inline-blockが横並びにならない意外な原因と解決方法

display: inline-blockで要素を横並びにしたいのに、思う様に横並びにならないことってありませんか?実はHTMLの記述方法が原因で横並びにならないことがあるのです。原因と解決方法を詳しく解説してみました。
2019/03/06
  • WEB制作
  • CSS
【レスポンシブ】デバイスの横幅で画像を切り替える方法

【レスポンシブ】デバイスの横幅で画像を切り替える方法

サイトにアクセスしたデバイスの横幅で画像を切り替える方法をご紹介します。レスポンシブサイトで、PCとスマホで違う画像を表示させたい場合などに使えます。5分程度で実装できますので、興味のある方は参考にしてください。
2019/03/06
  • WEB制作
レスポンシブサイトで要素が画面に収まらない主な原因4つと解決策のまとめ

レスポンシブサイトで要素が画面に収まらない主な原因4つと解決策のまとめ

レスポンシブサイトで要素が画面に収まらない主な原因4つと解決策をまとめてみました。レスポンシブサイトの制作時には頭を悩ませる問題かと思います。現に悩まれている方、このコンテンツで頭痛の種を取り除いてください。
2019/03/06
  • WEB制作
WordPressサイトにWebアイコン【Font Awesome】を実装する方法

WordPressサイトにWebアイコン【Font Awesome】を実装する方法

WordPressサイトにWebアイコン【Font Awesome】を実装する方法をご紹介します。WEBアイコンは簡単に使えて非常に便利。この機会に使い方をマスターしてください。初心者の方でも3分間でWEBアイコンの使い方をマスターすることができます。
2019/02/18
  • WEB制作