質問編集履歴
3
各セクションの順番を変更
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,16 +4,52 @@
|
|
4
4
|
|
5
5
|
目次
|
6
6
|
|
7
|
-
**1. 背景**
|
8
|
-
|
9
|
-
**2. 現在のスタイル指定**
|
10
|
-
|
11
|
-
**
|
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
目次を追加
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
質問点をまとめ直しました。
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
|
|