3

我正在尝试将自定义HTML、CSS和JQuery代码添加到某些 wordpress 帖子中，但我不知道我是否使用了正确的方法，因为我只是将代码添加到帖子中。因为会有更多可能需要使用自定义代码的帖子，通过这种方法，我也必须复制/粘贴和自定义相同的代码到这些帖子。 有没有更好的方法来做到这一点？

我对创建wordpress 插件知之甚少，但一个想法告诉我插件是正确的方法，如果是这样，我怎么能把它变成 wordpress 的插件？

以下是代码示例：

<p style="text-align: left;">Post begins here and this is the text...
<div class="myDiv" >button</div>
<style type="text/css">
.myDiv{
    color: #800080;
    border: #000;
    border-radius: 20px;
    border-style: solid;
    width: 50px;
      }
</style>
<script type="text/javascript">
 <!--
 $(".farzn").on("click", function(){
  alert('its Working');
 });
 //--></script>
4

1 回答 1

2

编写插件非常简单：创建一个包含以下内容的 PHP 文件：

<?php
/* Plugin Name: Empty Plugin */

将其上传到您的wp-content/plugins文件夹，它将显示在插件列表中。

现在有趣的是，钩子wp_head可以wp_footer用于小型内联样式和脚本。检查条件标签以了解所有过滤可能性。

<?php
/* Plugin Name: Custom JS and CSS */

add_action( 'wp_head', 'my_custom_css' );
add_action( 'wp_footer', 'my_custom_js' );

function my_custom_css()
{
    if( is_home() )
    {   
        ?>
        <style type="text/css">
        body {display:none}
        </style>
        <?php
    }
    if( is_page( 'about' ) )
    {   
        ?>
        <style type="text/css">
        body {background-color:red}
        </style>
        <?php
    }
    if( is_category( 'uncategorized' ) || in_category( array( 1 ) ) )
    {   
        ?>
        <style type="text/css">
        #site-title {display:none}
        </style>
        <?php
    }
}

function my_custom_js()
{
    ?>
    <script type="text/javascript">
     <!--
     jQuery("#site-description").on("click", function(){
      alert('its Working');
     });
     //--></script>
    <?php
}

最佳实践是使用 action hook 将所有样式和脚本作为单独的文件排入队列wp_enqueue_scripts。也可以使用条件标签。

于 2013-09-18T16:13:33.230 回答