3

将 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



再次，非常感谢任何和所有的帮助，希望能阻止我的大脑受伤！

你们都摇滚，

凯西。:)

4

1 回答 1

0

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

 $(document).ready(function() {
     var userText = $('#input-id').val();
     $('#category-inner').html(userText);
 })
于 2015-02-03T17:40:25.147 回答