今回は横に長いテキストを改行せず、一行で表示させ、はみ出した部分をスクロール要素にする方法を紹介します。今回はCSSだけで完了できます。CSSでスクロール要素に横長のテキストの表示を一行にしてスクロール表示にさせるには、まず、下記コードをCSSに貼り付けてください。scroll;}最初の「.breadcrumbs-container」の部分はお使いのテーマの任意の要素に変更してください。すると、このように横長のテキストが一行で表示され、はみ出した部分がスクロール要素になります。このままだとこのようにデスクトップ表示のときなどの横長のテキストが収まる場合もスクロールバーが表示されてしまいます。気にならない方は無視して頂いていいですが、この写真のようにパンくずリストが分厚くなってしまいます。スクロールバーを非表示にする方法というわけで、スクロール機能を維持したまま、スクロールバーを非表示にする方法を紹介していきたいと思います。CSSに下記コードをコピペしてください。none;}すると、このようにスクロールバーが非表示になります。これでスッキリしたと思います。まとめいかがでしたでしょうか。今回はシンプルにCSSのみで実装できる方法を書きましたが、Javascriptなどを利用すると、デザインをもっとカスタマイズできるようになります。次回はそれらを書いていきたいと思います。CEO代表の福知です。【WordPress】プラグインインストールだけでプッシュ通知機能を追加する方法こんにちは、フクチです。今やWEBサイトの再訪レートを上げる常套手段となったプッシュ通知機能。導入に時間や料金がかかりそう...と感じるも...こんにちは、フクチです。今やWEBサイトの再訪レートを上げる常套手段となったプッシュ通知機能。04:03WEB開発WordPressでJavascriptやJQueryをどこに貼り付ければいいのかという問題WordPressに関して情報を集めていると、コピぺすればOKというサンプルコードを教えてくれるページはよくあります。PHPコードやHT...WordPressに関して情報を集めていると、コピぺすればOKというサンプルコードを教えてくれるページはよくあります。ホームページや投稿ページ、固定ページなどそれぞれに合わせてヘッダーを変えたい場合もあると思います。ホームページや投稿ページ、固定ページなどそれぞれに合わせてヘッダーを変えたい場合もあると思います。03:03WEB開発WordPressのカテゴリー一覧ウィジェットの記事数をCSSで装飾する方法WordPressの標準カテゴリー一覧ウィジェットは記事数だけ<a></a>タグに囲まれていないため、CSSで装飾できません。...WordPressの標準カテゴリー一覧ウィジェットは記事数だけ<a></a>タグに囲まれていないため、CSSで装飾できません。沿革BlogWEB制作お知らせRecruitWEBディレクターLaravelデベロッパ。