在wordpress中使用add_shortcode()在主页中创建内容部分(代码片段)

author author     2023-05-08     232

关键词:

我想在wordpress的主页中创建一个包含一些内容的部分,因为我在function.php中使用了add_shortcode()。到目前为止它运作良好..但我想知道我是否正确地做了或者我应该通过其他更好的方式做到这一点?我的代码:

add_shortcode('homemiddle', 'display_middle_info');

function display_middle_info() 

$url = get_stylesheet_directory_uri();  

$content =" 
        <section class='gallery-section masonry-gallery padd-bott-60 bg-lightgrey'>
         <h2>My Title</h3>
         <a href='#'>GET FREE CONSULTATION</a> <a href='#'>ENTRANCE TEST 2018-19</a>

        </section>";    

  return $content;


并在我的模板文件中输出我正在做的:

<?php echo do_shortcode( '[homemiddle]' );?> 

它正在完成这项工作,但我仍然想确认这是一个合适的方法,因为我是WordPress开发的新手。请指导我......谢谢。

答案

是的,如果您想要提升功能,此代码是正确的,您可以使用此代码:

add_shortcode('homemiddle', 'display_middle_info');
function display_middle_info($atts) 
   $url = get_stylesheet_directory_uri();  

   $content = "";
   $content .= "<section class='gallery-section masonry-gallery padd-bott-60 bg-lightgrey'>";
   $content .= "<h2>My Title</h3>";
   $content .= "<a href='#'>GET FREE CONSULTATION</a> <a href='#'>ENTRANCE TEST 2018-19</a>";
   $content .= "</section>";  

   if($atts['id'])
      $content .= "<div>ID: ".$atts['id']." passed</div>";
   
   if($atts['another'] == 1)
      $content .= "<div>This shortcode have another args passed!</div>";
   
   if($atts['another'] == 0)
      $content .= "<div>This shortcode have another args NOT PASSED!</div>";
   

   return $content;

所以,你可以使用更多的短码args。例如。:

<?php echo do_shortcode( '[homemiddle]' ); ?>
<?php echo do_shortcode( '[homemiddle id=254]' ); ?>
<?php echo do_shortcode( '[homemiddle another=0]' ); ?>
<?php echo do_shortcode( '[homemiddle another=1]' ); ?>
<?php echo do_shortcode( '[homemiddle id=254 another=1]' ); ?>

我希望能帮助你,因为每个问题也对我的帖子发表评论

另一答案

首先,如果它的工作,它的工作!看起来很好。通常情况下,当我想要复杂的逻辑或使用动态数据时,我会使用短代码,但能够将短代码粘贴到所见即所得的编辑器或模板文件中,或者我希望授权非技术用户在CMS管理界面中使用。

如果您只需要输出一次静态内容,那么短代码可能过度,但您的实现没有任何问题。

评论框放错地方wordpress

...加到页面后,评论框会显示在页面顶部而不是手风琴中:add_shortcode(\'my_comment_box\',\'my 查看详情

使用wordpress快捷码创建手写签名

...0;){return'<divid="signature"></div>';}add_shortcode('signature','sc_signature'); Last,definethestyleforthe#signatureidbyaddingthefollowingcodetoyourstyle.css: #signaturebackground:url(images/signature.jpg)no-repeattopleft;width:100px;hei... 查看详情

如何在 Wordpress 插件中使用 ReactJS

】如何在Wordpress插件中使用ReactJS【英文标题】:HowToUseReactJSinWordpressPlugin【发布时间】:2016-02-1610:08:44【问题描述】:我在Wordpress插件中使用ReactJs时遇到问题。我正在使用ReactJs开发一个Wordpress插件。谷歌搜索仅在Wordpress主题中... 查看详情

如何在 Wordpress 中使用 RecordJs

】如何在Wordpress中使用RecordJs【英文标题】:HowcanIuseRecordJsinWordpress【发布时间】:2015-04-2004:31:18【问题描述】:我需要用录音机在wordpress中创建一个页面,录制完这段音频后,我需要通过邮件发送给我。知道我可以使用recorderjsj... 查看详情

wordpress快捷码

Use[short]inaposttoinsertthetextfromthefunction.functionmy_shortcode(){return'<h2>Thisismyheading</h2><p>Thisismytext.</p>';}add_shortcode('short','my_shortcode'); 查看详情

您如何在 wordpress 中使用会话变量?

】您如何在wordpress中使用会话变量?【英文标题】:Howdoyouusesessionvariablesinwordpress?【发布时间】:2014-07-1118:45:23【问题描述】:我有以下插件:http://wordpress.org/support/plugin/wp-session-manager我不知道如何在WordPress中使用会话变量。根... 查看详情

在 Wordpress 中使用 requireJS

】在Wordpress中使用requireJS【英文标题】:UsingrequireJSwithinWordpress【发布时间】:2013-10-1005:16:02【问题描述】:我正在为我设置一种方法来保持我喜欢的requireJS工作方式并将其与Wordpress集成。最大的问题是如何加载jquery。Wordpress通... 查看详情

在 Wordpress 的函数中使用简码 [重复]

】在Wordpress的函数中使用简码[重复]【英文标题】:UsingShortcodeswithinfunctionsonWordpress[duplicate]【发布时间】:2019-07-0500:38:59【问题描述】:我在wordpress网站中有一个函数文件,其中包含各种函数,这些函数在呈现网站上的页面时由... 查看详情

在 wordpress 模板中使用 laravel 视图

】在wordpress模板中使用laravel视图【英文标题】:uselaravelviewinwordpresstemplate【发布时间】:2020-04-2111:13:03【问题描述】:我正在做一个需要在Wordpress模板中显示Laravel视图的项目。如果可能的话,我想在不让Laravel成为Wordpress安装的... 查看详情

如何在 wordpress 帖子中使用降价

】如何在wordpress帖子中使用降价【英文标题】:Howtousemarkdownforwordpressposts【发布时间】:2017-11-1605:00:27【问题描述】:我已经安装并设置了XAMPP(v.5.6.30-1)和Wordpress(v.4.8)用于一些测试,我想在Markdown中写帖子。我发现了这个officialsu... 查看详情

在 WordPress 插件开发中使用 javascript 验证

】在WordPress插件开发中使用javascript验证【英文标题】:UsingjavascriptvalidationinWordPressplugindevelopment【发布时间】:2016-11-1704:02:45【问题描述】:开始在WordPress中开发自定义数据库表格插件。当我开始在我的插件中使用jquery时,我已... 查看详情

在 Rails 应用程序中使用 Wordpress 主题?

】在Rails应用程序中使用Wordpress主题?【英文标题】:TouseWordpressthemesinRailsapps?【发布时间】:2011-02-1402:11:25【问题描述】:Wordpress主题很漂亮!是否有在rails应用程序中使用Wordpress主题的指南?更好的是,是否有可以使用Wordpress... 查看详情

如何在wordPress中使用jquery

】如何在wordPress中使用jquery【英文标题】:HowtousejqueryinwordPress【发布时间】:2021-11-0923:04:04【问题描述】:我在将jQuery添加到WordPress时遇到问题。我觉得我的代码有问题,但如果我正常运行它就可以了。$("#newark").click(function()$("... 查看详情

使用 MySql 在 Wordpress 中插入帖子

】使用MySql在Wordpress中插入帖子【英文标题】:InsertingapostinWordpressusingMySql【发布时间】:2010-12-1220:28:02【问题描述】:有人知道如何使用sql在Wordpress中插入新帖子吗?【问题讨论】:我编辑了你的问题。如果这不是您所要求的... 查看详情

在 wordpress 插件中使用作曲家包

】在wordpress插件中使用作曲家包【英文标题】:usingcomposerpackagesinawordpressplugin【发布时间】:2015-12-2509:43:56【问题描述】:我正在开发一个wordpress插件,该插件使用了composer包。作为参考,我正在开发的插件在这里:https://github.c... 查看详情

在 WordPress 中使用 .html 页面

】在WordPress中使用.html页面【英文标题】:Use.htmlpageswithWordPress【发布时间】:2017-03-1601:06:08【问题描述】:我的wordpress与我的静态.html页面位于同一目录中。我怎样才能做到这一点,当我想访问example.com/test-page时,如果有html版... 查看详情

在 Wordpress 中使用 ajax 提交表单

】在Wordpress中使用ajax提交表单【英文标题】:SubmittingaformwithajaxinWordpress【发布时间】:2013-09-1715:13:41【问题描述】:我试图在wordpress中获取ajax请求的结果,但我在javascript的警告框中得到了“0”的结果,所以表单如下所示:<... 查看详情

在 wordpress 网站中使用 SSL

】在wordpress网站中使用SSL【英文标题】:UseSSLinwordpresssite【发布时间】:2017-06-0407:55:34【问题描述】:我想在我的wordpress网站上从HTTP转到HTTPS。到目前为止,我做了以下工作:将站点网址和家庭地址更改为https://www.example.com在wp-c... 查看详情