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とワードプレスをよく理解していますが、これは私が作成した最初のプラグインです。

ありがとう、グレイディ

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 に答える