如何在Wordpress中的小部件描述中添加换行符?

问题描述 投票:0回答:5

我想在 WordPress 中的小部件描述中添加换行符,以在管理面板中显示使用说明,如下所示:

To format the text use the tags:
<h3>Subtitle</h3>
<strong>Bold</strong>
[:pt]Text in Portuguese
[:en]Text in English
[:es]Text in Spanish

到目前为止的想法是使用 ISO 8859-1 符号 (

&nbsp;
) 添加空格,这不是最佳解决方案(描述为葡萄牙语):

register_sidebar( array(
    'name' => 'Widget',
    'id' => 'widget-user',
    'description' => "Para formatar o texto, utilize as tags: <h3>Subtítulo laranja</h3> &nbsp; <strong>Negrito</strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#91;:pt]Texto em português nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#91;:en]Texto em inglês &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#91;:es]Texto em espanhol &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (o que estiver escrito fora das tags de idioma irão aparecer para todos",
    'before_widget' => '<div class="widget-user"><div class="box">',
    'after_widget' => '</div></div>',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>',
));

与 itens 'before_widget'、'after_widget'、'before_title' 和 'after_title' 不同,'description' 不接受 HTML。如果确实如此,只需转义 HTML 就很容易解决,我不想使用像

htmlspecialchars()
这样的 php 函数将其转换为 HTML。

我拼命尝试这些但没有成功:

"description" => "This is a line <br> break test"    
"description" => "This is a line \n break test"    
"description" => "This is a line \r break test"
"description" => "This is a line \r\n break test"
"description" => htmlspecialchars("This is a line <br>break test")
htmlspecialchars("description") => "This is a line <br>break test"
"description" => htmlentities("This is a line <br>break test")
"description" => html_entity_decode("This is a line <br>break test")
"description" => nl2br("This is a line <br> break test")
nl2br("description") => nl2br("This is a line <br> break test")

那么,有什么想法吗?

php wordpress widget line-breaks
5个回答
2
投票

从你的问题来看,你的小部件和侧边栏可能有点混乱——或者从你使用这两个术语的方式来看,可能只是这样。因此,如果我向您重申显而易见的事情,我深表歉意。

侧边栏是网站上可以显示小部件的动态部分。 小部件是显示在一个或多个侧边栏中的单个项目。您引用的函数 register_sidebar() 旨在创建侧边栏区域 - 设置 --> 外观菜单中的那些块之一,您可以将小部件拖动到其中。描述字段仅用于指示基本信息。关于该特定侧边栏的使用位置。例如,如果您注册了计划在标题中使用的侧边栏,则说明可能类似于“出现在导航菜单上方的标题中”。

小部件也有提供信息的描述。关于如何填写他们的各种选项。这听起来像是你正在尝试做的事情。所以问题是你想使用什么小部件?您可以在小部件代码中设置您正在谈论的描述。

就侧边栏描述而言,Wordpress 使用函数 wp_sidebar_description($id) 输出每个侧边栏的描述。该函数通过另一个 Wordpress 函数 esc_html() 运行描述文本,该函数通过几次检查运行描述文本并删除任何可能有问题的内容。

您有机会更改默认输出。它所做的最后一件事是将过滤器 esc_html 应用于文本。因此,如果您想让

<br>
实际上充当换行符,您只需在主题的functions.php 文件中添加一个过滤器即可恢复该功能,如下所示:

add_filter('esc_html', 'newLines');
function newLines($desc){
return htmlspecialchars_decode($desc);
}

这基本上会撤销 WordPress 正在执行的操作并输出任何 HTML 代码(粗体、斜体等),正如您所期望的那样。

应该在原始响应中指出,上述过滤器将影响 esc_html() 函数在您网站上使用它的任何地方——您可能不希望这样!

不幸的是,没有任何挂钩或过滤器可以让您定位特定的侧边栏,但您可以使用以下方法将上面的过滤器限制为仅在管理页面上发生:

function newLines($desc){
global $pagenow;
global $wp_registered_sidebars;
if($pagenow == 'widgets.php'){
return htmlspecialchars_decode($desc);
}
}
add_filter('esc_html', 'newLines');

0
投票

在 wp-includes/widgets.php 中打开此文件

找到名为:wp_widget_description()的函数; 664号线

换成这个

函数 wp_widget_description( $id ) { if ( !is_scalar($id) ) 返回;

global $wp_registered_widgets;

if ( isset($wp_registered_widgets[$id]['description']) )
    return ( $wp_registered_widgets[$id]['description'] );

}


0
投票

我找到了一种使用简码的方法。首先,我们需要在functions.php文件中添加一个函数

function line_break_shortcode() {
    return '<br />';
}

add_shortcode( 'br', 'line_break_shortcode' );

然后我们可以在任何需要休息的地方使用 [br]

例如:

 Anti-counterfeiting [br] & [br] Online

0
投票

解决方案1

描述字段支持以下标签:

a abbr acronym b blockquote cite code del em i q s strike strong
。 然后,您可以添加样式
display: block;
将文本移动到新行。

步骤1

register_sidebar( array(
  ...
  'description' => 'Sidebar <strong>description text</strong>',
  ...
));

步骤2

function admin_style() {
  wp_enqueue_style( 'admin-style', 'admin-style.css', array(), 1.0.0, true );
}
add_action( 'admin_enqueue_scripts', 'admin_style' );

步骤3

然后将以下内容添加到admin-style.css中

body.widgets-php .widgets-holder-wrap .description strong {
  display: block;
}

这个解决方案不整洁且不理想。第二种解决方案更好。


解决方案2

可以使用

pre_kses
过滤器(代码参考)操作默认允许的标签并添加您自己的标签,具体方法如下。

function sidebar_description(  $string, $allowed_html, $allowed_protocols ) {
  if ($allowed_html == 'sidebar_description' ) {
    global $allowedtags;
    $allowedtags['br'] = array();
  }
  return $string;
}
add_filter( 'pre_kses', 'sidebar_description', 10, 3 );

然后将

<br>
添加到描述中。

register_sidebar( array(
  ...
  'description' => 'Sidebar <br>description text',
  ...
));

-1
投票

我不知道答案。然而,一个可能的解决方案是将其添加到小部件 form() 中,就在字段的上方或下方。如果您还需要容纳更多文本,则可以使表单更宽(小部件构造函数中的第四个参数是接受“宽度”的数组)。

© www.soinside.com 2019 - 2024. All rights reserved.