Web系

スポンサーリンク
Web系

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

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

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

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

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

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

さくらインターネットのWordPressをステージングサーバーにアップロードしたら管理画面で403 Forbiddenになった際にやったこと

さくらインターネットにおいて"バックアップ&ステージングpowered by Snapup"が提供開始になったので早速試してみました。 WordPressをステージングサーバーへ反映させる一連の手順に関しては、ヘルプに書いてありますので詳細...
Web系

WordPressのURLをサブディレクトリからサブドメインに変更したらクロールエラーが出たので修正した

最近までギャラリーブログ(WordPressで作成)のURLは"ドメイン/gallery"でしたが、"gallery.ドメイン"というように、サブディレクトリからサブドメインに変更しました。 変更方法と言えば、サーバー会社(私の場合は"さく...
Web系

WordPress で 管理画面のカスタム投稿一覧のデフォルトの並び順をカスタムフィールドでソートしておく方法

Advanced Custom Fieldで作成した日付書式のカスタムフィールドをCustom Post Type UIで作成したカスタム投稿に追加した際、管理画面のカスタム投稿一覧にカスタムフィールドを表示するようにしました。 通常、管理...
スポンサーリンク