时间戳

首页 > 解决方案 > php 文件中的 HTML 按钮

php - php 文件中的 HTML 按钮

问题描述

我有一个 wordpress 网站，并创建了一个子主题，以便我可以进行更改。这是问题：

有一个模板页面，它是一个 PHP 页面。在该模板中，我想添加一个带有链接和 css 类的额外按钮，以便我可以自定义它。

该按钮在页面上显示得很好，但无法单击。点击它什么也没做。我尝试过使用 echo、print 和许多其他方法。

这是我用来创建按钮的 html 代码：

<a href="https://www.beat-tweaks.com/academy" class="membership-button">ACADEMY MEMBERHIP: $19.99/MONTH</a>

以下是文件本身的一些代码：

<div class="course5-pricing" id="course-pricing">
<?php bp_course_credits(); ?>
<?php the_course_button(); ?>
<a href="https://www.beat-tweaks.com/academy" class="membership-button">ACADEMY MEMBERHIP: $19.99/MONTH</a>
<?php
add_filter('wplms_course_details_widget',function($args) 
{unset($args['price']); return $args;})?>
</div>

        <div class="course-pricing">
            <?php the_course_details(); ?>
        </div>
    </div>
</div>
</div>
<?php
do_action( 'bp_after_course_header' );
?>

更令人困惑的是，我在我的 MAC 上本地设置了一个 wordpress 站点，这一切都很好。但是当我在我的现场网站上尝试它时，它不再起作用了。

标签： phphtmlcsswordpress

解决方案

更新你的代码作为这个。在这里我添加了两个内联 CSS，你可以使用这个 CSS 形成你的外部 CSS 文件，这是一个很好的做法

我已经更新了你的 <div class="w3-center w3-small w3-opacity" style=" position: relative; z-index: 3;">

和<a href="https://www.beat-tweaks.com/academy" class="membership-button" >ACADEMY MEMBERHIP: $19.99/MONTH</a>

如果你想在同一个窗口打开，你可以 target="_blank"从更新的代码中删除

<div class="w3-center w3-small w3-opacity" style="  position: relative;    z-index: 3;">
<?php bp_course_credits(); ?>
<?php the_course_button(); ?>
   <a href="https://www.beat-tweaks.com/academy" class="membership-button" target="_blank" style="
        display: block;
        clear: both;
        z-index: 9999;
        background: gray;
        color: white;
        width: 200px;
        height: 40px 
    ">ACADEMY MEMBERHIP: $19.99/MONTH</a>
<?php
add_filter('wplms_course_details_widget',function($args) 
{unset($args['price']); return $args;})?>
</div>

        <div class="course-pricing">
            <?php the_course_details(); ?>
        </div>
    </div>
</div>
</div>
<?php
do_action( 'bp_after_course_header' );
?>

推荐阅读