如何在wordpress中添加第三方插件或代码,如博客

时间:2016-08-01 15:32:04

标签: wordpress plugins widget

我是wordpress的新手,我使用博客很好,但目前我想在不使用主题编辑器的情况下将第三方代码添加到wordpress。我使用example.wordpress.com。

我的意思是像博客一样添加小部件我的意思是html/javascript小部件我们可以添加它但是在wordpress我很困惑添加它我的wordpress仪表板中没有第三方小部件我如何添加代码。提前谢谢你的帮助。

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script>
<div>
  <em>Multiple Select with Groups</em><br>
  <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
    <option value=""></option>
    <option value="1" data-value="grapes+">grapes</option>
  <option value="2" data-value="mango+">mango</option>

  </select>
</div>


 <script type="text/javascript">

$(".chosen-select").chosen();
$(".chosen-select").bind('chosen:hiding_dropdown', function(e, i) {
  searched_value = i.chosen.get_search_text();
  firstElementOnDropdown = i.chosen.search_results.find('li.active-result').first()
  if (firstElementOnDropdown.text().toLowerCase() == searched_value.toLowerCase()) {
    firstElementOnDropdown.trigger('mouseup');
    var t = i;
    setTimeout(function() {
      t.chosen.input_blur();
    }, 150);
  }
});
</script>

2 个答案:

答案 0 :(得分:1)

转到信息中心 - &gt;小部件 - &gt;拖动并放置文本小部件。 粘贴在那里的代码。它会工作正常。无需添加额外的插件。它是默认的

答案 1 :(得分:0)

像博主一样,你可以在这里安装插件。您可以安装此插件https://wordpress.org/plugins/custom-css-js/并添加您的代码。

请从插件安装插件 - >添加新插件然后上传您的插件拉链并激活。

有关详细信息,您可以按照此步骤逐步插入wordpress插件 http://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/