「Tips」の記事一覧

ウェブサイトを構築するにあたって調べたことや学んだことを書き連ねています。

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

Tips

「動的サイトの静的化」サムネイル

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

Tips

「フォントサイズの指定を楽にするmixin」サムネイル

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

Tips

「PhotoSwipeを画像へのリンクタグなしで使う」サムネイル

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

Tips

「「position: sticky;」だけで下に固定するときの注意」サムネイル

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

Tips

「CSSだけでサイドメニューの固定」サムネイル

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

Tips

「埋め込んだiframeのサイズを調整」サムネイル

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

Tips

「Amazonアソシエイトのレスポンシブ対応バナー」サムネイル

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

Tips

「function.phpでアソシエイトリンクを生成」サムネイル

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

Tips

「Associates Link Builderで情報が表示されない」サムネイル

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

Tips

「スマホで大きな画像を見せる方法を模索」サムネイル

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

Tips

……。 ということで、記事中に画像を使っていれば自動的にその画像が、アイキャッチ画像が指定されていればアイキャッチ画像がサムネイルになるように、function.phpに手を入れてみた。 imgタグを抽出する正規表現はかなり簡素なものにしているので、利用状況によってはうまく抽出できないかもしれない。その時はもっと正しい正規表現を使えば大丈夫だと思う。 使いたい場所で「catch_image()」とすれば、アイキャッチ画像か最初の画像を抽出する。 「catch_image('src……

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

Tips

……criptタグなど通常のHTMLでも同様の方法で削除可能。 ……