質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

4396閲覧

wordpressで <ol>と<li>タグ欄が表示されない・・・表示させるには?

ewalu

総合スコア17

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/03/06 23:19

編集2019/03/07 02:24

前提・実現したいこと

番号付きリストを表示させたい
<ol>と<li>に囲われた文字を表示させるにはどうしたらいいですか?

発生している問題・エラーメッセージ

WordpressでWPBakery page builderを使用しています。
Classic Modeのビジュアルで文字を打ち込み番号付きリストを作成したいのですが、
サイトにはリストを付けた箇所のみが表示されていません、、、

テキストで言うと <ol>と<li>で囲われた文字です。

エラーメッセージ

該当のソースコード

html

1<ol> 2<li>当社サービスの提供・運営のため</li> 3<li>ユーザーからのお問い合わせに回答するため(本人確認を行うことを含む)</li> 4<li>ユーザーが利用中のサービスの新機能,更新情報,キャンペーン等及び当社が提供する他のサービスの案内のメールを送付するため</li> 5<li>メンテナンス,重要なお知らせなど必要に応じたご連絡のため</li> 6<li>利用規約に違反したユーザーや,不正・不当な目的でサービスを利用しようとするユーザーの特定をし,ご利用をお断りするため</li> 7<li>ユーザーにご自身の登録情報の閲覧や変更,削除,ご利用状況の閲覧を行っていただくため</li> 8<li>有料サービスにおいて,ユーザーに利用料金を請求するため</li> 9<li>上記の利用目的に付随する目的</li> 10</ol> 11 12![イメージ説明](e7e6bbeac84590778e0d78a9ab465cc4.png)`css 13element.style { 14} 15.wpb_alert p:last-child, #content .wpb_alert p:last-child, .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, #content .wpb_text_column *:last-child { 16 margin-bottom: 0; 17} 18user agent stylesheet 19ol ul, ul ol, ul ul, ol ol { 20 margin-block-start: 0px; 21 margin-block-end: 0px; 22} 23user agent stylesheet 24ol { 25 display: block; 26 list-style-type: decimal; 27 margin-block-start: 1em; 28 margin-block-end: 1em; 29 margin-inline-start: 0px; 30 margin-inline-end: 0px; 31 padding-inline-start: 40px; 32} 33user agent stylesheet 34li { 35 display: list-item; 36 text-align: -webkit-match-parent; 37} 38user agent stylesheet 39ol { 40 display: block; 41 list-style-type: decimal; 42 margin-block-start: 1em; 43 margin-block-end: 1em; 44 margin-inline-start: 0px; 45 margin-inline-end: 0px; 46 padding-inline-start: 40px; 47} 48user agent stylesheet 49li { 50 display: list-item; 51 text-align: -webkit-match-parent; 52} 53user agent stylesheet 54ol { 55 display: block; 56 list-style-type: decimal; 57 margin-block-start: 1em; 58 margin-block-end: 1em; 59 margin-inline-start: 0px; 60 margin-inline-end: 0px; 61 padding-inline-start: 40px; 62} 63.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner { 64 -webkit-box-flex: 1; 65 -webkit-flex-grow: 1; 66 -ms-flex-positive: 1; 67 flex-grow: 1; 68 display: -webkit-box; 69 display: -webkit-flex; 70 display: -ms-flexbox; 71 display: flex; 72 -webkit-box-orient: vertical; 73 -webkit-box-direction: normal; 74 -webkit-flex-direction: column; 75 -ms-flex-direction: column; 76 flex-direction: column; 77 z-index: 1; 78} 79#start_nicdark_framework { 80 color: #a3a3a3; 81 font-size: 16px; 82 line-height: 30px; 83 font-family: 'Halant', sans-serif; 84 overflow-x: hidden; 85} 86.nd_options_customizer_fonts, .nd_options_customizer_fonts .nd_options_color_grey, .nd_options_customizer_fonts p, .nd_options_customizer_fonts a, .nd_options_customizer_fonts select, .nd_options_customizer_fonts textarea, .nd_options_customizer_fonts label, .nd_options_customizer_fonts input { 87 color: #a3a3a3; 88} 89.nd_options_customizer_fonts, .nd_options_customizer_fonts .nd_options_second_font, .nd_options_customizer_fonts p, .nd_options_customizer_fonts a, .nd_options_customizer_fonts select, .nd_options_customizer_fonts textarea, .nd_options_customizer_fonts label, .nd_options_customizer_fonts input { 90 font-family: 'Cinzel', sans-serif; 91}

イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2019/03/07 00:08

「WordPress」タグを追加してください。 またどのような表示になっているか、画面キャプチャ及びブラウザに表示したときに「ソースを表示」からご確認ください。 あと、CSSが途中で切れていますが、これはどういう状態でしょうか。
ewalu

2019/03/07 02:01

mts10806 様 回答ありがとうございます。ソースを表示からもう一度確認確認してみましたら、表示されてない部分が白色のカラーで指定されていただけでした・・・。他の場所で指定したクラス名がここにも使われていたようで反映してしまっていました。。
m.ts10806

2019/03/07 02:03

こちら「質問への追記・修正の依頼」の通信欄なので回答ではないです。質問内容の不備や不足を質問者さんに伝える場所です。 質問を修正して返していただければと。
ewalu

2019/03/07 02:06

失礼しました、、、!修正いたします!
guest

回答1

0

自己解決

ソースを表示からもう一度確認確認してみましたら、表示されてない部分が白色のカラーで指定されていただけでした・・・。他の場所で指定したクラス名がここにも使われていたようで反映してしまっていました。。

投稿2019/03/07 02:02

ewalu

総合スコア17

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問