Question

将HTML输入插入主题模板文件？

我的问题是：

目前，通过我的代码，我可以在我的自定义设置页面中显示任何内容当然，每个帖子的结尾都使用WordPress过滤器。

唯一的问题是，我不希望我输入的内容在帖子中的任何位置。我想要的是什么实现，是将我的输入注入到当前主题home.php模板文件中，在该模板文件中包含的<div></div>标记内。有问题的<div>附有一个ID，即<div id="category-inner">，那么有什么方法可以使用它的ID在我的插件中定位它？

我成功地设法做到了，通过编辑实际的home.php模板文件并直接在那里插入一些PHP来显示用户输入，但这完全违背了我正在尝试做的事情，这是不必编辑模板文件的源代码，只需使用我的插件将用户输入的文本插入该特定位置（上面提到的<div>）。

我的插件只会在网站的某个位置添加用户输入，而且永远不会改变。它总是会进入的地方，就在我上面提到的地方。

以下是我的插件代码：

<?php
/*/
Plugin Name: Custom Text Adder
Plugin URI: N/A
Description: Demonstrates how rubbish I am at pretty much everything I want to do
Version: 101
Author: JD
Author URI: N/A
/*/


// insert custom plugin settings menu
add_action('admin_menu', 'custom_create_menu');


add_filter('the_content', 'customhead_the_content');

function customhead_the_content($content) {
    $output = $content;
    $output .= '<div id="category-inner">';
    $output .= get_option('post_text');
    $output .= '</div>';
    return $output;
}

// Add Font-Size to WYSIWYG Editor
function wp_editor_fontsize_filter( $options ) {
    array_shift( $options );
    array_unshift( $options, 'fontsizeselect');
    array_unshift( $options, 'formatselect');
    return $options;
}

add_filter('mce_buttons_2', 'wp_editor_fontsize_filter');

// Create Custom Menu
function custom_create_menu() {

    //create new top-level menu
    add_menu_page('Custom Plugin Settings', 'Custom Settings', 'administrator', __FILE__, 'custom_settings_page',plugins_url('/img/icon.png', __FILE__));

    //call register settings function
    add_action( 'admin_init', 'register_mysettings' );
}

// Register our settings
function register_mysettings() {

    register_setting( 'custom-settings-group', 'new_option_name' );
    register_setting( 'custom-settings-group', 'some_other_option' );
    register_setting( 'custom-settings-group', 'option_etc' );
    register_setting( 'custom-settings-group', 'font_size' );
    register_setting( 'custom-settings-group', 'post_text' );
}

function custom_settings_page() {
?>

<!-- Custom Settings Page Container -->

<div class="wrap">

    <h2>Custom Text</h2>

  <form method="post" action="options.php">
    <?php settings_fields( 'custom-settings-group' ); ?>



    <table class="form-table">

<?php /* Bring the editor onto the page */

wp_editor( '', 'post_text', $settings = array() );

// 4.
// Custom buttons for the editor.
// This is a list separated with a comma after each feature
// eg. link, unlink, bold, ...

$settings = array(
    'textarea_name' => 'post_text',
    'media_buttons' => true,
    'tinymce' => array(
        'theme_advanced_buttons1' => 'formatselect,|,bold,italic,underline,|,' .
            'bullist,blockquote,|,justifyleft,justifycenter' .
            ',justifyright,justifyfull,|,link,unlink,|' .
            ',spellchecker,wp_fullscreen,wp_adv'
    )
);

    submit_button( 'Save everything', 'primary', 'submit' ); ?>

    </table>

  </form> 

</div>

 <?php }; ?>

以下是截图，它将以最简洁的方式解释这一点：

http://i.imgur.com/hiEjEsA.jpg

再一次，任何和所有的帮助都非常感激，并有望阻止我的大脑受伤！

你们都摇滚，

凯西。：）

Answer 1

我不确定您是否希望这是一个纯PHP解决方案，但是因为您拥有div的ID，您可以使用jQuery将其定位并将文本插入到页面加载（或表单提交）中的div中像这样的东西：

 $(document).ready(function() {
     var userText = $('#input-id').val();
     $('#category-inner').html(userText);
 })

通过Wordpress插件</div>定位特定的`<div>`

1 个答案: