フロントエンド

Magnific PopupでYouTubeが再生されない

Magnific Popup は、レスポンシブデザインにも対応しているモーダルウィンドウ用jQueryプラグインです。 Magnific PopupでYouTubeの動画をポップアップ表示するページを作っていたのですが、 YouTubeの動画がうまく再生されないというトラブルがあったのでそ…

a-blog cmsでファイルを更新したのに反映されない / キャッシュクリアされない

最近初めてa-blog cmsを触ることになった私。 a-blog cmsを導入しているあるサイトの運用を担当しているのですが、そこで起きたプチトラブルです。 ファイルを更新したのに反映されない さて、運用というわけで早速テキスト修正の依頼が来たりするわけです。…

WordPressの投稿機能 - フロントエンド1年生におくる「WordPressとは何ぞや」#2

前回はWordPressとはどういったものか、CMSとは何か、というのをザックリですが書きました。 フロントエンド1年生におくる「WordPressとは何ぞや」 - それはきっと幻じゃない 今回はWordPressの投稿機能についてです。 そもそも投稿機能って? 前回の記事の…

WordPress プラグインでの「Undefined index」エラー

WordPressでの構築中に管理画面にログインすると「Undefined index:…」というエラーの表示が。 その時行った対処方法を書きます。 「Undefined index:…」のエラーが表示される WordPressでの構築中に「Custom Field Template」というプラグインを入れたとこ…

WordPressのSSL化で.htaccessに301リダイレクトを記述する位置に注意

少し前の記事で常時SSL化の対応について書いたのですが、その時、悩まされた場面がありました。 常時SSL化対応で.htaccessへリダイレクト処理を記述したのですが、 WordPressのsingle.phpやcategory.phpに301リダイレクトが効かないという残念な感じに...。 …

position: fixedの要素を横方向にスクロールさせたい

コーディング(マークアップ)していると、position: fixedを指定した要素に横スクロールを効かせたい場面に遭遇しませんか? スクロール時にページ上部のグローバルナビを追従させるために、fixedを指定することがありますが、これを指定するとtopだけでな…

マウスが乗ったとき/外れたときの処理 hoverイベント .hover()

マウスカーソルがセレクタの要素の上に乗ったとき/外れたときの処理の記述をメモ。 .hover()を使います。 $('#global-nav li').hover( function(){ // マウスが乗った時の処理 $('#overlay').addClass('-open'); }, function(){ // マウスが外れた時の処理 …

順番に処理を実行する$.when()からの.done()

転職し、新しい職場でのお仕事を始めてからJavaScriptやjQueryを触る機会が増えました。 いや、フロントエンドなんだから当たり前なのだけど。。。 以前は社内のデザイナーがサイトのデザインを制作してくれていて、デザインや動きの部分も割と決まった「型…

WordPressを使用したサイトの常時SSL化対応まとめ

お仕事でお客さんのWebサイトへの常時SSL化対応が必要になったので対応内容などをまとめます。 そもそも常時SSL化とは、Webサイト全ページをHTTPS化するセキュリティ手法です。 通信が暗号化されるので、 Webサイトから情報を送信する際に暗号化され、 第三…

フロントエンド1年生におくる「WordPressとは何ぞや」

初めまして。 私は、2016年に新卒でデザイン事務所に入社し、フロントエンドエンジニアとして働く社会人2年目の嵐・ニノ担の女です。 さて、フロントエンド2年目の私ですが1年目で壁にぶち当たったのはこの「WordPress」の導入です。 ----------------------…