質問編集履歴
1
回答者からHTMLの追記を求められた為、HTMLを追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,4 +20,34 @@
|
|
|
20
20
|
という記述を行いましたが、動画の上にテキストが移動せず困っております。
|
|
21
21
|
cssでなくとも動画の上にテキストを載せられることが出来るなら、プラグインのようなものでも大丈夫です。
|
|
22
22
|
または、テーマのカスタマイズでも大丈夫なので、どなたか、動画の上にテキストを表示させる方法を教えてください。
|
|
23
|
-
よろしくお願いいたします。
|
|
23
|
+
よろしくお願いいたします。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
以下が、ソースコードになります。
|
|
27
|
+
```html
|
|
28
|
+
<div id="wp-custom-header" class="wp-custom-header">
|
|
29
|
+
<video id="wp-custom-header-video" autoplay="" loop="" width="1920" height="1080" src="該当ＵＲＬ/wp-content/uploads/2020/11/ヘッダーPV-1.mp4"></video>
|
|
30
|
+
<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>
|
|
31
|
+
|
|
32
|
+
<div id="content" class="page-wrap">
|
|
33
|
+
<div class="container content-wrapper">
|
|
34
|
+
<div class="row">
|
|
35
|
+
<div id="primary" class="content-area col-md-9">
|
|
36
|
+
<main id="main" class="post-wrap" role="main">
|
|
37
|
+
<article id="post-368" class="post-368 page type-page status-publish hentry">
|
|
38
|
+
<header class="entry-header">
|
|
39
|
+
<h1 class="title-post entry-title">home</h1> </header><!-- .entry-header -->
|
|
40
|
+
<div class="entry-content">
|
|
41
|
+
<p class="moji" style="text-align: center;">bbq</p>
|
|
42
|
+
</div><!-- .entry-content -->
|
|
43
|
+
|
|
44
|
+
<footer class="entry-footer">
|
|
45
|
+
</footer><!-- .entry-footer -->
|
|
46
|
+
</article><!-- #post-## -->
|
|
47
|
+
</main><!-- #main -->
|
|
48
|
+
</div><!-- #primary -->
|
|
49
|
+
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
```
|