質問編集履歴

3

完成イメージを追加しました

2019/10/08 13:12

投稿

tongari_maru
tongari_maru

スコア5

test CHANGED
File without changes
test CHANGED
@@ -89,3 +89,9 @@
89
89
  ```
90
90
 
91
91
  を追加。(実装できず)
92
+
93
+
94
+
95
+ 完成イメージ⬇︎
96
+
97
+ ![イメージ説明](f53c322ba35ba9e54cefe8e6a794fc49.png)

2

コードをコードブロックで囲みました。

2019/10/08 13:12

投稿

tongari_maru
tongari_maru

スコア5

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  該当部分のコードは以下の通りです。
24
24
 
25
- 【HTML】
25
+ ```php
26
26
 
27
27
  <header>
28
28
 
@@ -60,9 +60,11 @@
60
60
 
61
61
  </header>
62
62
 
63
+ ```
63
64
 
64
65
 
66
+
65
- 【CSS】
67
+ ```css
66
68
 
67
69
  .logo-area-menu{
68
70
 
@@ -74,8 +76,16 @@
74
76
 
75
77
 
76
78
 
79
+ ```
80
+
77
81
  試したこと:
78
82
 
79
83
  CSSに、
80
84
 
85
+ ```css
86
+
81
- .textwidth{display:inline-block !important;}を追加。(実装できず)
87
+ .textwidth{display:inline-block !important;}
88
+
89
+ ```
90
+
91
+ を追加。(実装できず)

1

該当部分のコードを加筆しました。

2019/10/08 12:54

投稿

tongari_maru
tongari_maru

スコア5

test CHANGED
File without changes
test CHANGED
@@ -17,3 +17,65 @@
17
17
  !importantをつけて優先度をあげていますが、
18
18
 
19
19
  合わせることはできませんでした。
20
+
21
+
22
+
23
+ 該当部分のコードは以下の通りです。
24
+
25
+ 【HTML】
26
+
27
+ <header>
28
+
29
+ <ul class="logo-area-menu">
30
+
31
+ <li class="logo-area-menu textwidth">
32
+
33
+  <p class="site-name"><a class="**" href="<?php echo home_url(); ?>/">
34
+
35
+ <?php bloginfo( 'name' ); ?>
36
+
37
+ </a></p>
38
+
39
+ </li>
40
+
41
+ <li class="logo-area-menu">
42
+
43
+ 記事一覧
44
+
45
+ </li>
46
+
47
+ <li class="logo-area-menu">
48
+
49
+ カテゴリ名
50
+
51
+ </li>
52
+
53
+ <li class="logo-area-menu">
54
+
55
+ カテゴリ名
56
+
57
+ </li>
58
+
59
+ </ul>
60
+
61
+ </header>
62
+
63
+
64
+
65
+ 【CSS】
66
+
67
+ .logo-area-menu{
68
+
69
+  padding-left:1.5em;
70
+
71
+  display:table-cell;
72
+
73
+ }
74
+
75
+
76
+
77
+ 試したこと:
78
+
79
+ CSSに、
80
+
81
+ .textwidth{display:inline-block !important;}を追加。(実装できず)