扩展7: “编辑”页面中的文本区宽度

使用该扩展能够加宽显示表格的“编辑”页面中的文本区域,这样在编辑较长文本时会更加方便。但是您需要根据自己的需要对代码中的CSS命令进行修改(后面的代码中仅提供默认值)。

要使用 WP-Table Reloaded 扩展,您应该先阅读扩展页面,了解相关方法和说明,并按照相关要求进行操作。您还能从该页面找到实现其它功能的扩展的链接。

该扩展的代码如下:

/**
* 改变“编辑”页面默认的文本区域宽度
* Change default textfield width on the "Edit" screen
 */
if ( is_admin() ) {
    function wp_table_reloaded_textarea_width_css() {
        ?>
<style type="text/css" media="screen">
            /* 改变所有列的宽度 Change all columns */
            #table_contents textarea {
                min-width: 400px;
            }

            /* 仅改变列A的文本区宽度 Change only textareas in column A */
            #table_contents .edit_col_1 textarea {
                min-width: 780px;
            }
        </style>

        <?php
    }
    add_action( "admin_print_styles-{$WP_Table_Reloaded_Admin->hook}", 'wp_table_reloaded_textarea_width_css' );
}

重要提示: 上面的代码还没有完全准备好!(可以用,但不一定完全适合您的需要,您还需要做些其它的事情来让它完全适合您的用途。)在您使用之前,还需要调整其中包含的CSS代码,以便它能够将宽度调整到您需要的大小。在上面的代码中,您能看到2个CSS代码片段,每个片段上面都有一行注释。第一段CSS代码负责将“编辑”页面中显示的表格所有列的文本区设定为指定的宽度(上面是400px)。而第二段CSS代码只改变第一列的文本区宽度(上面是780px)。您可以将第二段CSS复制很多次(并将其中的“.col_1”里的数字改变为你希望改变宽度的列号码),这样就可以改变您希望改变的任何列的宽度了。每个片段中的CSS代码里的列宽值都可以根据您的需要来设定,只需要改变 “min-width:” 属性后面的数值即可。这样就完全符合您的需要了!

只需要将您修改后的这段代码复制到 “wp-table-reloaded-extensions.php”文件里,该文件可以根据扩展页面的使用说明来创建,在插件头声明之后而在PHP结束符号 ?>之前。如果你还没有激活这个新插件“WP- Table Reloaded Extensions”,激活即可。

使用中如果有什么问题,请详细阅读相关文档,或者到讨论区相应板块寻求解答。©

本文发表于水景一页。永久链接:<https://cnzhx.net/blog/extension-7-textfield-widths-on-the-edit-page/>。转载请保留此信息及相应链接。

时间过去太久,评论已关闭。
如果您有话要说,请到讨论区留言并给出此文章链接。
谢谢您的理解 :-)