質問編集履歴

3

各セクションの順番を変更

2021/08/03 07:56

投稿

ry0xi
ry0xi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -4,16 +4,52 @@
4
4
 
5
5
  目次
6
6
 
7
- **1. 背景**
8
-
9
- **2. 現在のスタイル指定**
10
-
11
- **3. 教えていただきたいこと**
7
+ **1. 教えていただきたいこと**
8
+
9
+ **2. 背景**
10
+
11
+ **3. 現在のスタイル指定**
12
12
 
13
13
  **4. 考えている代替手段**
14
14
 
15
15
 
16
16
 
17
+ ### 教えていただきたいこと
18
+
19
+ ![角丸ボタン](72167862673a16354130a2a6e3ae29a2.png)
20
+
21
+ 右にある矢印のSVG画像を、ブロックエディタでカラーパレットから選択したテキストの色に合わせる方法を模索しています。
22
+
23
+
24
+
25
+ ボタンのタグにa1, a2というクラスを付与し、
26
+
27
+ ```css
28
+
29
+ a.a1 {
30
+
31
+ color: red;
32
+
33
+ }
34
+
35
+
36
+
37
+ a.a2::after {
38
+
39
+ background-image: url('svgのコード'[stroke="currentColor"を指定]);
40
+
41
+ }
42
+
43
+ ```
44
+
45
+ 理想はspan.a2::afterのsvg画像で、stroke(線)の色をredにしたいのですができません。
46
+
47
+
48
+
49
+ svgタグをボタンを投稿に追加するたびに記述するのはできないので、HTMLにsvgタグを追加せず、CSSのみで指定する方法を教えていただきたいです。
50
+
51
+
52
+
17
53
  ### 背景
18
54
 
19
55
  子テーマからwp-block-buttonの新しいブロックスタイルを追加しました。
@@ -198,40 +234,6 @@
198
234
 
199
235
 
200
236
 
201
- ### 教えていただきたいこと
202
-
203
- 右にある矢印のSVG画像を、ブロックエディタでカラーパレットから選択したテキストの色に合わせる方法を模索しています。
204
-
205
-
206
-
207
- あるタグにa, bというクラスを付与し、
208
-
209
- ```css
210
-
211
- span.a {
212
-
213
- color: red;
214
-
215
- }
216
-
217
-
218
-
219
- span.b::after {
220
-
221
- color: currentColor;
222
-
223
- }
224
-
225
- ```
226
-
227
- 理想はspan.b::afterの色をredにしたいのですができません。
228
-
229
-
230
-
231
- svgタグをボタンを投稿に追加するたびに記述するのはできないので、HTMLにsvgタグを追加せず、CSSのみで指定する方法を教えていただきたいです。
232
-
233
-
234
-
235
237
  ### 考えている代替手段
236
238
 
237
239
  PHPなどで投稿の文字列を探索していろいろやってしまうと表示速度に影響しそうなので、できればCSSのみで指定したいですが、

2

目次を追加

2021/08/03 07:56

投稿

ry0xi
ry0xi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -2,6 +2,18 @@
2
2
 
3
3
 
4
4
 
5
+ 目次
6
+
7
+ **1. 背景**
8
+
9
+ **2. 現在のスタイル指定**
10
+
11
+ **3. 教えていただきたいこと**
12
+
13
+ **4. 考えている代替手段**
14
+
15
+
16
+
5
17
  ### 背景
6
18
 
7
19
  子テーマからwp-block-buttonの新しいブロックスタイルを追加しました。

1

質問点をまとめ直しました。

2021/08/03 07:48

投稿

ry0xi
ry0xi

スコア4

test CHANGED
File without changes
test CHANGED
@@ -190,6 +190,32 @@
190
190
 
191
191
  右にある矢印のSVG画像を、ブロックエディタでカラーパレットから選択したテキストの色に合わせる方法を模索しています。
192
192
 
193
+
194
+
195
+ あるタグにa, bというクラスを付与し、
196
+
197
+ ```css
198
+
199
+ span.a {
200
+
201
+ color: red;
202
+
203
+ }
204
+
205
+
206
+
207
+ span.b::after {
208
+
209
+ color: currentColor;
210
+
211
+ }
212
+
213
+ ```
214
+
215
+ 理想はspan.b::afterの色をredにしたいのですができません。
216
+
217
+
218
+
193
219
  svgタグをボタンを投稿に追加するたびに記述するのはできないので、HTMLにsvgタグを追加せず、CSSのみで指定する方法を教えていただきたいです。
194
220
 
195
221