コピペ - 気まぐれWEBLOG

レスポンシブで固定ヘッダー高さが可変する際のアンカースクロールを簡単実装

レスポンシブで固定ヘッダーの高さが可変。アンカースクロールがうまく設定できない。ヘッダーにposition:fixed;を適用していて固定していると、ページ内スクロールでスルスルーっと移動するときにズレが生じてしまいます。そんな時はheaderの […]

CSSの”100vh”でも出来るんだけど、ブラウザ対応が気になる。。。今流行のサイトのファーストビューを画面いっぱいに画像や動画を表示する方法。 cssでもできるんですが、お客様によっては古いブラウザを使用していたりして、height:100vh; […]

WordPress

色々要望があって、試みていくうちにループが思うようにできなくなったなんてことありますよね。私も昔はよく陥っていました。 archive.phpやcotegory.phpで、複雑なコードを書いてしまって、他のカテゴリが取得されてしまったり、ページ送り […]

HTML

ホームページにfaviconを設定する方法の紹介です。 favicon(ファビコン)とは？ faviconとは、ホームページに設定されているアイコンのようなものです。 faviconを設定すると何が変わるのか？タブのアイコンに表示されますブックマ […]

WordPress

検索数の取得方法 WordPressの検索結果ページにて、何件ヒットしたかという検索結果ヒット数を取得したい時があります。たった一行をコピペするだけ。超簡単です。下記をコピペで実装 search.php [crayon-673f0a39e0ad7 […]

WordPress

管理画面のカスタマイズ WordPressの管理画面、左側の【投稿】となっている部分の記載を、お客様のご要望によっては変更することがあります。例えば、本来【投稿】で商品の情報を入力する場合は【商品】にラベル名を変更したいです。下記コードをコピペで […]

WordPress

前回書いた記事 WordPressのカテゴリーページに「カテゴリーの説明」(description)を取得して、更に「カテゴリーの説明」でhtmlを使用する方法の続きですが、今回は「カテゴリーの説明」ではなく、カテゴリーごとに画像をアップして、アー […]

WordPress

カテゴリーページにて、カテゴリーやターム毎に文章を変えたい場合があると思います。そんな時は「カテゴリーの説明」のフィールドを利用して、カテゴリーページ毎に別々の文章を出力しましょう。 1.カテゴリーの説明の入力方法カテゴリーの項目にある「編集」を […]

CSS

YouTubeの埋め込みをレスポンシブ化する方法 YouTubeの<iframe>タグで埋め込みをすると、レスポンシブ対応になっていないため、スマホで閲覧した際にサイトからはみ出してしまいます。下記のコードをhtmlファイルとcssファ […]

WordPress

自動整形の無効化したい。自動整形はブログの編集や記事の更新にはとても便利な機能なのですがコーディングしたコードをテキストエディタに記載した際に、自動整形されてしまって表示崩れが。。。という経験があると思います。下記コードをコピペで楽々解決♪ f […]