ページ内リンクが固定ヘッダと重なって隠れる問題を解決するCSSのテクニック
ここ数年で、スクロールしてもヘッダが上部に固定配置されているページが増えてきました。UX的には便利な面もありますが、その反面問題もあります。固定ヘッダがあるページでページ内リンクをクリックすると、移動した先が固定ヘッダに重なって隠れます。 そこでscroll-snapプロパティの登場です。scroll-snapのscroll-paddingプロパティを使用して、この問題を解決するCSSのテクニックを紹介します。 Fixed Headers, On-Page Links, and Overlapping Content, Oh My! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ページ内リンクが固定ヘッダと重なって隠れる scroll-paddingとscroll-margin 「scroll-snapプロパティ」のサポートブ
Adobe Illustrator でテキストオブジェクトを元のオブジェクトに戻す方法 - by Takumi Hirashima
Adobe Illustrator でテキストを流し込んだテキストオブジェクトを、元のオブジェクトに戻す方法を紹介します。 例えば、エリア内文字ツールやパス上文字ツールでテキストを流し込んだオブジェクトを、元のオブジェクトに戻したいときに便利な方法です。 まずはグループ選択ツールを選択 次に取り出したいオブジェクトを選択 パスを選択したらコピー＆ペースト まずはグループ選択ツールを選択 テキストを流し込んだオブジェクトから元のオブジェクト取り出すには、グループ選択ツールを使用します。 まずは「グループ選択ツール」に切り替えます。 このツールはダイレクト選択ツールの裏に隠れています。 次に取り出したいオブジェクトを選択 次に取り出したいオブジェクトを選択します。 グループ選択ツールに切り替えたら、取り出したいオブジェクトのパスをクリックして選択します。 ここで注意したいのは、オブジェクトの中
wordpressのget_postsは検索結果ページでposts_searchフィルターが掛かる |
結論はタイトルの通りですが、wordpressの検索をカスタマイズしていて引っ掛かったことがあったので書き留めます。 ＜wordpressの検索機能について＞ wordpressの検索機能の検索対象は、投稿・固定ページのタイトル・本文です。 ブログとしての利用であればそれで十分ですが、企業サイトや商品サイト等では、よく下記の様なニーズがあり、物足りません。 ・複数カテゴリで検索したい ・カスタムフィールドに限って検索したい ・カスタム投稿を検索に含めたい ・チェックボックスで検索したい ・OR検索したい 等々。 プラグインでも検索対象を広げたり、ある程度のカスタマイズが可能ですが、 wordpressのフィルターフックを利用すると、SQLをいじれるため、広範にわたるカスタマイズが可能です。 ※フィルターフックについてはこちら ＜カスタム投稿・カスタムフィールドをOR検索したい＞ 今回、下記
Movable Type 5.1の検索で「blog_idパラメータが不正です。」となる不具合の対処
「Movable Type 5.1の検索で検索結果テンプレートを指定する方法」で紹介した方法で不具合が発生するケースがあるので、その対処方法を紹介します。 １．問題点 次のような検索フォーム（blog_idおよびIncludeBlogsのinput要素を指定しない）で検索を実行します。 <form method="get" action="<$mt:CGIPath$><$MTSearchScript$>"> <input type="text" id="search" name="search" value="<$mt:SearchString$>" /> <input type="submit" value="GO" /> </form> この場合、次の「blog_idパラメータが不正です。」というエラーが発生します。 そもそも、blog_idおよびIncludeBlogsを指定しない検
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
