Web系

WordPressでカテゴリーを持つカスタム投稿タイプを簡単に作る方法

WordPressのカスタム投稿タイプでも、投稿と同じようにカテゴリを作りたい場合があります。その実現方法について調べて試しましたのでメモしておきます。カテゴリーを作る方法 function.php にPHPを書く プラグインを使用するプラ...
Web系

CSSのアニメーションを用いた画像のフェード切り替えを理解する

スライドショーのように画像が切り替わる仕組みはJavaScriptのライブラリが多くありますが、単純なものであればCSSのみで実装出来るようです。自分なりに調べて見つけたサイトがこちら。CSSで背景画像をフェードインして切り替えるただ、自分...
Web系

PHPで指定した文字数で改行させるwordwrap関数のマルチバイト対応

長い文章を指定した文字数で改行させたい時に使うPHPのwordwrap関数は日本語のようなマルチバイト文字に対応していないが、対応させた関数を作ってくれた方がいた。マルチバイト対応のwordwrapが無いから作ったただ、文字コードを明示的に...
Web系

チェックされたチェックボックスの値を取得する

入力されたフォームの値をJavaScriptで取得する際に、チェックされたチェックボックスの値を取得して1つの文字列として扱いたい。※jQuery使用HTML<input type="checkbox" name="foo[]" value...
Web系

Bootstrap4でモーダルウィンドウのタイトルと閉じるボタンを中央寄せする

対応バージョン:Bootstrap 4.1モーダルウィンドウの標準仕様ではヘッダーのタイトルが左寄せ、フッターのボタンが右寄せになっています。flexで配置されていますので、単純にtext-alignで指定しても思った通りになりません。まず...
Web系

Bootstrap4でモーダルオープン時に背景画像がズレる問題

対応バージョン:Bootstrap 4.1background-sizeプロパティでcoverを指定して全面に背景画像を表示させている場合、モーダルウィンドウを開くと背景画像がズレる問題が発生します。モーダルウィンドウ表示の際にページのスク...
Web系

マウスオーバーで黒の半透明ベタの上に不透明の文字を表示する

追記:背景色指定にrgb形式を使うと不透明度を指定可能で、その中のテキスト影響を受けないようです。その方法であれば、下記よりも簡単に出来るでしょう。Instagram(インスタグラム)とかで良くある、画像の上にカーソルを重ねると画像が薄暗く...
Web系

CPIのテスト環境で同じ接続情報でもMySQLに接続出来ない原因

テスト環境のSmartReleaseに、本番環境と同じデータベースを作成して検証する事は良くあることです。具体的には、本番環境のデータベースをSQLファイルとしてエクスポートし、テスト用のデータベースを"xxxxx_test"といった名前で...
Web系

All-in-one WP Migrationの.wpressファイルを展開する

WordPressの引っ越しを劇的に楽にするプラグインとして有名なのが"All-in-one WP Migration"です。WordPressに関するテーマ・プラグイン・アップロードしたファイル全てを1つのファイルに書き出して、引っ越し先...
Web系

[Google Map API]複数のマーカーを設置してクリックしたらズームされるようにする

ページに埋め込む形のGoogle Mapにおいて複数のマーカーを立てておき、マーカーがクリックされたらマーカーの座標を中心にしてズームインされるようにします。ただ、ズームインされた状態だと他のマーカーをクリックするにはズームアウトしなければ...