元素API参考| Themeco文档</标题><链接rel="preload" href="//www.lulabydarna.com/_next/static/css/f0a3b537.7e02f6cc.chunk.css" as="style"> <link rel="stylesheet" href="//www.lulabydarna.com/_next/static/css/f0a3b537.7e02f6cc.chunk.css"> <link rel="preload" href="//www.lulabydarna.com/_next/static/css/styles.1e34c397.chunk.css" as="style"> <link rel="stylesheet" href="//www.lulabydarna.com/_next/static/css/styles.1e34c397.chunk.css"> </head> <body> <div id="__next"> <div class="tco tco-template-info is-docs"> <div class="tco-body"> <div class="tco-container-info tco-flex"> <aside class="tco-info-sidebar"> <div class="tco-info-sidebar-desktop-sticky"> <section class="tco-info-sidebar-topper"> <div class="tco-info-sidebar-logo"> <a href="//www.lulabydarna.com/"> <svg class="tco-logo tco-logo-themeco" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 4320 504" enable-background="new 0 0 4320 504" xml:space="preserve"> <polygon points="198,0 0,0 0,108 198,108 198,504 306,504 306,108 504,108 504,0 306,0"></polygon> <polygon points="1008,198 720,198 720,0 612,0 612,198 612,306 612,504 720,504 720,306 1008,306 1008,504 1116,504 1116,306 1116,198 1116,0 1008,0"></polygon> <rect x="1224" width="504" height="108"></rect> <rect x="1224" y="198" width="504" height="108"></rect> <rect x="1224" y="396" width="504" height="108"></rect> <polygon points="2214,0 2106,0 1944,0 1836,0 1836,108 1836,504 1944,504 1944,108 2106,108 2106,504 2214,504 2214,108 2376,108 2376,504 2484,504 2484,108 2484,0 2376,0"></polygon> <rect x="2592" width="504" height="108"></rect> <rect x="2592" y="198" width="504" height="108"></rect> <rect x="2592" y="396" width="288" height="108"></rect> <rect x="2988" y="396" width="108" height="108"></rect> <polygon points="3204,0 3204,108 3204,396 3204,504 3312,504 3708,504 3708,396 3312,396 3312,108 3708,108 3708,0 3312,0"></polygon> <path d="M4212,0h-288h-108v108v288v108h108h288h108V396V108V0H4212z M4212,396h-288V108h288V396z"></path> </svg><span class="tco-sr">Themeco</span></a> <a class="" href="//www.lulabydarna.com/docs"><span>文档</span></a> </div> <div class="tco-info-sidebar-search-and-toggle"> <div class="tco-search is-base-text"> <label class="tco-sr" for="tco-search">搜索</标签><span class="tco-search-icon"> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <path d="M12.7,11.3c0.9-1.2,1.4-2.6,1.4-4.2C14.1,3.2,11,0,7.1,0S0,3.2,0,7.1c0,3.9,3.2,7.1,7.1,7.1 c1.6,0,3.1-0.5,4.2-1.4l3,3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L12.7,11.3z M7.1,12.1 C4.3,12.1,2,9.9,2,7.1S4.3,2,7.1,2s5.1,2.3,5.1,5.1S9.9,12.1,7.1,12.1z"></path> </svg></span> <input type="text" class="tco-form-input" id="tco-search" name="tco-search" value="" placeholder="Search..."> <button class="tco-search-clear "> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <path d="M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z"></path> </svg><span class="tco-sr">清晰的搜索结果</span></button> </div> <button class="tco-info-sidebar-content-toggle"><strong> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <path d="M15,7H1C0.4,7,0,7.4,0,8s0.4,1,1,1h14c0.6,0,1-0.4,1-1S15.6,7,15,7z"></path> <path d="M15,1H1C0.4,1,0,1.4,0,2s0.4,1,1,1h14c0.6,0,1-0.4,1-1S15.6,1,15,1z"></path> <path d="M15,13H1c-0.6,0-1,0.4-1,1s0.4,1,1,1h14c0.6,0,1-0.4,1-1S15.6,13,15,13z"></path> </svg><span class="tco-sr">手机菜单</span></strong></button> </div> </section> <section class="tco-info-sidebar-content"> <nav class="tco-info-sidebar-navigation"> <ul class="tco-info-sidebar-navigation-sections tco-columns"> <li class="tco-info-sidebar-navigation-section"><strong>快速启动</strong> <ul class="tco-info-sidebar-navigation-sub-sections"> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs"><span>医生回家</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/version-compatibility"><span>版本兼容性</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/installation-and-validation"><span>安装和验证</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/product-updates"><span>产品更新</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/getting-support"><span>获得支持</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-section"><strong>更新日志</strong> <ul class="tco-info-sidebar-navigation-sub-sections"> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="X"><span><span>X</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-9"><span>Version 9</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-8"><span>Version 8</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-7"><span>Version 7</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-6"><span>版本6</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-5"><span>版本5</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-4"><span>版本4</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-3"><span>版本3</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-2"><span>版本2</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/x-1"><span>版本1</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Pro"><span><span>箴</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/pro-5"><span>版本5</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/pro-4"><span>版本4</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/pro-3"><span>版本3</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/pro-2"><span>版本2</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/pro-1"><span>版本1</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Cornerstone"><span><span>基石</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/cornerstone-6"><span>版本6</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/cornerstone-5"><span>版本5</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/cornerstone-4"><span>版本4</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/cornerstone-3"><span>版本3</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/cornerstone-2"><span>版本2</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/changelog/cornerstone-1"><span>版本1</span></a></li> </ul></li> </ul></li> <li class="tco-info-sidebar-navigation-section"><strong>基础知识</strong> <ul class="tco-info-sidebar-navigation-sub-sections"> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Getting Started"><span><span>开始</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/your-themeco-account"><span>你的Themeco账号金宝搏体育官方网站</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-update-receipt-details"><span>如何更新收据详情</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/the-difference-between-x-pro"><span>X和Pro的区别</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/single-vs-unlimited-licenses"><span>单一许可证vs无限许可证</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/converting-from-x-to-pro"><span>从X转换到Pro</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/product-validation"><span>产品验证</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/design-cloud"><span>设计云</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/wordpress-dashboard-options"><span>WordPress仪表板选项</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-update"><span>如何更新</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/updating-extensions"><span>更新扩展</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-launch-cycles-work"><span>发行周期是如何运作的</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Theme Options"><span><span>主题的选择</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/stacks"><span>栈</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/layout-and-design"><span>布局及设计</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/typography"><span>排版</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/buttons"><span>按钮</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/header"><span>头</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/footer"><span>页脚</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/blog"><span>博客</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/portfolio"><span>投资组合</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/social-settings"><span>社会</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/miscellaneous"><span>杂项</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Individual Options"><span><span>个人的选择</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/category-titles-and-subtitles"><span>类别标题及字幕</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/page-settings"><span>页面设置</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/post-settings"><span>职位设置</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/portfolio-settings"><span>投资组合设置</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Extensions"><span><span>扩展</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/acf-pro"><span>ACF职业</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/content-dock"><span>内容码头</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/convertplus"><span>ConvertPlus</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/custom-404"><span>自定义404</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/disqus-comments"><span>Disqus评论</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/email-forms"><span>电子邮件形式</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/envira-gallery"><span>Envira画廊</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/essential-grid"><span>必要的网格</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/estimation-payment-forms"><span>估算及付款表格</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/facebook-comments"><span>Facebook评论</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/google-analytics"><span>谷歌分析</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/hubspot"><span>HubSpot的</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/layerslider"><span>LayerSlider</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/modern-events-calendar"><span>现代活动日历</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/olark"><span>Olark</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/revolution-slider"><span>革命的滑块</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/smooth-scroll"><span>平滑滚动</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/snippet"><span>片段</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/soliloquy"><span>自言自语</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/superfly"><span>第一流的</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/terms-of-use"><span>使用条款</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/the-grid"><span>网格</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/typekit"><span>Typekit</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/ubermenu"><span>UberMenu</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/under-construction"><span>在建设中</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/video-lock"><span>视频锁</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/white-label"><span>白色的标签</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/woo-checkout-editor"><span>Woo结帐编辑</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/wp-bakery-page-builder"><span>WP烘焙页面构建器</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/wpforms"><span>WPForms</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Supported Plugins"><span><span>支持插件</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/bbpress"><span>bbPress</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/buddypress"><span>BuddyPress</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/contact-form-7"><span>联络表格七</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/gravity-forms"><span>引力形式</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/woocommerce"><span>WooCommerce</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/wpml"><span>WPML</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Troubleshooting"><span><span>故障排除</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/common-issues"><span>常见问题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/font-awesome-icon-issues"><span>字体和图标问题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-increase-php-memory-limit"><span>如何增加PHP的内存限制</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/issues-with-theme-options"><span>主题选项的问题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/navigation-dropdown-issues"><span>导航下拉菜单问题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/problems-with-product-validation"><span>产品验证的问题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/revolution-slider-issues"><span>旋转滑块问题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/site-appears-broken-after-updates"><span>网站更新后出现故障</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/warnings-in-the-builders"><span>建设者的警告</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/woocommerce-images-size-changes"><span>WooCommerce图像大小变化</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/wp-bakery-page-builder-issues"><span>WP面包房页面构建器问题</span></a></li> </ul></li> </ul></li> <li class="tco-info-sidebar-navigation-section"><strong>基石</strong> <ul class="tco-info-sidebar-navigation-sub-sections"> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Features"><span><span>特性</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/draft-component-builder-overview"><span>组件构建器概述</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/cornerstone-overview"><span>基础概述</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/responsive-styling"><span>响应样式</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/color-manager"><span>颜色管理器</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/font-manager"><span>字体管理器</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/dynamic-content"><span>动态内容</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/loopers"><span>电影</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/acf-pro-and-loopers"><span>ACF Pro和Loopers</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/conditions-and-assignments"><span>条件和任务</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/effects-module"><span>Effects模块</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/preview-manager"><span>预览经理</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/code-editors"><span>代码编辑器</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/template-manager"><span>模板管理器</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/global-blocks"><span>全球块</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/preferences"><span>首选项</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Page Builder"><span><span>页面构建器</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/page-builder-overview"><span>页面构建器概述</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/adding-elements"><span>添加元素</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/structural-elements"><span>结构元素</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/classic-elements"><span>经典的元素</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/standalone-cornerstone"><span>独立的基石</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Layout Builder"><span><span>建筑布局</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/layout-builder-overview"><span>布局生成器概述</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/single-templates"><span>单模板</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/archive-templates"><span>归档文件模板</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/headers"><span>头</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/footers"><span>页脚</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-set-up-navigation"><span>如何设置导航</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Elements"><span><span>元素</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/elements-overview"><span>元素概述</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/accordion"><span>手风琴</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/alert"><span>警报</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/audio"><span>音频</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/author"><span>作者</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/breadcrumbs"><span>面包屑</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/button"><span>按钮</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/card"><span>卡</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/cart-dropdown"><span>车下拉</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/cart-modal"><span>购物车模态</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/cart-off-canvas"><span>帆布车</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/comments"><span>评论</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/countdown"><span>倒计时</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/counter"><span>计数器</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/creative-cta"><span>创造性的CTA</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/div"><span>Div</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/dropdown"><span>下拉</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/form-integration"><span>形式的集成</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/gap"><span>差距</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/global-block"><span>全球块</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/grid"><span>网格</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/headline"><span>标题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/icon"><span>图标</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/image"><span>图像</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/line"><span>行</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/lists"><span>列表</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/map"><span>地图</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/mega-menu"><span>超级菜单</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/meta-line"><span>元线</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/mini-cart"><span>Mini-Cart</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/modal"><span>模态</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/navigation-collapsed"><span>导航倒塌</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/navigation-dropdown"><span>导航下拉</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/navigation-inline"><span>导航内联</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/navigation-layered"><span>导航分层</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/navigation-modal"><span>导航模态</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/navigation-off-canvas"><span>导航离开画布</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/off-canvas"><span>从画布</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/pagination"><span>分页</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/posts"><span>的帖子</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/products"><span>188金宝搏官网登录-首页</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/quote"><span>报价</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/rating"><span>评级</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/raw-content"><span>原始内容</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/row"><span>行</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/search-dropdown"><span>搜索下拉</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/search-inline"><span>搜索内联</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/search-modal"><span>搜索模式</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/sliders"><span>滑块</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/social"><span>社会</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/statbar"><span>Statbar</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/tabs"><span>选项卡</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/terms"><span>条款</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/testimonial"><span>证明</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/text"><span>文本</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/video"><span>视频</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/widget-area"><span>小部件区域</span></a></li> </ul></li> </ul></li> <li class="tco-info-sidebar-navigation-section"><strong>188bet网投</strong> <ul class="tco-info-sidebar-navigation-sub-sections"> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Customizations"><span><span>定制</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/best-practices"><span>最佳实践</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/child-themes"><span>孩子的主题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/css-helper-classes"><span>CSS助手类</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/element-css"><span>元素的CSS</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/elements-class-and-id-structure"><span>元素类和ID结构</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-locate-category-ids"><span>如何查找分类id</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-locate-post-ids"><span>如何定位Post id</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-improve-site-performance"><span>如何提高网站性能</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/theme-translations"><span>主题翻译</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="How To Articles"><span><span>如何写文章</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/add-fixed-navigation-on-mobile"><span>在移动端添加固定导航</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/add-links-to-feature-boxes"><span>添加功能框链接</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/append-sliders-to-your-header"><span>附加滑块到您的标题</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/configure-user-permissions"><span>配置用户权限</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/create-full-width-blog-posts"><span>创建全宽度的博客文章</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/create-galleries"><span>创建画廊</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/hide-or-show-content-by-device-size"><span>根据设备大小隐藏或显示内容</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/set-inline-columns-on-mobile"><span>在移动端设置内联列</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/setup-mega-menus"><span>设置超级菜单</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/setup-one-page-navigation"><span>设置单页导航</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/setup-portfolios"><span>设置组合</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/stack-the-navbar-over-masthead-slider"><span>堆叠导航条在报头滑块</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/swap-out-logo-on-mobile"><span>在手机上更换Logo</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/use-flex-layout"><span>使用Flex布局</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/use-shortcodes"><span>使用短码</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/work-with-unlimited-sidebars"><span>使用无限工具条</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="is-active" data-id="Developers"><span><span>开发人员</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations is-active"> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/actions-filters-and-hooks"><span>动作，过滤器和钩子(哦天)</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/element-api-primer"><span>元素API底稿</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="is-active is-active" href="//www.lulabydarna.com/docs/element-api-reference"><span>元素API参考</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Branding"><span><span>品牌</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/product-logos"><span>产品标识</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/banners"><span>横幅</span></a></li> </ul></li> </ul></li> <li class="tco-info-sidebar-navigation-section"><strong>服务</strong> <ul class="tco-info-sidebar-navigation-sub-sections"> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="One"><span><span>一个</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-use-your-one-plan"><span>如何使用你的单一计划</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Care"><span><span>护理</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "></ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Elite"><span><span>精英</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/getting-started-with-elite"><span>从精英开始</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/project-board-overview"><span>项目委员会概述</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-add-a-new-task"><span>如何添加新任务</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/the-lifecycle-of-a-task"><span>任务的生命周期</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/task-communication"><span>任务的沟通</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/managing-your-elite-plan"><span>管理你的精英计划</span></a></li> </ul></li> <li class="tco-info-sidebar-navigation-sub-section"><button class="" data-id="Pro Hosted"><span><span>箴主持</span> <svg class="tco-svg" version="1.1" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" xml:space="preserve"> <polygon points="8,12.6 0.3,4.9 1.7,3.4 8,9.7 14.3,3.4 15.7,4.9"></polygon> </svg></span></button> <ul class="tco-info-sidebar-navigation-destinations "> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-activate-ssl"><span>如何激活SSL</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-forward-your-domain"><span>如何转发你的域名</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-migrate-your-site"><span>如何迁移站点</span></a></li> <li class="tco-info-sidebar-navigation-destination"><a class="" href="//www.lulabydarna.com/docs/how-to-preview-your-website"><span>如何预览你的网站</span></a></li> </ul></li> </ul></li> </ul> </nav> </section> </div> </aside> <article class="tco-info-content"> <div class="tco-container-md"> <header class="tco-info-content-header"> <span class="tco-info-content-meta"><span><strong>31分钟。</strong></span><span><strong>X，专业人士，基石</strong></span></span> <h1 class="tco-info-content-title">元素API参考</h1> <div class="tco-info-content-intro"> <p>这是对我们的Element API所提供的内容的深度技术总结。</p> </div> <ol class="tco-info-content-toc"> <li><a href="#element-definitions"><span>元素定义</span></a></li> <li><a href="#defining-values"><span>定义值</span></a></li> <li><a href="#individual-controls"><span>个人控制</span></a></li> <li><a href="#composing-controls"><span>组合控制</span></a></li> <li><a href="#control-conditions"><span>控制条件</span></a></li> <li><a href="#style-templates"><span>风格模板</span></a></li> <li><a href="#rendering"><span>呈现</span></a></li> <li><a href="#faq"><span>常见问题解答</span></a></li> <li><a href="#summary"><span>总结</span></a></li> </ol> </header> <div class="tco-content is-longform is-markdown tco-info-content-body tco-content is-longform"> <h2 id="element-definitions">元素定义</h2> <p>元素被注册到这个函数中:</p> <pre><code class="language-php">函数cs_register_element($type， $options)</code></pre> <ul> <li><code>美元的类型</code>必须是唯一的元素名。请使用前缀以避免命名冲突。如。<code>my-plugin-my-element</code></li> <li><code>选择美元</code>提供定义的所有详细信息。它应该是一个标记了键的数组<strong>基地选择</strong>在下面。</li> </ul> <h3 id="base-options">基地选择</h3> <div class="tco-table-scroll"> <table> <tbody> <tr> <td><code>标题</code></td> <td>✔</td> <td><code>字符串</code></td> <td>在库中和检查元素时显示的本地化标题</td> </tr> <tr> <td><code>值</code></td> <td>✔</td> <td><code>数组</code></td> <td>看到<strong>定义值</strong>在下面。</td> </tr> <tr> <td><code>构建器</code></td> <td></td> <td><code>函数</code></td> <td>函数在加载构建器时更新定义。这为大型控制列表提供了更好的性能，因为它们不需要在前端填充。</td> </tr> <tr> <td><code>风格</code></td> <td></td> <td><code>函数</code></td> <td>返回字符串样式模板的函数。</td> </tr> <tr> <td><code>装饰</code></td> <td></td> <td><code>函数</code></td> <td>在运行呈现函数之前更新数据的函数。注入额外的属性很有用。</td> </tr> <tr> <td><code>渲染</code></td> <td>✔</td> <td><code>函数</code></td> <td>函数接受包含所有元素数据的单个参数。是否应该返回带有元素标记的字符串</td> </tr> <tr> <td><code>选项</code></td> <td></td> <td><code>数组</code></td> <td>看到<strong>元素定义选项</strong>在下面。</td> </tr> <tr> <td><code>图标</code></td> <td></td> <td><code>字符串</code></td> <td>作为字符串内联SVG。</td> </tr> <tr> <td><code>活跃的</code></td> <td></td> <td><code>保龄球</code></td> <td>如果元素不能正确呈现，则设置为false。例如，如果元素需要WooCommerce，您可以通过<code>class_exists('WC_API')</code>．</td> </tr> </tbody> <thead> <tr> <th>关键</th> <th>要求</th> <th>类型</th> <th>描述</th> </tr> </thead> </table> </div> <h3 id="builder-options">构建器选项</h3> <p>这些都是可选的，但您需要提供一些组合，否则检查器将为空。这些键中的任何一个都可以添加到顶层，但是我们建议从<code>构建器</code>回调函数。方法的结果很可能是构建器回调函数返回的结果<code>cs_compose_controls</code>函数，该函数提供如下所述形状的数组。看到<strong>组合控制</strong></p> <div class="tco-table-scroll"> <table> <tbody> <tr> <td><code>control_nav</code></td> <td><code>数组</code></td> <td>关联数组，其中键描述控件导航项，值是要在检查器导航中显示的本地化标题</td> </tr> <tr> <td><code>控制</code></td> <td><code>数组</code></td> <td>顶级控件的数组。控件中的每个控件都应该与控件导航相关联<code>集团</code>参数。看到<strong>控制</strong>在下面。</td> </tr> <tr> <td><code>controls_std_content</code></td> <td><code>数组</code></td> <td>控件下面显示的顶级控件<strong>内容</strong>当高级模式关闭时，导航菜单项。</td> </tr> <tr> <td><code>controls_std_design_setup</code></td> <td><code>数组</code></td> <td>控件下面显示的顶级控件<strong>设计</strong>当高级模式关闭时，导航菜单项。</td> </tr> <tr> <td><code>controls_std_design_colors</code></td> <td><code>数组</code></td> <td>控件下面显示的顶级控件<strong>颜色</strong>当高级模式关闭时，导航菜单项。</td> </tr> </tbody> <thead> <tr> <th>关键</th> <th>类型</th> <th>描述</th> </tr> </thead> </table> </div> <h4 id="sample-control-nav">样品控制导航</h4> <pre><code class="language-php">数组(“main_group ' => __( ' 集团”、“your-text-domain”),“main_group:设置 ' => __( ' 设置”、“your-text-domain”),“main_group:设计 ' => __( ' 设计”、“your-text-domain”))</code></pre> <h3 id="element-definition-options">元素定义选项</h3> <div class="tco-table-scroll"> <table> <tbody> <tr> <td><code>alt_breadcrumb</code></td> <td><code>字符串</code></td> <td>提供一个可选的本地化字符串以显示在检查器导航面包屑中。对于名称较长的元素很有用。</td> </tr> <tr> <td><code>label_key</code></td> <td><code>字符串</code></td> <td>设置为元素的一个值的键。它将使用该值作为观察器中显示的标签，并在双击重命名元素时使用。</td> </tr> <tr> <td><code>孩子</code></td> <td><code>保龄球</code></td> <td>设置为<code>真正的</code>要指示此元素将被渲染为另一个元素的子元素。</td> </tr> <tr> <td><code>图书馆</code></td> <td><code>bool |数组</code></td> <td>设置为<code>假</code>防止该元素出现在元素库中。设置为<code>数组('content')</code>元素只会在内容构建器和全局块构建器中显示(而不是Pro header或Footers)。</td> </tr> <tr> <td><code>valid_children</code></td> <td><code>数组</code></td> <td>一个字符串数组，包含可作为该元素的直接子元素放置的元素名称。设置为<code>数组('*')</code>接受任何类似于Column的子元素。这并不启用拖放。</td> </tr> <tr> <td><code>index_labels</code></td> <td><code>保龄球</code></td> <td>设置为<code>真正的</code>使标签在创建时具有数值索引。如。“第1节”、“第2节”</td> </tr> <tr> <td><code>empty_placeholder</code></td> <td><code>保龄球</code></td> <td>设置为false可以在此元素没有任何内容时禁用占位符样式。</td> </tr> <tr> <td><code>default_children</code></td> <td><code>数组</code></td> <td>提供一个元素数组，当创建该元素时，这些元素应该自动创建为子元素。</td> </tr> <tr> <td><code>add_new_element</code></td> <td><code>数组</code></td> <td>提供当您在该元素的可排序控件中单击“Add New”时将创建的元素的数据。</td> </tr> <tr> <td><code>内联</code></td> <td><code>数组</code></td> <td>传递一个关联数组以启用内联编辑。看到<strong>内联编辑</strong>下面</td> </tr> <tr> <td><code>fallback_content</code></td> <td><code>字符串</code></td> <td>如果元素没有任何子元素，则前端将使用此内容。最显著的是用来防止空列倒塌。</td> </tr> <tr> <td><code>empty_preview_min_height</code></td> <td><code>int</code></td> <td>如果一个元素的高度为零，它将显示为空占位符。您可以将其设置为更大的数字以调用占位符，即使您的元素具有高度。这对于基本标记只有几个像素高但仍然为空的元素很有用。</td> </tr> <tr> <td><code>is_draggable</code></td> <td><code>保龄球</code></td> <td>设置为false以防止用户在预览中提起该元素。</td> </tr> <tr> <td><code>缓存</code></td> <td><code>保龄球</code></td> <td>设置为false以防止呈现系统缓存标记。对于与第三方api集成的元素很有用</td> </tr> <tr> <td><code>render_children</code></td> <td><code>保龄球</code></td> <td>设置为true指示呈现系统使用父标记呈现此元素的子元素。这样做的性能较低，但对于像Map这样的情况很有用，因为标记依赖于父元素。</td> </tr> </tbody> <thead> <tr> <th>关键</th> <th>类型</th> <th>描述</th> </tr> </thead> </table> </div> <h3 id="inline-editing">内联编辑</h3> <p>下面是如何配置来自Tabs元素的内联编辑的示例。</p> <pre><code>'inline' => array('tab_label_content' => array('selector' => '.)X-tabs-list button span')， 'tab_content' => array('selector' => '。X-tabs-panel '))</code></pre> <p>的<code>选择器</code>表示双击目标。当用户开始编辑时，它将用相关的键(<code>tab_label_content</code>)．您可以设置<code>选择器</code>来<code>根</code>要使基本元素成为双击目标。</p> <h3 id="additional-definition-functions">附加定义函数</h3> <pre><code class="language-php">函数cs_unregister_element($name)</code></pre> <p>可以用来取消注册最初注册在<code>美元的名字</code>．</p> <pre><code class="language-php">函数cs_get_element($name)</code></pre> <p>检索最初注册的元素定义的实例<code>美元的名字</code></p> <h2 id="defining-values">定义值</h2> <p>每个元素都需要值。这些存储数据稍后将在Element的控件中进行自定义。</p> <h3 id="single-values">单一值。</h3> <pre><code class="language-php">函数cs_value($default = null， $ designated = 'all'， $protected = false)</code></pre> <p>每个值都有一个<code>美元的违约</code>它是创建元素时使用的初始值。</p> <p>的<code>美元指定</code>确定系统将如何呈现此值。</p> <ul> <li>markup '——当这个值发生变化时，它向服务器发出一个HTTP请求，请求服务器更新属性，并为构建器预览获取新的标记。就性能而言，这是最昂贵的，但最通用的，因为它调用自定义PHP代码。</li> <li><code>attr</code>当这个值发生变化时，它会立即更新DOM中的值。</li> <li><code>风格</code>-我们将在后面讨论这个，但是我们的构建器允许你提供一个样式模板来输出生成的CSS。当具有此名称的值更改时，将重新计算生成的CSS。</li> <li><code>所有</code>-当这个值改变时，它会导致元素从服务器获取新的标记<strong>而且</strong>再次渲染生成的CSS。</li> </ul> <p>当<code>美元的保护</code>设置为<code>真正的</code>它将变量标记为“content”。这意味着在粘贴元素样式或应用预设时，默认情况下它不会被覆盖。</p> <p><strong>例子</strong></p> <pre><code>'values' => array('my_element_content' => cs_value('Initial Text'， 'markup'， true)'my_element_attribute' => cs_value(false， 'attr')， 'my_element_feature_enabled' => cs_value(false)， //使用'all'指定'my_element_margin' => cs_value('0em'， 'style'))</code></pre> <h3 id="defining-reusable-values">定义可重用值</h3> <pre><code class="language-php">函数cs_define_values($key， $values)</code></pre> <p>如果要创建一组共享值的元素，则此函数非常有用。在注册元素以定义日后可重用的值之前调用此函数。的<code>美元的关键</code>当您想要回忆您的值时使用的名称吗<code>cs_values</code>或<code>cs_compose_values</code>．集<code>美元的价值</code>的结果分配键的关联数组<code>cs_value</code>调用。</p> <p><strong>例子</strong></p> <pre><code class="language-php">Cs_define_values ('my-feature'， array('my_feature_enabled' => cs_value(false)， //使用'all'指定'my_feature_margin' => cs_value('0em'， 'style')，);</code></pre> <h3 id="composing-values"><strong>组合值</strong></h3> <pre><code class="language-php">函数cs_compose_values() //接受无限参数</code></pre> <p>的<code>cs_compose_values</code>函数接受无限参数。每个都可以是<code>字符串</code>或者一个<code>数组</code>．如果传递一个字符串，函数将检索通过存储的值<code>cs_define_values</code>在给定的键下。如果传入一个数组，它将把这些值合并到列表中。这个函数将允许您创建利用预定义功能的元素。</p> <p><strong>例子</strong></p> <pre><code>'values' => cs_compose_values('my_element_content' => cs_value('Initial Text'， 'markup'， true)， 'my-feature'， //在前面的示例'omega'中定义//自定义的自定义控件)</code></pre> <h3 id="prefixing-defined-values">给定义值加上前缀</h3> <pre><code class="language-php">函数cs_values($values， $key_prefix = ")</code></pre> <p>通过传递一个字符串作为第一个参数，该函数允许您获取存储在<code>cs_define_values</code>．作为第一个参数的数组假定您传递的是一个值的关联数组。</p> <p>的<code>key_prefix美元</code>参数用于给列表中的每个值加上前缀。下面的示例展示了如何检索本机文本元素的值并为元素添加前缀。原生card元素是组合多个值(以及控件)的一个很好的例子。</p> <p><strong>例子</strong></p> <pre><code class="language-php">Cs_values ('text-headline'， 'my_element_text')</code></pre> <h2 id="individual-controls">个人控制</h2> <p>在本节中，我们将介绍所有不同的控件类型、可用选项以及可以使用它们的帮助函数。</p> <h3 id="control-parameters">控制参数</h3> <p>控件是包含下列键的数组</p> <div class="tco-table-scroll"> <table> <tbody> <tr> <td><code>关键</code></td> <td>✔</td> <td><code>字符串</code></td> <td>将映射到此控件的值的名称。如果使用，则不需要<code>键</code>代替。</td> </tr> <tr> <td><code>键</code></td> <td>✔</td> <td><code>数组</code></td> <td>有些控件类型允许映射多个值。</td> </tr> <tr> <td><code>类型</code></td> <td>✔</td> <td><code>字符串</code></td> <td>控件类型。使用<strong>控制参考</strong>在下面。</td> </tr> <tr> <td><code>集团</code></td> <td></td> <td><code>字符串</code></td> <td><strong>顶层控件需要。</strong>设置控件导航组，此控件应显示在该导航组下。</td> </tr> <tr> <td><code>标签</code></td> <td></td> <td><code>字符串</code></td> <td>描述此控件的本地化字符串。允许模板。如。<code>“{{前缀}}保证金”</code>将填充<code>前缀</code>从传入的东西<code>label_vars</code>．</td> </tr> <tr> <td><code>label_vars</code></td> <td></td> <td><code>数组</code></td> <td>在Label中填充模板字符串的键值对。在为标准模式修改控件或创建自己的部分时，这种技术非常有用。</td> </tr> <tr> <td><code>label_prefix</code></td> <td></td> <td><code>字符串</code></td> <td>简写设置<code>label_prefix</code>在<code>label_vars</code></td> </tr> <tr> <td><code>条件</code></td> <td></td> <td><code>数组</code></td> <td>确定此控件是否可见的单一条件。</td> </tr> <tr> <td><code>条件</code></td> <td></td> <td><code>数组</code></td> <td>多个条件来确定此控件是否应该可见。将取代<code>条件</code>．</td> </tr> <tr> <td><code>选项</code></td> <td></td> <td><code>数组</code></td> <td>与控件类型对应的选项数组。</td> </tr> </tbody> <thead> <tr> <th>关键</th> <th>要求</th> <th>类型</th> <th>描述</th> </tr> </thead> </table> </div> <h3 id="control-reference">控制参考</h3> <ul> <li>没有键的控件只输出单个值</li> <li>键<code>|值</code>在传递单数键时，指示使用哪个键</li> <li>键<code>?</code>是可选的。</li> <li>尖括号表示必须使用一个括起来的字符串。例如<code><行|列></code>你必须提供<code>行</code>或<code>列</code>．</li> <li>Options中的每一行都是可以映射到此控件的单个选项。如果一个选项引用另一个控件，这意味着您可以为命名控件传递一个选项数组。</li> </ul> <div class="tco-table-scroll"> <table> <tbody> <tr> <td>对齐</td> <td style="text-align:center"><code>对齐</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"><code>Icon_direction:字符串<行|列></code><br><code>轴:字符串<主|交叉></code></td> </tr> <tr> <td>纵横比</td> <td style="text-align:center"><code>纵横比</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"><code>宽度</code><br><code>高度</code></td> <td style="text-align:left"><code>占位符:STR "16:9"</code></td> </tr> <tr> <td>丙氨酸</td> <td style="text-align:center"><code>丙氨酸</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"><code>id</code><br><code>类</code><br><code>风格</code></td> <td style="text-align:left"></td> </tr> <tr> <td>边境</td> <td style="text-align:center"><code>边境</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"><code>宽度</code><br><code>风格</code><br><code>颜色</code><br><code>alt_color吗?</code></td> <td style="text-align:left"><code>Always_linked: bool</code><br><code>宽度:[单元滑块选项]</code><br><code>颜色:[颜色选项]</code></td> </tr> <tr> <td>边界半径</td> <td style="text-align:center"><code>这个特性</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>(见尺寸)</code></td> </tr> <tr> <td>盒阴影</td> <td style="text-align:center"><code>不必</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"><code>维</code><br><code>颜色吗?</code><br><code>alt_color吗?</code></td> <td style="text-align:left"><code>X_offset: [slider]</code><br><code>Y_offset: [slider]</code><br><code>模糊:[滑动条]</code><br><code>Spread:[单位-输入]</code><br><code>颜色:[颜色]</code></td> </tr> <tr> <td>复选框列表</td> <td style="text-align:center"><code>checkbox-list</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center">变量<sub>1</sub></td> <td style="text-align:left"><code>列表:[{key: str, label: str, full: bool}]</code></td> </tr> <tr> <td>选择(多)</td> <td style="text-align:center"><code>choose-multi</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"><code>选项:[{值:str，标签:str，图标:str}]</code><br><code>分隔符:STR</code></td> </tr> <tr> <td>选择(单)</td> <td style="text-align:center"><code>选择单</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"><code>选项:[{值:str，标签:str，图标:str}]</code><br><code>Off_value: STR</code></td> </tr> <tr> <td>代码编辑器</td> <td style="text-align:center"><code>代码编辑器</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"><code>占位符:STR</code><br><code>模式:<css|js></code><br><code>Button_label: STR</code><br><code>Header_label: STR</code><br><code>Disable_input_preview: bool</code></td> </tr> <tr> <td>颜色</td> <td style="text-align:center"><code>颜色</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"><code>价值</code><br><code>alt吗?</code></td> <td style="text-align:left"><code>Output_format: STR</code><br><code>标签:STR</code><br><code>Alt_label: STR</code><br><code>动态:bool</code></td> </tr> <tr> <td>日期/时间</td> <td style="text-align:center"><code>日期-时间</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>维</td> <td style="text-align:center"><code>维</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>标签:{上:str，右:str，下:str，左:str}</code><br><code>顶部:[滑块]</code><br><code>右:[滑动条]</code><br><code>底部:[滑块]</code><br><code>左:[滑动条]</code></td> </tr> <tr> <td>Flex</td> <td style="text-align:center"><code>flex</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>Flex布局</td> <td style="text-align:center"><code>flexbox</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"><code>布局</code><br><code>证明</code><br><code>对齐</code><br><code>包装吗?</code></td> <td style="text-align:left"><code>Allow_reverse: bool</code></td> </tr> <tr> <td>字体</td> <td style="text-align:center"><code>字体类型</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>字体样式</td> <td style="text-align:center"><code>字体样式</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>字体粗细</td> <td style="text-align:center"><code>粗细</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"><code>价值</code><br><code>font_family</code><sub>2</sub></td> <td style="text-align:left"></td> </tr> <tr> <td>图标选择器</td> <td style="text-align:center"><code>图标</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"><code>价值</code><br><code>alt吗?</code></td> <td style="text-align:left"><code>标签:STR</code><br><code>Alt_label: STR</code></td> </tr> <tr> <td>集团</td> <td style="text-align:center"><code>集团</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center">没有一个<sub>3.</sub></td> <td style="text-align:left"></td> </tr> <tr> <td>图像</td> <td style="text-align:center"><code>图像</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"><code>img_source |值</code><br><code>身高吗?</code><br><code>宽度?</code><sub>4</sub><br><code>is_retina吗?</code><sub>5</sub><br><code>has_link吗?</code><br><code>has_info吗?</code><br><code>alt_text吗?</code></td> <td style="text-align:left"><code>Alt_text_placeholder: STR</code></td> </tr> <tr> <td>图片来源</td> <td style="text-align:center"><code>图片来源</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>链接</td> <td style="text-align:center"><code>链接</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"><code>url</code><br><code>link_text吗?</code><br><code>has_info吗?</code><br><code>new_tab吗?</code><br><code>nofollow吗?</code></td> <td style="text-align:left"></td> </tr> <tr> <td>保证金</td> <td style="text-align:center"><code>保证金</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><a href="">看到尺寸</a></td> </tr> <tr> <td>菜单</td> <td style="text-align:center"><code>菜单</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>数量</td> <td style="text-align:center"><code>数量</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"><code>占位符:STR</code><br><code>Monospace: bool</code></td> </tr> <tr> <td>填充</td> <td style="text-align:center"><code>填充</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><a href="">看到尺寸</a></td> </tr> <tr> <td>比</td> <td style="text-align:center"><code>比</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>占位符:STR</code></td> </tr> <tr> <td>选择</td> <td style="text-align:center"><code>选择</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>选项:[{值:str，标签:str}]</code></td> </tr> <tr> <td>可分类的</td> <td style="text-align:center"><code>可分类的</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center">没有钥匙<sub>6</sub></td> <td style="text-align:left"><code>元素:元素名称</code><br><code>add_label: str</code><br><code>容量:int</code><br><code>楼层:int</code></td> </tr> <tr> <td>文本</td> <td style="text-align:center"><code>文本</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"><code>占位符:STR</code><br><code>Monospace: bool</code></td> </tr> <tr> <td>文本对齐</td> <td style="text-align:center"><code>text-align</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>文本装饰</td> <td style="text-align:center"><code>文字修饰</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>文本编辑器</td> <td style="text-align:center"><code>的文本编辑器</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>文本格式</td> <td style="text-align:center"><code>文本格式</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>font_family</code><br><code>font_weight</code><br><code>font_size</code><br><code>letter_spacing</code><br><code>line_height</code></td> </tr> <tr> <td>文本的影子</td> <td style="text-align:center"><code>文本阴影</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>价值维度|</code><br><code>颜色吗?</code><br><code>alt_color吗?</code></td> </tr> <tr> <td>文本样式</td> <td style="text-align:center"><code>文本样式</code></td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:center"><code>font_style吗?</code><br><code>text_align吗?</code><br><code>text_decoration吗?</code><br><code>text_transform吗?</code><br><code>text_color吗?</code><br><code>alt_color吗?</code></td> <td style="text-align:left"><code>颜色:[颜色]</code></td> </tr> <tr> <td>文本转换</td> <td style="text-align:center"><code>首字母</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> <tr> <td>文本区域</td> <td style="text-align:center"><code>文本区域</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>占位符:STR</code><br><code>Monospace: bool</code></td> </tr> <tr> <td>单位</td> <td style="text-align:center"><code>单位</code></td> <td style="text-align:center">✔</td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:left"><code>Unit_mode: STR <距离|角度></code><br><code>Available_units:[值…]］</code><br><code>Valid_keywords:[值…]］</code><br><code>禁用:bool</code><br><code>Fallback_value: STR</code></td> </tr> <tr> <td>单位滑块</td> <td style="text-align:center"><code>unit-slider</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"><code>Unit_mode: STR <距离|角度></code><br><code>Available_units:[值…]］</code><br><code>Valid_keywords:[值…]］</code><br><code>禁用:bool</code><br><code>Fallback_value: STR</code><br><code>范围:{px: {min: 0, Max: 100, step: 1}</code><br><code>Min:数值</code><br><code>Max:数量</code><br><code>步骤:编号</code></td> </tr> <tr> <td>小部件区域</td> <td style="text-align:center"><code>widget-area</code></td> <td style="text-align:center">✔</td> <td style="text-align:center"></td> <td style="text-align:center"></td> <td style="text-align:left"></td> </tr> </tbody> <thead> <tr> <th>的名字</th> <th style="text-align:center">标识符</th> <th style="text-align:center">2级</th> <th style="text-align:center">3级</th> <th style="text-align:center">键</th> <th style="text-align:left">选项</th> </tr> </thead> </table> </div> <p>注:</p> <ol> <li><strong>复选框列表</strong>-这些键是可变的，取决于你映射的项目。</li> <li><strong>字体粗细</strong>-这需要参考<code>font_family</code>但是它不会直接修改值。</li> <li><strong>集团</strong>-群组控制不接受<code>键</code>或<code>选项</code>．顶级水平<code>控制</code>属性将允许您传递要在组内显示的控件列表。</li> <li><strong>图像</strong>-<code>宽度</code>而且<code>高度</code>是可选的，但必须同时声明两者还是两者都不声明</li> <li><strong>图像</strong>-<code>is_retina</code>只有当<code>宽度</code>而且<code>高度</code>被映射。</li> <li><strong>可分类的</strong>-参见下面的分类部分。没有使用键</li> </ol> <h3 id="example-groups">组例子</h3> <p>你可以添加<code>集团</code>的子控件<code>集团</code>创造第三层。这些控件不支持标签，可以映射的控件类型更受限制。</p> <p><strong>组例(第二层)</strong></p> <pre><code class="language-php">数组(“类型”= >“集团”,“标签 ' => __( ' 功能控制”、“text-domain),控制' = >阵列(阵列('重要' = > ' element_content ', '类型' = > '文本','标签 ' => __( ' 内容”、“text-domain”)),阵列('重要' = > ' element_color ', '类型' = > '颜色','标签 ' => __( ' 颜色,text-domain))))</code></pre> <p><strong>组例(第三层)</strong></p> <pre><code class="language-php">数组(“类型”= >“集团”,“标签 ' => __( ' 功能控制”、“text-domain),控制' = >阵列(阵列(“类型”= >“集团”,“标签 ' => __( ' 前/后”、“text-domain”),“控制' = >阵列(数组('重要' = > ' element_content_before ', '类型' = > '文本',),阵列('重要' = > ' element_content_after ', '类型' = > '文本 ', ), ) ), 阵列('重要' = > ' element_color ', '类型' = > '颜色','标签 ' => __( ' 颜色,text-domain))))</code></pre> <h3 id="example-checkbox-list">复选框列表示例</h3> <p>下面是复选框列表控件的一个示例。的<code>完整的</code>选项告诉复选框跨越控制区域的全部宽度，而不是一半大小。</p> <pre><code class="language-php">数组(“钥匙”= >阵列(“checkbox_a”= >“some_element_value”,“checkbox_b”= >“another_element_value”,“checkbox_c”= >“one_more_element_value”,),“类型”= >“checkbox-list”,“选择”= >阵列(“列表”= >数组(数组(“关键”= >“checkbox_a”,”标签 ' => __( ' 启用”、“__x__”)),阵列(“关键”= >“checkbox_b”,”标签 ' => __( ' 使B”、“__x__”)),阵列(“关键”= >“checkbox_c”,”标签 ' => __( ' 使C”、“__x__”),“满' = >真的 ), ), ), )</code></pre> <h2 id="composing-controls">组合控制</h2> <pre><code class="language-php">函数cs_compose_controls() //无限参数</code></pre> <p>调用<code>cs_compose_controls</code>无限的争论。参数的每个参数必须是与已注册部分关联的字符串，或坚持<strong>构建器选项</strong>上面的参数。该函数将多组控件组合为构建器中使用的单个输出。这允许利用部分和组织只应该在高级模式关闭时出现的标准控件。</p> <h3 id="registering-a-control-partial">注册控件分部</h3> <pre><code class="language-php">函数cs_register_control_partial($name， $ Function)</code></pre> <p>要创建自己的控件部分，请调用<code>cs_register_control_partial</code>与<code>美元的名字</code>设置为您最终将在调用中引用的键<code>cs_compose_controls</code>或<code>cs_partial_controls</code>．集<code>$函数</code>将返回有效的函数<strong>构建器选项</strong>．</p> <p><strong>例子</strong></p> <pre><code class="language-php">函数my_plugin_control_partial($settings = array()) {$group = = isset($settings['group']) ?$settings['group']: $group_title = isset($settings['group_title']) ?设置[' group_title美元 '] : __( ' 功能”、“my-plugin”);$group_setup = "$group:setup";$group_design = "$group:setup";返回数组(' control_nav ' = >阵列(组= > group_title美元,美元group_setup = > __(‘设置’,‘my-plugin’),$ group_design = > __(“设计”、“my-plugin”)),“控制”= >数组 ( /* */), );} cs_register_control_partial('my-plugin-control-partial'， 'my_plugin_control_partial');</code></pre> <h3 id="using-control-partials">使用控制部分</h3> <pre><code class="language-php">函数cs_partial_controls($name， $settings = array())</code></pre> <p>调用<code>cs_partial_controls</code>并将结果作为参数传递<code>cs_compos_controls</code>添加注册为的部分<code>美元的名字</code>到您的控制列表。的<code>美元的设置</code>数组传递给部分，以允许对结果控件进行自定义。</p> <p><strong>例子</strong></p> <pre><code class="language-php">cs_compose_controls(cs_partial_controls('my-plugin-control-partial'， array('group' => 'Element -group'， 'group_title' => __('Element'， 'text-domain'))， cs_partial_controls('omega'))</code></pre> <h3 id="leveraging-common-control-types">利用通用控件类型</h3> <pre><code class="language-php">函数cs_control($type， $key_prefix = "， $control = array())</code></pre> <p>的<code>cs_control</code>函数返回一个数组，该数组描述各种常用控件类型。它会自动为你映射一个或多个键和荣誉<code>key_prefix美元</code>在那些钥匙前面。使用下表查看允许的<code>美元的类型</code>论点。您可以设置控制参数，如<code>集团</code>，<code>条件(年代)</code>,<code>选项</code>通过传递它们<code>美元的控制</code>．设置也可以传递到<code>美元的控制</code>调整输出。</p> <div class="tco-table-scroll"> <table> <tbody> <tr> <td><code>保证金</code></td> <td>保证金</td> <td><code>{key_prefix} _margin</code></td> <td>没有一个</td> </tr> <tr> <td><code>填充</code></td> <td>填充</td> <td><code>{key_prefix} _padding</code></td> <td>没有一个</td> </tr> <tr> <td><code>这个特性</code></td> <td>边界半径</td> <td><code>{key_prefix} _border_radius</code></td> <td>没有一个</td> </tr> <tr> <td><code>边境</code></td> <td>边境</td> <td><code>{key_prefix} _border_width</code><br><code>{key_prefix} _border_style</code><br><code>{key_prefix} _box_shadow_color</code><br><code>{key_prefix} _box_shadow_alt_color</code></td> <td><code>alt_color</code>—设置为<code>真正的</code>映射Alt颜色键并使控件显示。</td> </tr> <tr> <td><code>不必</code></td> <td>盒阴影</td> <td><code>{key_prefix} _box_shadow_dimensions</code><br><code>{key_prefix} _box_shadow_color</code><br><code>{key_prefix} _box_shadow_alt_color</code></td> <td><code>alt_color</code>—设置为<code>真正的</code>映射Alt颜色键并使控件显示。</td> </tr> <tr> <td><code>flexbox</code></td> <td>Flexbox</td> <td><code>{key_prefix} _ {layout_pre} _flex_direction</code><br><code>{key_prefix} _ {layout_pre} _flex_wrap</code><br><code>{key_prefix} _ {layout_pre} _flex_justify</code><br><code>{key_prefix} _ {layout_pre} _flex_align</code><br><code>{key_prefix} _flex</code></td> <td><code>no_self</code>—设置为<code>真正的</code>排除Self Flex控件和键。<br><code>layout_pre</code>-一个用于布局伸缩属性的附加键前缀。如果省略<code>key_prefix美元</code>将会被使用。</td> </tr> <tr> <td><code>文本阴影</code></td> <td>文本的影子</td> <td><code>{key_prefix} _text_shadow_dimensions</code><br><code>{key_prefix} _text_shadow_color</code><br><code>{key_prefix} _text_shadow_alt_color</code></td> <td><code>alt_color</code>—设置为<code>真正的</code>映射Alt颜色键并使控件显示。</td> </tr> <tr> <td><code>文本格式</code></td> <td>文本格式</td> <td><code>{key_prefix} _font_family</code><br><code>{key_prefix} _font_weight</code><br><code>{key_prefix} _font_size</code><br><code>{key_prefix} _line_height</code><br><code>{key_prefix} _letter_spacing</code><br><code>{key_prefix} _font_style</code><br><code>{key_prefix} _text_align</code><br><code>{key_prefix} _text_decoration</code><br><code>{key_prefix} _text_transform</code><br><code>{key_prefix} _text_color</code><br><code>{key_prefix} _text_alt_color</code></td> <td><code>alt_color</code>—设置为<code>真正的</code>映射Alt颜色键并使控件显示。<br><code>no_font_family</code>，<code>no_font_weight</code>，<code>no_font_size</code>，<code>no_line_height</code>，<code>no_letter_spacing</code>，<code>no_font_style</code>，<code>no_text_align</code>，<code>no_text_decoration</code>，<code>no_text_transform</code>，<code>no_text_color</code>-把这些设置为<code>假</code>以防止各自的键和控件被映射。</td> </tr> </tbody> <thead> <tr> <th><code>美元的类型</code></th> <th>的名字</th> <th>映射的键</th> <th>设置</th> </tr> </thead> </table> </div> <p>所有这些都包括<code>{{前缀}}</code>在他们的标签里，所以你可以通过<code>label_prefix</code>作为的参数<code>美元的控制</code>进一步描述应该如何使用该控件。</p> <h3 id="amending-a-control-used-multiple-times">修改多次使用的控件</h3> <pre><code class="language-php">函数cs_amend_control($control， $update)</code></pre> <p>使用<code>cs_amend_control</code>对已定义一次的控件进行调整，但需要在其他地方使用额外的时间(对标准控件有用)进行轻微调整。的<code>美元的控制</code>论点是原始的，并且<code>美元更新</code>是要合并的更改。这与<code>array_merge</code>因为它处理更新控件的附加层<code>选项</code>参数。</p> <p><strong>例子</strong></p> <pre><code class="language-php">$base_control = array(/*…其他控制参数…* /”标签 ' => __( ' 我控制”、“your-text-domain '));$updated_control = cs_amend_control($base_control, array('label' => __('Different label'， 'your-text-domain'));</code></pre> <h3 id="remembering-commonly-used-options">记住常用选项</h3> <pre><code class="language-php">函数cs_remember($key， $value)</code></pre> <p>这只能在构建器回调中使用，但它允许您存储常用的数据位。例如，如果您有一个本地化选项列表，您可能需要添加到多个元素上，您可以像这样存储它。</p> <p><strong>例子</strong></p> <pre><code class="language-php">cs_remember (my-element-choices,数组(数组('价值' = > '一',”标签 ' => __( ' 一个”、“your-text-domain”)),阵列(“价值”= >“两个”,“标签 ' => __( ' 两个”、“your-text-domain”)),阵列(“价值”= >“三”,“标签 ' => __( ' 三,your-text-domain)),阵列(“价值”= >“四”,“标签 ' => __( ' 四”、“your-text-domain ' ) ), ) );</code></pre> <h3 id="recalling-commonly-used-options">回忆常用选项</h3> <pre><code class="language-php">函数cs_recall($key)</code></pre> <p>在前面的示例基础上，我们还可以回忆存储的选项。记住，它只能在构建器回调中使用。</p> <p><strong>例子</strong></p> <pre><code class="language-php">//在你的控件数组列表中('key' => 'my_element_value'， 'type' => 'select'， 'label' => __('select Something'， 'your-text-domain')， 'options' => array('choices' => cs_recall('my-element-choices'))))</code></pre> <h2 id="control-conditions">控制条件</h2> <p>映射控件时，可以设置<code>条件</code>或<code>条件</code>来确定控件何时应该可见。这主要用于在启用附加控件后显示它们。每个条件都有以下属性:</p> <ul> <li><code>关键</code>-我们正在观察的值的字符串标识符</li> <li><code>人事处</code>-用于此比较的运算符类型。参见下面的操作表</li> <li><code>价值</code>-用于检查条件的值。</li> <li><code>或</code>—设置为<code>真正的</code>为该条件启用OR逻辑。看到<strong>使用OR逻辑</strong>在下面。</li> </ul> <div class="tco-table-scroll"> <table> <tbody> <tr> <td><code>= =</code></td> <td>检查当前保存的内容<code>关键</code>是<strong>等于</strong>我们的条件<code>价值</code>．</td> <td><code>任何</code></td> <td></td> </tr> <tr> <td><code>=！</code></td> <td>检查当前保存的内容<code>关键</code>是<strong>不等于</strong>我们的条件<code>价值</code>．</td> <td></td> <td></td> </tr> <tr> <td><code>在</code></td> <td>检查当前保存的内容<code>关键</code><strong>存在</strong>在<code>数组</code>作为条件的值<code>价值</code></td> <td></td> <td></td> </tr> <tr> <td><code>不是在</code></td> <td>检查当前保存的内容<code>关键</code><strong>不存在</strong>在<code>数组</code>作为条件的值<code>价值</code></td> <td></td> <td></td> </tr> <tr> <td><code>空</code></td> <td>检查当前是否保存在<code>关键</code><strong>是</strong>被认为是空属性<sub>1</sub>用于CSS输出的目的。</td> <td></td> <td></td> </tr> <tr> <td><code>非空</code></td> <td>检查当前是否保存在<code>关键</code><strong>不是</strong>被认为是空属性<sub>1</sub>用于CSS输出的目的。</td> <td></td> <td></td> </tr> </tbody> <thead> <tr> <th>操作符</th> <th>描述</th> <th>值类型</th> <th>描述</th> </tr> </thead> </table> </div> <ol> <li>空字符串、任何单位为零的CSS值和关键字<code>没有一个</code>都被认为是空的。</li> </ol> <h3 id="shorthand">速记</h3> <p>相等运算符是最常用的，因此被用作速记。下面两个条件是相同的。</p> <pre><code>数组(“关键”= >“my_value”,“价值”= >“应该这”,“op ' => '==' ) 阵列(' my_value ' = > '应该这')</code></pre> <h3 id="using-or-logic">使用OR逻辑</h3> <p>默认情况下，会应用多个条件<strong>和</strong>逻辑。这意味着它们必须都为真，才能使控件可见。的方法，可以在各个控件上重写此设置<code>或</code>参数<code>真正的</code>．当启用时，如果紧随其后的条件为真，则该条件将自动被认为为真。以下示例被认为是true，当<code>feature_enabled</code>是<code>真正的</code>,要么<code>some_value</code>是列表中的值(<code>一个</code>，<code>两个</code>)或<code>another_value</code>是<code>十个</code>．</p> <p><strong>例子</strong></p> <pre><code>'conditions' => array(array('feature_enabled' => true)， array('key' => 'some_value'， 'op' => 'IN'， 'value' => array('one'， 'two')'或' = > true),数组(“关键”= >“another_value”,“op ' = > ' !='， 'value' => 'ten')，)</code></pre> <h2 id="style-templates">风格模板</h2> <p>当你设置<code>风格</code>注册你的Element定义时，你需要返回一个字符串样式的模板。它使用类似于CSS的语法来基于元素值的状态创建动态样式。</p> <h3 id="basics">基础知识</h3> <p>可以在选择器和属性值中使用变量。变量不能作为属性名的一部分使用。可用变量对应于已使用指定注册的值<code>风格</code>或<code>所有</code>．引用当前元素的类名的附加变量可用为<code>_el美元</code>．下面的例子展示了一些属性的样式。每个属性值变量都被映射为一个元素值。</p> <p><strong>例子</strong></p> <pre><code>.$_el {margin: $my_element_base_margin;填充:my_element_base_padding美元;} .$_el .thing {margin: $my_element_thing_margin;填充:my_element_thing_padding美元;｝</code></pre> <h3 id="conditions">条件</h3> <p>通常情况下，除非满足条件，否则您会希望排除样式。这是可能的<code>@ if</code>而且<code>@unless</code>指令。当使用<code>@ if</code>如果表达式求值为，则显示所包含的样式<code>真正的</code>——与<code>@unless</code>它期望条件是<code>假</code>．</p> <pre><code>.$_el {@if $feature_enabled == 'on' {margin: $my_element_feature_margin;填充:my_element_feature_padding美元;@unless feature_min_width美元? ?{min-width: $feature_min_width;}}}</code></pre> <div class="tco-table-scroll"> <table> <tbody> <tr> <td><code>= =</code></td> <td>计算结果为<code>真正的</code>当操作数为<strong>平等的</strong>彼此之间。</td> </tr> <tr> <td><code>=！</code></td> <td>计算结果为<code>真正的</code>当操作数为<strong>不平等的</strong>彼此之间。</td> </tr> <tr> <td><code>></code></td> <td>计算结果为<code>真正的</code>当左操作数为<strong>大于</strong>右边。</td> </tr> <tr> <td><code>> =</code></td> <td>计算结果为<code>真正的</code>当左操作数为<strong>大于或等于</strong>右边。</td> </tr> <tr> <td><code><</code></td> <td>计算结果为<code>真正的</code>当左操作数为<strong>不到</strong>右边。</td> </tr> <tr> <td><code>＜=</code></td> <td>计算结果为<code>真正的</code>当左操作数为<strong>小于或等于</strong>右边。</td> </tr> <tr> <td><code>||</code></td> <td>计算结果为<code>真正的</code>当左边的任何一个<strong>或</strong>考虑正确的表达式(或值)<code>真正的</code></td> </tr> <tr> <td><code>||</code></td> <td>计算结果为<code>真正的</code>当两者都离开<strong>和</strong>考虑正确的表达式(或值)<code>真正的</code></td> </tr> <tr> <td><code>?？</code></td> <td>一元运算。只应用于一个值，如:<code>$ some_value ? ?</code>．如果该值被认为为空，则返回true。<sub>1</sub></td> </tr> </tbody> <thead> <tr> <th>操作符</th> <th>描述</th> </tr> </thead> </table> </div> <ol> <li>空字符串、任何单位为零的CSS值和关键字<code>没有一个</code>都被认为是空的。</li> </ol> <h3 id="keep-in-mind">记住</h3> <ul> <li>这与典型的后处理程序(SASS、LESS、PostCSS)不同，我们也不打算添加对CSS后处理的支持。</li> <li>这不是一个功能完整的表达式解析器。你不能用括号来确定运算顺序。组合条件的最佳方法可能是将一组属性封装在多个中<code>@ if</code>/<code>@unless</code>语句。</li> <li>普通CSS总是有效的。</li> <li>样式模板条件与控制条件不同</li> <li><strong>API的这一部分将来可能会发生变化。</strong>生成的输出是我们观察到的可以更优化前端性能的领域。当这种优化发生时，语法可能会轻微改变。任何破坏性的更改都将在我们的发布说明中清楚地标注出来。</li> </ul> <h3 id="php-in-a-style-template">PHP的样式模板</h3> <p>如果浏览我们的部分模板，您会注意到它们是使用对象缓冲的PHP函数。请记住，这个PHP实际上没有任何元素数据。我们正在构建一个模板，其中包含应用于以后元素的规则。使用PHP有助于设置键前缀和调用<code>cs_get_partial_style</code>．</p> <h3 id="partials">分音</h3> <pre><code class="language-php">函数cs_get_partial_style($name， $settings = array())</code></pre> <p>此函数用于获取注册的预定义样式模板部分的字符串<code>美元的名字</code>．的<code>美元的设置</code>参数用于指示部分可以进行的各种调整。</p> <h3 id="creating-a-style-partial">创建样式部分</h3> <p>这是通过<code>cs_get_partial_style_美元的名字</code>钩。</p> <p><strong>例子</strong></p> <pre><code class="language-php">函数my_style_partial($settings = array()) {return ";} add_filter('cs_get_partial_style_my_style_partial'， 'my_style_partial');</code></pre> <h2 id="rendering">呈现</h2> <p>函数的函数<code>渲染</code>参数接受<code>元数据</code>它包含元素值并应该返回一个字符串。</p> <p><strong>例子</strong></p> <pre><code>函数my_element_render($data) {extract($data);$atts = cs_atts(array('class' => cs_attr_class($mod_id， 'my-element')， 'data-my-attribute' => $custom_attribute));ob_start ();?> <div <?PHP echo $atts;? > > < ?PHP echo $data['content'];? /div> <?PHP返回ob_get_clean();｝</code></pre> <h3 id="rendering-view-partials">渲染视图部分</h3> <pre><code class="language-php">函数cs_get_partial_view($name， $data = array())</code></pre> <p>在渲染函数中，调用<code>cs_get_partial_view</code>与<code>美元的名字</code>您希望呈现的部分，将返回带有该部分标记的字符串。的<code>元数据</code>数组用于传递元素的数据<code>元数据</code>参数)。下面的例子是原生Button元素。</p> <p><strong>例子</strong></p> <pre><code class="language-php">函数x_element_render_button($data){返回cs_get_partial_view('anchor'， $data);｝</code></pre> <h3 id="preparing-partial-data">准备部分数据</h3> <h4 id="extracting-and-prefixing-data">提取和前缀数据</h4> <p>有时需要修改传入部分的数据。例如，如果您想多次使用某个部分，或者需要重命名某些键，您可以使用<code>cs_extract</code>．</p> <pre><code class="language-php">函数cs_extract($data， $find = array())</code></pre> <p>通过<code>元数据</code>从你的渲染函数(或操作它首先调用so<code>cs_without</code>和/或<code>array_merge</code>)并具体说明您想在<code>美元找到</code>数组中。下面是一个使用的例子<code>cs_extract</code>检索带有。前缀的值<code>headline_one</code>/<code>headline_two</code>将这些键重命名为<code>文本</code>为了渲染局部。注意如何<code>cs_extract</code>调用与to的调用并行工作<code>cs_values</code>．</p> <p><strong>例子</strong></p> <pre><code class="language-php">Cs_register_element (array('values' => cs_compose_values(array(//其他值)，cs_values('text-headline'， 'headline_one')， cs_values('text-headline'， 'headline_two')，)， 'builder' => 'my_element_builder'， //不包括在本例'render' => 'my_element_render'));函数my_element_render($data) {$headline_one_markup = cs_get_partial_view('text'， cs_extract($data, array('headline_one' => 'text')));$headline_two_markup = cs_get_partial_view('text'， cs_extract($data, array('headline_two' => 'text')));/ /……继续呈现。应该返回一个字符串。｝</code></pre> <h4 id="omitting-data">删除数据</h4> <pre><code class="language-php">函数cs_without($data， $keys)</code></pre> <p>这个函数只返回<code>元数据</code>中找到的键/值对<code>美元的钥匙</code>数组中。</p> <p><strong>例子</strong></p> <pre><code class="language-php">//删除一些特定于顶层元素的数据。$cleaned = cs_without($data, array('mod_id'， 'id'， 'class'， 'style'))</code></pre> <h3 id="deferred-view-partials">延迟视图部分</h3> <pre><code class="language-php">函数cs_defer_partial($name， $data = array()， $priority = 100)</code></pre> <p>有时您希望在站点标记的末尾输出部分标记，而不是内联输出。这对于模式和画布外元素很有用。你可以打电话<code>cs_defer_partial</code>与<code>美元的名字</code>你注册的部分，它会在内部使用一个函数叫做<code>x_set_view</code>它缓存HTML并将其输出到特定的钩子上。在本例中，它将在<code>x_before_site_end</code>钩。这比收盘高了几层<code>身体< / ></code>标记，其中X和Pro输出所有延迟标记。当使用其他主题的基石时，这将相当于<code>wp_footer</code>钩。</p> <p>的<code>元数据</code>论证是相同的<code>cs_get_partial_view</code>函数。您可以调整<code>美元的优先级</code>时使用<code>x_before_site_end</code>钩。下面的例子来自Content Area Modal元素，添加了一些注释。</p> <p><strong>例子</strong></p> <pre><code class="language-php">函数x_element_render_content_area_modal($data){//添加一些ARIA属性(参见本文后面的ARIA属性部分)$data = array_merge($data, cs_make_aria_atts('toggle_anchor'， array('controls' => 'modal'， 'haspopup' => 'true'， 'expanded' => 'false'， 'label' => __('Toggle modal Content'， '__x__')，) $data['id']， $data['mod_id']);//延迟模式输出到站点页脚。Cs_defer_partial ('modal'， cs_extract($data, array('modal' => ")));//输出内联切换使用锚的部分返回cs_get_partial_view('anchor'， cs_extract($data, array('toggle_anchor' => 'anchor'， 'toggle' => "));｝</code></pre> <h3 id="creating-a-view-partial">创建视图分部</h3> <p>这是通过<code>cs_get_partial_view_美元的名字</code>钩。</p> <p><strong>例子</strong></p> <pre><code class="language-php">函数my_view_partial($data = array()) {return ";} add_filter('cs_get_partial_view_my_view_partial'， 'my_view_partial');</code></pre> <h3 id="helpers">助手</h3> <h4 id="attributes">属性</h4> <pre><code class="language-php">函数cs_atts($atts， $echo = false)</code></pre> <p>接受一个关联数组(<code>丙氨酸美元</code>)并将它们组合成单个转义字符串，可以在HTML标记中输出。</p> <p><strong>例子</strong></p> <pre><code class="language-php">$ att = cs_atts(“id”= >“我的身份证”,“风格”= >“颜色:白色;”);$html = "<div $atts>Content</div";</code></pre> <h4 id="class-output">类输出</h4> <pre><code class="language-php">函数cs_attr_class() //无限的字符串参数</code></pre> <p>将多个字符串组合成单个CSS类名。传递任意数量的参数。它们可以是字符串或字符串数组。它将自动删除任何为空的值。</p> <p><strong>例子</strong></p> <pre><code class="language-php">$feature_a = ";$feature_b = array("， 'feature-b');$classes = cs_attr_class($mod_id， 'my-element'， $feature_a， $feature_b);// $classes === "e123-1 my-element feature-b"</code></pre> <h4 id="aria-attributes">ARIA属性</h4> <p>一些本机视图部分寻找额外的数据来填充aria属性。我们可以把这个数据附加到<code>cs_make_aria_atts</code>函数。</p> <p><strong>例子</strong></p> <pre><code class="language-php">函数my_element_with_toggle_render($data) {$data = array_merge($data, cs_make_aria_atts('toggle_anchor'， array('controls' => 'dropdown'， 'haspopup' => 'true'， 'expanded' => 'false'， 'label' => __('Toggle dropdown Content'， '__x__')，)， $data['id']， $data['mod_id']);//继续渲染元素}</code></pre> <p>类的代码是理解如何使用此函数的最好方法<strong>内容区下拉菜单</strong>，<strong>内容区模态</strong>,<strong>画布外内容区</strong>元素。</p> <h2 id="faq">常见问题解答</h2> <h3 id="how-can-i-make-an-element-like-native-element">我如何使一个元素像［自然元素］?</h3> <p>自由复制和粘贴从我们的原生元素自由!本机部分并不是公共API中有文档记录的部分，但是欢迎您重用在元素中找到的任何内容。</p> <h3 id="what-is-the-_region-value">什么是<code>_region</code>价值吗?</h3> <p>这在内部用于跟踪元素所在的“区域”。以下是这些区域及其含义</p> <ul> <li><code>前</code>，<code>左</code>，<code>正确的</code>，<code>底</code>-元素是专业标题栏中相应区域的条或条的后代。</li> <li><code>页脚</code>-元素是专业页脚中的条或条的后代</li> <li><code>内容</code>元素位于全局块的内容生成器中创建的内容的主要区域</li> </ul> <p>如果希望根据输出位置稍微更改元素行为，则引用此值非常有用。</p> <h3 id="how-can-i-make-my-render-function-behave-differently-in-the-preview-area">如何让我的渲染函数在预览区表现不同?</h3> <pre><code class="language-php">$is_preview = did_action('cs_element_rendering');</code></pre> <p>如果您想稍微调整预览和前端的行为，这在渲染函数中很有用。</p> <h3 id="how-can-i-turn-my-element-into-a-drag-drop-container">如何将元素转换为拖放容器?</h3> <p>因为这需要额外的客户端(React Components)代码，所以我们目前没有提供将元素定义为拖放容器的方法。</p> <h2 id="summary">总结</h2> <p>我们已经深入研究了Element API必须提供的所有功能，讨论了特定选项和本机元素中使用的大多数功能。在构建自己的元素时，可以随意复制和粘贴本机元素中的代码部分。有关Element API的更多详细介绍，请参见<a class="" href="//www.lulabydarna.com/docs/element-api-primer">API底漆</a>．</p> <div class="tco-content-end"> <div class="tco-actions is-entry-like"> <p>看到不准确的地方了吗?<a target="_blank" rel="noopener noreferrer" href="//www.lulabydarna.com/x/contact">让我们知道</a></p> </div> </div> </div> </div> </article> </div> </div> <div class="Toastify"></div> <div class="tco-portal"></div> </div> </div> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="baidu"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="sougou"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div align="center"><a target="_blank" href="/sitemap.xml">map</a></div></body> </html>