如何在Word Press中更改文本大小

时间:2016-05-07 作者:Kentaro

我已将WordPress更新到最新版本。但由于兼容性问题,我需要你的帮助。

如何更改每个文本的字体大小?我现在正在做的是使用图像中条形图上的一些按钮。

enter image description here.

这个问题可能是重复的,但有人能帮我一下吗。。。。

提前谢谢你。

3 个回复
最合适的回答,由SO网友:Luis Sanz 整理而成

首先,请记住,html用于添加含义和css外观。

如果您出于语义原因想更改文本大小,如“此文本是一个小节标题”或“此句子非常重要”,我建议您不要使用<span style="font-size: xx">. 对于那些案例来说,这是一种更好的做法<strong>, <em> 或者一个合适的标题标签,然后更改主题的css,根据您的喜好自定义其外观。

如果不是出于语义,而是出于表象的原因,你可以接受<span style="font-size: xx">.

为了简化操作,您可以使用以下代码向文本编辑器添加一个新按钮,该按钮将允许您选择字体大小,而无需每次对其进行硬编码。

enter image description here

只需将代码复制到新文件,另存为show-font-size-button-in-editor.php 并将其作为插件安装和激活。或者,您可以复制functionadd_filter 到您的主题functions.php 文件

<?php

    /*
        Plugin Name: Show font size button in editor
        Description: Adds a font size selector to the TinyMCE first tools row
        Version: 0.1
        Author: WPSE
        Author URI: http://wordpress.stackexchange.com/questions/225895/how-can-i-change-the-size-of-the-text-in-word-press
    */

    defined( \'ABSPATH\' ) or die( \'Method not allowed.\' );

    function wpse225895_show_font_size_button_in_editor( $buttons ) {

        array_unshift ( $buttons, \'fontsizeselect\' );

        return $buttons;

    }

    add_filter( \'mce_buttons\', \'wpse225895_show_font_size_button_in_editor\', 10, 1 );

?>

SO网友:Jared Caputo

您可以编辑主题的样式表(style.css),根据自己的喜好更改每个标题和段落元素的字体大小。然后,您可以在文本编辑器中选择适合您需要的标题。要最轻松地做到这一点,请将鼠标悬停在WordPress管理员的“外观”选项卡上,单击“编辑器”,从屏幕右侧选择“样式表”(又名“style.css”),然后在那里进行调整。您有6个标题,可以按如下方式调整每个标题:

h6 { font-size: 14px;}
“h”后面的数字指定哪个标题,“px”前面的数字指定以像素为单位的大小。

然后,如前所述,只需选择您希望使用的标题,现在就有了更新的字体大小。

如果更新主题并希望保留更改,则应使用子主题。有关这些方面的更多信息,请访问:https://codex.wordpress.org/Child_Themes

SO网友:Vigneshwar

您可以通过在主题根文件夹的样式表中编辑/添加自定义CSS来更改标题和段落文本的字体大小,如下所示(wordpress/wp-content/themes/your-theme/style.css).

h1 { font-size: 24px;}
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}
希望对你有帮助。

相关推荐

如何在Functions.php中链接style.css

我是WordPress的新手;我刚开始学习WordPress。我想把风格联系起来。函数中的css。php,但我无法解决这里可能存在的问题。谁能给我指出正确的方向吗?指数php<?php get_header(); ?> <?php if ( have_posts() ) { while ( have_posts() ) { the_post();