WordPressでカスタムフィールド（デイトピッカー）を使って要素の表示・非表示をする
Wordpressのカスタムフィールドで日付の期限内で項目の表示・非表示を切り替えたいときがあるかと思います。 そんな時 […]
カテゴリー: HTML / CSS / JavaScript
『toggleClass』を使ったアコーディオンを作る（heightでアニメーションが効かないのを解決）
jQueryでアコーディオンを実現したい、ということはよくあると思います。 実現したいときは単純に『slideToggl […]
レスポンシブサイトでjavascript(jQuery)の読み込みを切り替えよう
2021年現在、新規でWebサイトを作成する際はレスポンシブ対応するのがほとんどかと思います。 そんな時PCだけまたはス […]
【IE11】flexboxの要素にmin-heightを指定してalign-items: centerを指定しても上下寄せにならない【解決方法】
IE11でflexboxの要素にmin-heightを指定してalign-items: centerを指定しても上下寄せ […]
【Nuxt.js】localhostでSSL証明書を取得してhttpsでアクセスするお話
なんでSSL通信が必要？ 位置情報を利用する際、数年前からSSL通信じゃないと取得できなくなったことで、ローカル環境でも […]
WordPressでデフォルトの『投稿』の名前を変更しよう
WordPressでデフォルトの『投稿』ですが、表示部分と異なることも多いので変えてしまいましょう。 function. […]
WordPressで『投稿』のアーカイブページを有効にして任意のURLで表示しよう
WordPressではデフォルトの『投稿』のアーカイブがなぜかデフォルトが無効になっています。不思議ですね。 なのでアー […]
WordPressで画像を相対パスでアップロードできるようにする
WordPressでは投稿画面ではデフォルトで画像が絶対パスで挿入されます。 ただ、環境を移行した時に絶対パスを変更する […]
アプリ内課金をGoogle Play ConsoleとApp Store Connectで設定してみました
前回のエントリーでアプリ内課金について簡単にまとめましたが、今回は実際にGoogle Play ConsoleやApp […]
【工数節約！】レスポンシブサイトにおける一番楽なフォントサイズ指定
年々増えていく、フォントサイズを指定する単位。 「px」を基本として、「vw」と「vh」が使えるようになったと思ったら、 […]
CSSでvideoタグを切り抜いて好きな形に表示する
今日はvideoタグを好きな形に切り抜きしてみましょう。 実際に表示するとこんな感じです。 ＜円形に切り抜いた場合＞ ど […]
【WordPress】セキュリティ対策 6選
WordPressサイトのセキュリティを強化するにあたって、「ログインページのURLを変更する」というのはよくある手法で […]
【AMP対応】結局どうやるの？はじめてのAMP対応
私が初めてAMP対応に着手しようとした時、複数のサイトを渡り歩いて情報を集めながら進めていかなければならない状態でした。 […]
AMP非対応のJSをiframeで使用する
昨今、SEOで絶対に無視できないのがAMP。 表示速度を爆速にする分、様々な制約が設けられていますが、Google Ch […]
ふわふわの泡の背景を作成できるJS「bubbly-bg.js」
ページのbackgroundにふわふわと泡が漂うような表現ができる「bubbly-bg.js」を紹介します。 公式デモサ […]
【WordPress】特定のカスタム投稿の一覧画面表示件数を変更する
通常の投稿は10件ずつ表示したいけど、とあるカスタム投稿の一覧ページはデザインを変えて8件ずつ表示したい…そんな時、以外 […]
【WordPress】カスタムフィールドを使って投稿ごとに「関連記事」を設定する
関連記事を表示するプラグインを使用することもできますが、あまり融通が利かなかったり、CSSの調整が面倒だったりなので、 […]
自社サービス「ノミトモ」をAMP対応！劇的に改善するPageSpeed Insightでの評価Before／After
AMPとは？ 近年、Googleが推奨しているAMPをご存じでしょうか。 AMP対応しているページを事前にGoogleが […]
【WordPress】管理画面の「投稿」表記を変更する カスタマイズ
受託案件でWordPressを使用したサイトを構築する際、そのまま納品すると管理画面が分かりにくいことがあります。 慣れ […]
スマホやタブレットのソフトウェアキーボードを表示させないようにする
キャンセルの方法 スマホやタブレットなどのタッチデバイスで、ソフトウェアキーボードが立ち上がるのをキャンセルしたい場合、 […]
jquery.balloon.js をタッチデバイスとPCの両方に対応する書き方
マウスホバーするとフキダシでテキストが表示される「jquery.balloon.js」。 シンプルで大変使い勝手の良いJ […]
WordPressで特定のページにのみベーシック認証をかけて、ID・パスワードを管理画面で設定できるようにしたい
WordPressで特定のページにのみベーシック認証をかけたい時ってありませんか？ 全体にかけるプラグインはありますが、 […]
【WordPress】ログイン画面のURLを変更してセキュリティ強化
WordPressのログイン画面は、デフォルトの状態ではログイン画面のURLが全て同じです。 以下の2つのアドレス、ドメ […]
知っておくと便利なcssの小技 part16 （セレクタの使い方編）
今回は知っておくと便利なcssの小技 part16 セレクタの使い方編です。 バックナンバー 知っておくと便利なcssの […]
【WordPress】headタグ内の余分な記述を取り除く
Wordpressでサイトを構築している時、headタグの中身が煩雑でうんざりしますよね。 今回はその不要なタグを取り除 […]
