引用符が表示されない

pibecque
(@pibecque)

5年前

Gutenbergでもクラシックでも、引用符を表示して文章や画像を引用したいのに、文字が斜体になるだけで引用符などが表示されません。

状態：WordPress 5.1.1 (Twenty Twelve テーマ)
ブラウザ：Firefox 66.0.3

操作：
ビジュアルエディターで「引用」ブロックを使って書き込みます。
書き込んだ後のコードは以下のようになります。

#####

<!– wp:quote –>

<p>身体の中で尿酸と呼ばれる物質が増えすぎると、痛風関節炎や尿管結石、腎障害に至ることがあります。この状態を高尿酸血症と呼びます。</p><cite>引用：「薬が見える」</cite>

<!– /wp:quote –>

#####

これで下書きを保存してプレビューしても、文字が斜体になるだけで、引用に必要な引用符や囲いが表示されず、困っています。

どなたか、原因と対策がわかる方がいらっしゃいましたら助言をお願いします。

6件の返信を表示中 - 1 - 6件目 (全6件中)

ishitaka
(@ishitaka)

5年前

こんにちは

文字が斜体になるだけで、引用に必要な引用符や囲いが表示されず、困っています。

Twenty Twelve テーマの標準の表示だと思います。
https://twentytwelvedemo.wordpress.com/html-elements/

下記ページにスタイル（CSS）でカスタマイズする方法が紹介されています。
http://koumetaro.com/blog/blockquote-tag-at-wordpress-twenty-twelve.html
nobita
(@nobita)

5年前
こんにちは、

functions.phpに、以下を追加すると左ボーダー等表示されるようになります。
```
add_theme_support( 'wp-block-styles' );
```
トピック投稿者 pibecque
(@pibecque)

5年前

お二方とも、ありがとうございます。

現在、試行錯誤しております。
私の現状だと「.entry-content blockquote,」ではじまるCSSのコードが見つからず、どう置き換えればいいのか分かっておりません。
現状では自分のCSSというものの基礎知識が足りず、理解できないため、もっと調べてからやり直そうと思います。
ありがとうございました。

CG
(@du-bist-der-lenz)

5年前

さっそく、Twenty Twelve テーマをテストしている最中でしたが、スタイルシートで対策できることでバグではないんですね。
nobita
(@nobita)

5年前
add_theme_support( 'wp-block-styles' );

なぜ、上記のPHPコードを追加すると、ボーダーが表示されるようになるのか、個人的なメモですがよろしければ、確認してみてください。

https://tenman.info/labo/css/?p=9402

Twentytwelveなら、blockquoteは、quoteブロックのスタイルが2種、pullquoteが2種あります。都合4つのスタイルを考慮しながらCSSを調整する必要があるので、こちらが簡単と思います。

テーマの、functions.php　25行あたり
```
// Set up the content width value based on the theme's design and stylesheet.
if ( ! isset( $content_width ) ) {
	$content_width = 625;
}
add_theme_support( 'wp-block-styles' );// これを追加
/**
 * Twenty Twelve setup.
 *
 * Sets up theme defaults and registers the various WordPress features that
 * Twenty Twelve supports.
 *
```
- この返信は5年前にnobitaが編集しました。
- この返信は5年前にnobitaが編集しました。
トピック投稿者 pibecque
(@pibecque)

5年前

ありがとうございます。勉強してみます。

6件の返信を表示中 - 1 - 6件目 (全6件中)

トピック「引用符が表示されない」には新たに返信することはできません。