0

我创建了一个表，它使用简单的 JS 和 API 来获取有关我们的 Android 应用程序的信息。我们希望在多个页面上有此代码

<div class="api">
<div style="margin: 0 auto; max-width: 700px;">
<div style="float: left;">
<table style="background-color: #e7e7e27; border-color: #e2e2e2;">
<td style="vertical-align: middle; text-align: center; background: #e2e2e2; border-top: 0px; ">
<a rel="nofollow" href="https://play.google.com/store/apps/<!---package name--->" class="no_ul external" target="_blank">
<img src="http://developer.android.com/images/brand/Google_Play_Store_96.png" style="width:90px; border:0" alt="<!---Verbage--->" title="<!---Verbage--->">
</a>
</td>
</table>
</div>
<div style="float: left;">
<div class='appbrain-app'>
<a href='http://www.appbrain.com/app/<!---package name--->' style='font-size: 11px; color: #555; font-family: Arial, sans-serif;'>
</a>
</div> 
<script type='text/javascript' language='javascript' src='http://www.appbrain.com/api/api.nocache.js'></script>
</div>
</div>
</div>

不是最漂亮的代码，但它完成了我们想要的工作。我想把它变成一个带有短代码的插件来引用它。我知道这可能比我预期的要大，而且我对 HTML 和 wordpress 有很好的理解，但这是我创建的第一个插件。

谢谢，格雷迪

4

1 回答 1

0

执行此操作的插件相当简单，因为您只是在回显静态数据。

class My_App_Data {

  function __construct() {
    add_shortcode('app_data',array($this,'app_data_shortcode'));
  }

  function app_data_shortcode() { ?>
    <div class="api">
      <div style="margin: 0 auto; max-width: 700px;">
    <div style="float: left;">
      <table style="background-color: #e7e7e27; border-color: #e2e2e2;">
        <td style="vertical-align: middle; text-align: center; background: #e2e2e2; border-top: 0px; ">
          <a rel="nofollow" href="https://play.google.com/store/apps/<!---package name--->" class="no_ul external" target="_blank">
        <img src="http://developer.android.com/images/brand/Google_Play_Store_96.png" style="width:90px; border:0" alt="<!---Verbage--->" title="<!---Verbage--->">
          </a>
        </td>
      </table>
    </div>
    <div style="float: left;">
      <div class='appbrain-app'>
        <a href='http://www.appbrain.com/app/<!---package name--->' style='font-size: 11px; color: #555; font-family: Arial, sans-serif;'></a>
      </div> 
      <script type='text/javascript' language='javascript' src='http://www.appbrain.com/api/api.nocache.js'></script>
    </div>
      </div>
    </div><?php
  } 
}
new My_App_data();

您现在可以使用[app_data /]来显示标记。

您将需要构建一个适当的插件头，并为该类使用更好的名称:)。

参考

https://codex.wordpress.org/Writing_a_Plugin

于 2013-02-27T15:35:58.413 回答