Q.スライダー上の文字(トップページ第1ブロックの内容)にHTMLでリンクを貼ってもリンクが作動しません
デフォルトでは、上下に動いている矢印が文字の前に来るようになっているため、リンクが効かない形となっています。
以下のようにコードの順序を変更することで、上下に動いている矢印が文字の後ろになりますが、リンクは作動するようになります。
A.下記のphpファイルの該当箇所を編集します
編集するファイル:page-welcome.php
編集する箇所:
13~27行目
<div id="topcover" class="topcover heightasviewport">
<div class="text-center verticalcentersplash amore-welcome-center">
<?php if($options['first_auto_br']): ?>
<h2 class="first-h1"><?php echo nl2br($options['h1_text']); ?></h2>
<?php else: ?>
<h2 class="first-h1"><?php echo $options['h1_text']; ?></h2>
<?php endif; ?>
</div>
</div>
<div class="topcover heightasviewport"
style="opacity:1;-ms-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transform:translate(0px,0px);"></div>
<div id="top" class="heightasviewport" style="opacity:1;
background:transparent">
<a href="#third" class="animate"><div class="down-arrow
bounce"><span class="fa fa-angle-down"></span></div></a>
</div>
を
<div class="topcover heightasviewport"
style="opacity:1;-ms-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transform:translate(0px,0px);"></div>
<div id="top" class="heightasviewport" style="opacity:1;
background:transparent">
<a href="#third" class="animate"><div class="down-arrow
bounce"><span class="fa fa-angle-down"></span></div></a>
</div>
<div id="topcover" class="topcover heightasviewport">
<div class="text-center verticalcentersplash amore-welcome-center">
<?php if($options['first_auto_br']): ?>
<h2 class="first-h1"><?php echo nl2br($options['h1_text']); ?></h2>
<?php else: ?>
<h2 class="first-h1"><?php echo $options['h1_text']; ?></h2>
<?php endif; ?>
</div>
</div>
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!