GVKun编程网logo

如何在 WordPress 管理员上运行 jQuery 代码?(wordpress管理app)

1

在这篇文章中,我们将为您详细介绍如何在WordPress管理员上运行jQuery代码?的内容,并且讨论关于wordpress管理app的相关问题。此外,我们还会涉及一些关于jQueryMobileWo

在这篇文章中,我们将为您详细介绍如何在 WordPress 管理员上运行 jQuery 代码?的内容,并且讨论关于wordpress管理app的相关问题。此外,我们还会涉及一些关于jQuery Mobile Wordpress + jQuery UI google maps、MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。、Wordpress - 如何在 wordpress 上编辑过滤器、WordPress Restful API registration to Kyma WordPress API注册到Kyma的实现原理的知识,以帮助您更全面地了解这个主题。

本文目录一览:

如何在 WordPress 管理员上运行 jQuery 代码?(wordpress管理app)

如何在 WordPress 管理员上运行 jQuery 代码?(wordpress管理app)

如何解决如何在 WordPress 管理员上运行 jQuery 代码?

如何在创建新帖子时运行 jQuery 脚本。我能够将脚本排入队列,并且可以在编辑器中看到 .js 文件,但代码不会执行。我知道有一种特殊的方式可以在管理员中运行 jquery 代码,但找不到这种方式。该代码是一个简单的脚本,用于在单击时更改使用 ACF 的按钮的背景。我能够让它在 codepen 上工作 - https://codepen.io/openbayou/pen/MWjOOZM

代码如下:

  1. <div class="acf-field acf-field-button-group acf-field-5fe2d3efcb5f8" data-name="Box_photo_deets" data-type="button_group" data-key="field_5fe2d3efcb5f8" data-conditions="[[{&quot;field&quot;:&quot;field_5f8bec0f9f45d&quot;,&quot;operator&quot;:&quot;!=empty&quot;}]]">
  2. <div class="acf-label"></div>
  3. <div class="acf-input">
  4. <input type="hidden" name="acf-block_5fe163b63d274[field_5fe2d3efcb5f8]">
  5. <div class="acf-button-group"><label class="selected"><input type="radio" name="acf-block_5fe163b63d274[field_5fe2d3efcb5f8]" value="Box_show_deets" checked="checked"> Show details</label></div></div>
  6. </div>

脚本如下:

  1. (function ($) {
  2. $(window).on(''my.custom.event'',function () {
  3. $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label").click(function(){
  4. $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label.selected").css(''background'',''black'');
  5. });
  6. });
  7. })(jQuery);
  8. jQuery(window).trigger(''my.custom.event'');

解决方法

在逻辑之前让 DOM 准备好。

  1. (function($) {
  2. $(document).ready(function() {
  3. $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label")
  4. .click(function() {
  5. $(".acf-field-5fe2d3efcb5f8 .acf-input .acf-button-group label.selected")
  6. .css(''background'',''black'');
  7. });
  8. });
  9. })(jQuery);

jQuery Mobile Wordpress + jQuery UI google maps

jQuery Mobile Wordpress + jQuery UI google maps

如何解决jQuery Mobile Wordpress + jQuery UI google maps

|| 您好,这是烤我的面条,任何帮助都很棒!谢谢 低端..我正在使用wordpress作为CMS构建jQuery-mobile alpha 4网站。我正在尝试让Google的jquery地图UI可以在我的主题中使用。您可能会认为很简单,但是我在jquery-maps-ui脚本的第318行出现错误。 我正在使用由法国佬开发的主题。这是我个人认为最好的基础。网址> frobert.com/zh/2011/03/30/generic-jquery-mobile-wordpress-theme/ 我的计划是通过融合表等在地图页面上获得一些地理定位功能。但是我什至无法使基本演示的基本功能正常工作!这是我获取源代码的地方,所有jquery mobile框架都已构建。 如果有人可以在该wordpress主题中使用基本的地图演示,请帮忙:-) 如果您想在wordpress上重新创建我的确切错误。下载以下所有链接上的主题,准备好使用随附的google map-ui页面脚本。 http://wtrns.fr/_PTQG94oxWzvUA 您需要做的就是添加一个页面,其中包含一个名为“''maps \\'' 该文件夹中还有一个Google Map-ui和脚本的工作html示例。它也在本地工作。 将主题放在主题文件夹中后,还需要添加wp_tap插件(包含在下载中)。这是因为它将桌面浏览器重定向到您的默认主题。然后wp_tap插件将设备重定向到jquery-mobile主题。设置简单。在未安装此插件的情况下,由于某种原因,它使您无法使用管理员。但是,如果您已经登录,则无需插件即可使用,您可以将其设置为默认主题。我知道这听起来有些狡猾,但效果很好。如果您认为可以使用它,请尝试一下。我在下载链接中包含了wp-tap插件。 任何建议都太好了!谢谢,乔希     

解决方法

        您将jquery加载了2次,这就是为什么您会收到该错误...如果您对jquery maps插件有疑问,请在论坛,jquery google maps插件论坛中提问。 改变这个
<script type=\\"text/javascript\\">
            google.load(\\"maps\\",\\"3\\",{\\''other_params\\'':\\''sensor=true\\''});
            //REMOVE THIS --> google.load(\\"jquery\\",\\"1.5\\");
    </script>
    

MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。

MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。

<h2 id="toc_0">MWeb 1.3.7 版的新功能</h2>

<ul> <li>增加发布到 Wordpress 等支持 Metaweblog API 的服务,目前经测试过的有: Wordpress 博客、新浪博客、cnblogs、oschina。</li> <li>增加发布到 Tumblr 和 Scriptogr.am </li> <li>即时预览改进,原来会闪动,现在拿掉了同步滚动功能后不会了。</li> <li>编辑器和三栏切换也有小改进。</li> </ul>

<h2 id="toc_1">下边介绍一下发布到 Wordpress 等支持 Metaweblog API 的功能</h2>

<p>我所知,Mac 下支持这一功能的 Native 的 Markdown 编辑器就只有 MWeb 了。之前用过 Live Writer 的朋友都知道这功能非常好用,因为加图片非常方便!然后是离线写作,不用担心内容丢失,还可以方便地发布到多处地方。我之前用 Live Writer 时还会时不时要切到 HTML 代码下去修正一下格式问题,有点难用,现在用 Markdown 的话,就不会有这情况了。可以说:Markdown 和 Metaweblog API 才是真正的完美结合!</p>

<p>在 MWeb 中点菜单:<code>MWeb</code> - <code>Preferences</code> - <code>Publishing</code> 即可进入发布设置界面,如下:</p>

<p><img src="http://static.oschina.net/uploads/img/201504/17093925_FuAC.jpg" alt=""/></p>

<h3 id="toc_2">增加发布到 Wordpress 的服务</h3>

<p>点 Wordpress.org 这个按钮,如下图,由于 Wordpress 的远程发布网址可以由博客网址得知,所以只需要填入博客网址、帐号、密码即可。密码是存到 Keychain,所以可无需担心。<br/> <img src="http://static.oschina.net/uploads/img/201504/17093927_x1hn.jpg" alt=""/></p>

<h3 id="toc_3">增加发布到 新浪博客、cnblogs、oschina 的服务</h3>

<p>点 Metaweblog API 这个按钮,如下图,必填的只有 帐号、密码、Publish URL。Publish URL 这个一般支持 Metaweblog API 的服务都会提供的。</p>

<p><img src="http://static.oschina.net/uploads/img/201504/17093927_CKSG.jpg" alt=""/></p>

<p>下面说一下新浪博客、cnblogs、oschina 的 Publish URL。</p>

<ul> <li>新浪博客的 Publish URL:<a href="http://upload.move.blog.sina.com.cn/blog_rebuild/blog/xmlrpc.php">http://upload.move.blog.sina.com.cn/blog_rebuild/blog/xmlrpc.php</a></li> <li>cnblogs 的 Publish URL:<a href="http://www.cnblogs.com/Blog%E5%90%8D/services/metaweblog.aspx">http://www.cnblogs.com/Blog名/services/metaweblog.aspx</a>。其中 <strong>Blog 名</strong> 请换为您的博客名。cnblogs 的博客后台设置,拉到最下面,也可以找到这个网址。比如说我的是 <a href="http://rpc.cnblogs.com/metaweblog/OtisBlog">http://rpc.cnblogs.com/metaweblog/OtisBlog</a> 两者网址不同,但是效果一样。</li> <li>oschina 的 Publish URL:<a href="http://my.oschina.net/action/xmlrpc">http://my.oschina.net/action/xmlrpc</a></li> </ul>

<h3 id="toc_4">发布</h3>

<p>如下图红框处,你可以在 MWeb 分享按钮(右上角的第三个按钮)中找到所增加的发布服务。名称会显示 <code>Blog Name</code> 中设定的名称。</p>

<p><img src="http://static.oschina.net/uploads/img/201504/17093920_7QSi.jpg" alt=""/></p>

<p>比如说我要发布到我的 Wordpress 博客,点 <code>oulvhai 的 Wordpress 博客</code>,如下图:<br/> <img src="http://static.oschina.net/uploads/img/201504/17093929_iYWk.jpg" alt=""/></p>

<p>要注意的时,有些博客服务是不支持上边的一些设置的,比如说 <code>Custom URL</code>、<code>Publish Date</code>、<code>Status</code> 等。设定好后,点 <code>Publish</code> 按钮就可以发布了。</p>

<p>要说明的是:Metaweblog API 有自动上传图片的功能,有看到我现在这文章的图片都是在本地的,发布时就会自动把图片上传到所发布的博客服务。所以就不用找图床了。我这文章会发布到以下几个地方:</p>

<ul> <li>我的用 MWeb 静态网站功能生成的个人博客:<a href="http://coderforart.com">http://coderforart.com</a></li> <li>同样用 MWeb 静态网站功能生成的 MWeb 中文官网:<a href="http://zh.mweb.im">http://zh.mweb.im</a></li> <li>我的 Wordpress 测试博客:<a href="http://appbk.sinaapp.com/">http://appbk.sinaapp.com/</a></li> <li>我的新浪博客:<a href="http://blog.sina.com.cn/oulvhai">http://blog.sina.com.cn/oulvhai</a></li> <li>我在 cnblogs 的博客:<a href="http://www.cnblogs.com/OtisBlog">http://www.cnblogs.com/OtisBlog</a></li> <li>我在 oschina 的博客:<a href="http://my.oschina.net/oulvhai">http://my.oschina.net/oulvhai</a></li> </ul>

<h2 id="toc_5">关于 MWeb Lite</h2>

<p>MWeb Lite 的定位是 Markdown 编辑器和一些 MWeb 正式版的功能的体验。对于轻度使用 Markdown 的朋友来说, MWeb Lite 已足够了,MWeb 正式版的功能大部分用不到。MWeb Lite 的 Markdown 编辑器功能是跟 MWeb 正式版一样的。这个功能会随着 MWeb 这个产品的不断打磨而得到更好的体验。目前 MWeb Lite 对于正式版不同的地方有:</p>

<ol> <li>文档库 MWeb Lite 限定为 10 个文档</li> <li>发布服务只能增加 1 个。</li> </ol>

<h2 id="toc_6">其他</h2>

<p>这里说一下用 MWeb 生成的静态博客的好处:可直接打开所生成的 HTML 文档就能预览!这个是不同于 otcpress 等静态博客生成方式的。otcpress 等生成的 HTML 直接打开预览是没办法看到效果的,必须上传或者用 otcpress 来预览。MWeb 的静态博客功能没有 otcpress 这么强大,但是对于简单只想写一下博客的朋友来说,我觉得足够了。当然,下一版也会增强静态博客功能的。</p>

<p>另外发布到 Wordpress.com、bloger、evernote 功能也是会有的,这几个要在 1.4 版发布后才会开始弄。</p>

Wordpress - 如何在 wordpress 上编辑过滤器

Wordpress - 如何在 wordpress 上编辑过滤器

如何解决Wordpress - 如何在 wordpress 上编辑过滤器

我正在使用 wordpress 5.6.1 安装 carefy 主题我想删除一些主题过滤器。 enter image description here

请帮助我解决上述问题。 在主题中找不到过滤器选项。

解决方法

转到 WordPress 管理屏幕中的外观 > 自定义。单击主题定制器中的小部件菜单以访问小部件定制屏幕。单击 Widget Area 的向下箭头可列出已注册的 Widget。点击边栏底部的添加小部件按钮。

Widgets support article

WordPress Restful API registration to Kyma WordPress API注册到Kyma的实现原理

WordPress Restful API registration to Kyma WordPress API注册到Kyma的实现原理

本文介绍 WordPress API注册到Kyma的实现原理.

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

本文同步分享在 博客“汪子熙”(CSDN)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

我们今天的关于如何在 WordPress 管理员上运行 jQuery 代码?wordpress管理app的分享就到这里,谢谢您的阅读,如果想了解更多关于jQuery Mobile Wordpress + jQuery UI google maps、MWeb 1.3.7 发布!增加发布到 Wordpress 等支持 MetaWeblog API 的服务,如:Wordpress 博客、新浪博客、cnblogs、oschina。、Wordpress - 如何在 wordpress 上编辑过滤器、WordPress Restful API registration to Kyma WordPress API注册到Kyma的实现原理的相关信息,可以在本站进行搜索。

本文标签: