Web系HTTPSだとURLが#のハイパーリンクでJavaScriptが実行されない問題の対処
問題が起きた環境 HTML <a href="#" id="hoge">POSTするリンク</a> <form action="wafoo" method="post" id="fuga"> ...
Web系
Web系
Web系プラグインだけで投稿と同じ仕様のカスタム投稿タイプを作る
下記のようなWordPress標準の"投稿"と同じ下記の仕様のカスタム投稿タイプをプラグインのみで作ります。 フロントページで表示する最新記事（件数指定） 記事詳細 アーカイブごとの記事一覧 カテゴリーごとの記事...
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...
Web系Bootstrap4でモーダルウィンドウのタイトルと閉じるボタンを中央寄せする
対応バージョン：Bootstrap 4.1 モーダルウィンドウの標準仕様ではヘッダーのタイトルが左寄せ、フッターのボタンが右寄せになっています。flexで配置されていますので、単純にtext-alignで指定しても思った通りになりませ...
Web系Bootstrap4でモーダルオープン時に背景画像がズレる問題
対応バージョン：Bootstrap 4.1 background-sizeプロパティでcoverを指定して全面に背景画像を表示させている場合、モーダルウィンドウを開くと背景画像がズレる問題が発生します。 モーダルウィンドウ表示の...
Web系マウスオーバーで黒の半透明ベタの上に不透明の文字を表示する
追記： 背景色指定にrgb形式を使うと不透明度を指定可能で、その中のテキスト影響を受けないようです。その方法であれば、下記よりも簡単に出来るでしょう。 Instagram（インスタグラム）とかで良くある、画像の上にカーソルを重ねると...
Web系CPIのテスト環境で同じ接続情報でもMySQLに接続出来ない原因
テスト環境のSmartReleaseに、本番環境と同じデータベースを作成して検証する事は良くあることです。具体的には、本番環境のデータベースをSQLファイルとしてエクスポートし、テスト用のデータベースを"xxxxx_test"といった名前で...