ハミングバードのスライダーを非表示にする方法を紹介します。
目次
ハミングバードのスライダー
スライダーには、スラッグ名pickup
のタグを追加した投稿が表示されます。
タグ | |
---|---|
名前 | 任意 |
スラッグ | pickup |
説明 | 任意 |
途中でスライダーを非表示にしたい時は、「タグを削除する」及び「スラッグ名を変更する」方法が一番簡単ですが、タグをそのままにしてスライダーだけを非表示にすることもできます。
CSSでスライダーを非表示にする
テーマのスタイルシートstyle.css
及びカスタマイザーの「追加CSS」に下記コードを追加します。
全てのデバイスで非表示にする
1 2 3 |
#top_carousel { display: none; } |
PCで非表示にする
1 2 3 4 5 |
@media only screen and (min-width:768px) { #top_carousel { display: none; } } |
スマホで非表示にする
1 2 3 4 5 |
@media only screen and (max-width: 480px) { #top_carousel { display: none; } } |
最後に
スライダーはパッと見サイトがお洒落に見えて便利な機能かもしれませんが、個人的には不具合が起きやすい様に感じます(画像遅延読み込み系やキャッシュ系のプラグインと相性が悪かったり)。
また、Wordpressのバージョンアップで上手く機能しなくなったり、原因を突き止めるのが困難なケースもあるので、必要ない&効果が薄い時は無理にスライダーを使う必要はないと思います。
コメント