質問編集履歴
1
回答者からHTMLの追記を求められた為、HTMLを追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -43,3 +43,63 @@
|
|
|
43
43
|
または、テーマのカスタマイズでも大丈夫なので、どなたか、動画の上にテキストを表示させる方法を教えてください。
|
|
44
44
|
|
|
45
45
|
よろしくお願いいたします。
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
以下が、ソースコードになります。
|
|
52
|
+
|
|
53
|
+
```html
|
|
54
|
+
|
|
55
|
+
<div id="wp-custom-header" class="wp-custom-header">
|
|
56
|
+
|
|
57
|
+
<video id="wp-custom-header-video" autoplay="" loop="" width="1920" height="1080" src="該当ＵＲＬ/wp-content/uploads/2020/11/ヘッダーPV-1.mp4"></video>
|
|
58
|
+
|
|
59
|
+
<button type="button" id="wp-custom-header-video-button" class="wp-custom-header-video-button wp-custom-header-video-play"><i class="sydney-svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"></path></svg></i></button></div>
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
<div id="content" class="page-wrap">
|
|
64
|
+
|
|
65
|
+
<div class="container content-wrapper">
|
|
66
|
+
|
|
67
|
+
<div class="row">
|
|
68
|
+
|
|
69
|
+
<div id="primary" class="content-area col-md-9">
|
|
70
|
+
|
|
71
|
+
<main id="main" class="post-wrap" role="main">
|
|
72
|
+
|
|
73
|
+
<article id="post-368" class="post-368 page type-page status-publish hentry">
|
|
74
|
+
|
|
75
|
+
<header class="entry-header">
|
|
76
|
+
|
|
77
|
+
<h1 class="title-post entry-title">home</h1> </header><!-- .entry-header -->
|
|
78
|
+
|
|
79
|
+
<div class="entry-content">
|
|
80
|
+
|
|
81
|
+
<p class="moji" style="text-align: center;">bbq</p>
|
|
82
|
+
|
|
83
|
+
</div><!-- .entry-content -->
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
<footer class="entry-footer">
|
|
88
|
+
|
|
89
|
+
</footer><!-- .entry-footer -->
|
|
90
|
+
|
|
91
|
+
</article><!-- #post-## -->
|
|
92
|
+
|
|
93
|
+
</main><!-- #main -->
|
|
94
|
+
|
|
95
|
+
</div><!-- #primary -->
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
</div>
|
|
100
|
+
|
|
101
|
+
</div>
|
|
102
|
+
|
|
103
|
+
</div>
|
|
104
|
+
|
|
105
|
+
```
|