「Tips」カテゴリーの記事一覧

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

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

Tips

position: sticky;

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

Tips

「position: sticky;」に必要になった「height: 100%;」

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

Tips

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

Tips

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

Tips

「Associates Link Builder」管理画面

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

Tips

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

Tips

「荒木飛呂彦原画展 冒険の波紋」ポスター

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

Tips

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

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

Tips

…………

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

Tips

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

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

Tips

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

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

Tips

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