Wordpress:在文本编辑器中添加图像的功能

AdRock

我对Wordpress确实很陌生,并且慢慢地解决了这个问题,但是遇到了一个问题,我不知道如何解决。

我正在后端使用文本编辑器创建页面,并将html粘贴在其中。一切正常,我可以在functions.php中使用此功能输出图像(我在某处找到了此代码段,但不记得在哪里了)

// Create the shortcode
function template_url( $atts, $content = null ) {
    return '<img src="'. get_template_directory_uri() .'/'. $content .'" alt="" />';
}  

// Add as shortcode
add_shortcode("template", "template_url");

我这样称呼它

[template]images/my-image.jpg[/template]

问题是我如何添加一些替代文本并向图像添加类

阿克谢·帕格达(Akshay Paghdar)

您可以添加shortcodecustom attributes这样的: -

添加以下代码以添加简码:

function template_url( $atts, $content = null )
{
    extract(
        shortcode_atts( array(
            'alt' => '',
            'width' => '',
            'height' => ''
        ), $atts )
    );

    //And this variable you can use like this:-
    return '<img src="'. get_template_directory_uri() .'/'. $content .'" alt="'.$alt.'" width="'.$width.'" height="'.$height.'"/>';
}

add_shortcode("template", "template_url");

并在编辑器中使用此短代码:-

[template alt="this is alter text" width="400" height="300"]images/my-image.jpg[/template]

我希望这会有所帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

编辑器:图像上载未在文本编辑器中显示

来自分类Dev

当我在wordpress的文本编辑器中添加脚本代码时,什么都没有显示

来自分类Dev

如何让用户在WordPress WSIWYG文本编辑器中更改文本字体和颜色

来自分类Dev

使用JSF PrimeFaces的文本编辑器,如何使用iText在PDF中添加文本

来自分类Dev

在文本编辑器中编辑Razer Synapse宏

来自分类Dev

跳至Sublime文本编辑器中的ES6箭头功能

来自分类Dev

Wordpress Shortcode在WP页面文本编辑器中不起作用

来自分类Dev

短代码在wordpress文本编辑器中不起作用

来自分类Dev

如何在Angular JS中添加文本编辑器?

来自分类Dev

如何在此文本编辑器中添加行号

来自分类Dev

在Ruby脚本中打开文本编辑器

来自分类Dev

Visual Studio 2015:文本编辑器中的行

来自分类Dev

从React JS中的文本编辑器获取值

来自分类Dev

在文本编辑器中增加重点?

来自分类Dev

文本编辑器中的PDF表单字段

来自分类Dev

文本编辑器在LibreOffice Math中消失了

来自分类Dev

简单文本编辑器(Python)中的错误

来自分类Dev

在KDE中设置默认的文本编辑器

来自分类Dev

文本编辑器中的 Pylint 错误

来自分类Dev

Sanity.io便携式文本富文本编辑器中的文本/图像对齐

来自分类Dev

在文本编辑器中使用“向字典添加单词”功能时,单词存储在哪里?

来自分类Dev

加密文本编辑器

来自分类Dev

文本编辑器上的竖线

来自分类Dev

AngularJS的富文本编辑器

来自分类Dev

加密文本编辑器

来自分类Dev

文本编辑器PHP MYSQL

来自分类Dev

译者的文本编辑器

来自分类Dev

设置为灰色时,如何在Visual Studio的文本编辑器中激活“跟踪更改”功能?

来自分类Dev

使用搜索和替换功能仅在文本编辑器中的数字中用点替换逗号

Related 相关文章

  1. 1

    编辑器:图像上载未在文本编辑器中显示

  2. 2

    当我在wordpress的文本编辑器中添加脚本代码时,什么都没有显示

  3. 3

    如何让用户在WordPress WSIWYG文本编辑器中更改文本字体和颜色

  4. 4

    使用JSF PrimeFaces的文本编辑器,如何使用iText在PDF中添加文本

  5. 5

    在文本编辑器中编辑Razer Synapse宏

  6. 6

    跳至Sublime文本编辑器中的ES6箭头功能

  7. 7

    Wordpress Shortcode在WP页面文本编辑器中不起作用

  8. 8

    短代码在wordpress文本编辑器中不起作用

  9. 9

    如何在Angular JS中添加文本编辑器?

  10. 10

    如何在此文本编辑器中添加行号

  11. 11

    在Ruby脚本中打开文本编辑器

  12. 12

    Visual Studio 2015:文本编辑器中的行

  13. 13

    从React JS中的文本编辑器获取值

  14. 14

    在文本编辑器中增加重点?

  15. 15

    文本编辑器中的PDF表单字段

  16. 16

    文本编辑器在LibreOffice Math中消失了

  17. 17

    简单文本编辑器(Python)中的错误

  18. 18

    在KDE中设置默认的文本编辑器

  19. 19

    文本编辑器中的 Pylint 错误

  20. 20

    Sanity.io便携式文本富文本编辑器中的文本/图像对齐

  21. 21

    在文本编辑器中使用“向字典添加单词”功能时,单词存储在哪里?

  22. 22

    加密文本编辑器

  23. 23

    文本编辑器上的竖线

  24. 24

    AngularJS的富文本编辑器

  25. 25

    加密文本编辑器

  26. 26

    文本编辑器PHP MYSQL

  27. 27

    译者的文本编辑器

  28. 28

    设置为灰色时,如何在Visual Studio的文本编辑器中激活“跟踪更改”功能?

  29. 29

    使用搜索和替换功能仅在文本编辑器中的数字中用点替换逗号

热门标签

归档