3

カスタムHTML、CSS、およびJQueryコードを特定のワードプレスの投稿に追加しようとしていますが、コードを投稿に直接追加しているだけなので、正しいアプローチを使用しているかどうかわかりません。カスタムコードを使用する必要がある可能性のある投稿と、このアプローチでは、それらの投稿にも同じコードをコピー/貼り付けしてカスタマイズする必要があります。 これを行うためのより良いアプローチはありますか？

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
}

ベスト プラクティスは、アクション フックを使用して、すべてのスタイルとスクリプトを個別のファイルとしてキューに入れることですwp_enqueue_scripts。コンディショナルタグも使用できます。

于 2013-09-18T16:13:33.230 に答える