「Tips」の記事一覧

WordPressでAmazon PA-APIを利用する
アソシエイト用の画像を表示

Tips公開 2024年1月14日 更新 2024年11月25日

GA4のカスタムイベントの重複を防ぐ

Tips公開 2023年1月23日

PhotoSwipeで画像を拡大した時に表示される残像
拡大画像とサムネイルの比率が違う場合

Tips公開 2022年9月30日

jQueryで外部リンクに「target=”_blank”」を自動付加
時代に合わせたサイト管理

Tips公開 2012年8月4日 更新 2022年9月8日

CORESERVERのSPFレコード
Gmailが届かない場合の対処

Tips公開 2022年6月10日 更新 2022年6月23日

フォントサイズの指定を楽にするmixin
固定（pxとrem）とレスポンシブ（vw）で指定

Tips公開 2020年5月19日 更新 2022年2月18日

Fancyboxでiframeを表示する際の高さを自動調整
ページ読み込み後の処理

Tips公開 2013年1月31日 更新 2022年2月18日

……x」です。 この手のプラグインはLightboxが発表されてからいろいろ派生してきましたが、Fancyboxはオプションで調整できることが多くとても便利です。 唯一と言っていい不満が、iframeを使って別のページを表示させるときの高さ調整。場合によってははみ出したりするので、「画像は自動でち……

Windows IEでoverflowを有効にする
IEだけにスタイルを適用させる

Tips公開 2005年9月18日 更新 2022年2月18日

……の羅列とかで起こったりします。))。CSSには「overflow」というプロパティがあり、指定した要素の幅や高さが、親要素の範囲を超えた場合に、どのように振る舞うかを以下の5つから指定できます。 visible：表示するhidden：隠すscroll：スクロールバーを表示するauto：自動（ブ……

CSSだけでサイドメニューの固定
「position: sticky;」が効かない場合

Tips公開 2019年3月17日 更新 2022年2月18日

「position: sticky;」だけで下に固定するときの注意
JavaScriptで高さを計算

Tips公開 2019年4月9日 更新 2022年2月18日

埋め込んだiframeのサイズを調整
transformで拡大縮小

Tips公開 2019年3月6日 更新 2022年2月18日

スマホで大きな画像を見せる方法を模索
はみ出した画像を非表示にして、フリック（スクロール）で動かせるようにする

Tips公開 2019年1月9日 更新 2021年5月29日

記事中の画像を全て取得してリンク付きで表示
サイト運営の記録を眺めて自己満足

Tips公開 2021年4月29日 更新 2021年5月15日

あらゆるtransitionが効かなくて焦った話
メディアクエリ「prefers-reduced-motion」の設定

Tips公開 2021年4月13日 更新 2021年4月14日

地理院地図とGoogleマップを切り替えるブックマークレット
自宅で猟場候補の雰囲気を掴む

Tips公開 2021年2月2日

Gutenbergで「decoding="async"」
Helper Lite for PageSpeedプラグインを利用

Tips公開 2020年12月11日

動的サイトの静的化
CMSで静的サイトを構築

Tips公開 2020年7月18日 更新 2020年11月23日

PhotoSwipeを画像へのリンクタグなしで使う
サイトのコーディングを修正せずに使う方法

Tips公開 2019年10月12日 更新 2020年11月23日

Amazonアソシエイトのレスポンシブ対応バナー
メディアクエリで見せたいものだけ見せる

Tips公開 2019年3月6日 更新 2020年11月23日

function.phpでアソシエイトリンクを生成
Associates Link Builderの代替案

Tips公開 2019年2月19日 更新 2020年11月23日

Associates Link Builderで情報が表示されない
行儀よくない解決方法

Tips公開 2019年2月9日 更新 2020年11月23日

WordPressで投稿の最初の画像を抽出
アイキャッチ画像の指定もめんどくさい場合

Tips公開 2018年11月1日 更新 2020年11月20日

……イキャッチ画像がサムネイルになるように、function.phpに手を入れてみた。 imgタグを抽出する正規表現はかなり簡素なものにしているので、利用状況によってはうまく抽出できないかもしれない。その時はもっと正しい正規表現を使えば大丈夫だと思う。 使いたい場所で「catch……

ショートコードに自動で付加されるpタグを削除
function.phpでカスタマイズ

Tips公開 2018年11月1日 更新 2020年11月20日

…………

トップページに特定のカテゴリーを表示させない
function.phpでカスタマイズ

Tips公開 2018年11月1日 更新 2020年11月20日

……ery -> is_home()」の「is_home()」を変更することで、検索結果やアーカイブなど他のページにも使用可能。 ……

is_preview()
記事が下書き状態が調べる

Tips公開 2018年11月1日 更新 2020年11月20日

……広告を表示するようにした。 ……

.htaccessでリダイレクトする時にクエリを削除
QUERY_STRINGでクエリを指定

Tips公開 2013年2月8日 更新 2020年11月19日

……RLに見せてくれる、大変便利なモジュールです。 例えば「hoge.html」というページを「fuga.html」にリダイレクトさせる場合、.htaccessには以下のように記述します。 「RewriteEngine on」はお約束。ちなみに「R=301」は、「ページは恒久的に移動……

CSSでIEに疑似要素を指定する時の注意点
classの擬似要素は理解できないIE

Tips公開 2010年8月13日 更新 2020年11月19日

Google Appsでフォーム経由のメールを受信
Value Domainの場合

Tips公開 2009年1月17日 更新 2020年11月19日

……フォームから送信されるメールが届きません。 Google Appsのヘルプページ「自分のアカウントにメールを送信するフォームをウェブサイトに配置したが機能しない」によると、それは正しい動作だそうです。 簡単な解決方法は、フォームの送り先メールアドレスをそのサイトのドメインとは別のメールアドレス……

Geocoder
Google Mapsで緯度と経度を測定

Tips公開 2008年12月11日 更新 2020年11月19日

Value DomainでGoogle Apps
よく見るValue Domainの設定画面と違う場合

Tips公開 2008年11月16日 更新 2020年11月19日