Web制作 背景だけ親コンテナをはみ出して幅いっぱいになるCSS
中身はコンテナ内に残しつつ、背景は画面幅いっぱいに伸ばしたい場合はborder-imageを使います。ショートハンドでも書けますが、とても分かりづらくなるため今回プロパティは別々に書いています。border-image-sourceで背景や...
Web制作 
Web制作 【WordPress】シングルクォーテーション等を勝手に全角に変換しないようにする
WordPressで記事を投稿した際、'や"が勝手に全角に変換（置換）されていたので、勝手に変換しないようにします。functions.phpに追記functions.phpに4行ほどコードを追記してください。ファイルを直接編集しても、管理...
Web制作 PHPでディレクトリ名・自分自身のファイル名を取得する
ドキュメントルート：/var/www/htmlURL：の場合$_SERVER⇒ example.localhostリクエストヘッダに含まれるHOST$_SERVER⇒ example.localhostApacheの設定ファイル等に記述され...
Web制作 .htaccessでサイト内への全てのアクセスをメンテナンスページへリダイレクトさせる
メンテナンスやリニューアル、サーバーの移管など、アクセスを全てメンテナンスページへリダイレクトさせたい場合の.htaccessです。すべてのアクセスをhoge.phpへリダイレクトErrorDocument 503 /hoge.php<If...
Web制作 YouTube動画の埋め込みの際、比率を保ったまま伸縮するCSS
YouTube動画を埋め込む際、縦横比を固定したまま幅を可変にできるCSSです。HTML<div class="wrapper"> <iframe src=" title="YouTube video player" frameborder...
Web制作 【高品質＆無料】ホームページテンプレート配布サイト3選
日本のサイトで配布されているものはクオリティが低かったり作りが古いものが多いのですが、海外の配布サイトには高品質なテンプレートがたくさんありますのでおすすめを3つご紹介します。英語なので規約等が分かりづらいですが、使用前には翻訳して確認して...
Web制作 .htaccessで海外からのアクセス(IP)を拒否する
一旦すべてのアクセスをはじき、それから必要なもの・日本国内のIPだけ許可します。 ### 検索エンジンをまとめて許可するためにenv化する(必須)SetEnvIf User-Agent "Googlebot" allowbotSetEnvI...
Web制作 【非jQuery】slideToggle/slideUp/slideDownをJavaScriptで実装する
jQueryのslideToggle(),slideUp(),slideDown()的な動きをJavascriptに置き換えます。slideUp：スライドして隠すconst slideUp = (el, duration = 300) =>...