小编Dre*_*ker的帖子

在WordPress中以编程方式创建管理员用户

这是一个问答:

最近我有一位客户来找我建立一个新的网站.他们也忘记了所有登录信息,但他们确实有FTP访问权限.

那么,如何通过代码创建管理员用户?

wordpress admin

8
推荐指数
3
解决办法
1万
查看次数

基本的PHP Vimeo高级API调用

这是一个自我问答.

我经常四处寻找有关使用Vimeo API的帮助,并且总是发现入门级示例和文档很难遵循.所以我把这个Q&A写成了帮助那些需要它的人.所以这是一个问题:

如何使用Vimeo PHP"高级API"获取我的所有Vimeo视频?

关键是"我的"视频.这对于构建他们想要与自己的Vimeo帐户同步的站点的人员非常有用.Vimeo示例都适用于允许第三方用户根据需要进行身份验证.这是一次性静态身份验证示例.

php authentication vimeo-api

8
推荐指数
1
解决办法
7304
查看次数

在Nuxt中,应该使用asyncData还是默认的Apollo查询?

我正在使用Nuxt / Vue构建站点,并且使用了GraphQL后端API。我们使用Nuxt的Apollo模块来访问它。

在页面组件中,您可以执行此操作(我认为这称为智能查询,但我不确定):

    apollo: {
        pages: {
            query: pagesQuery,
            update(data) {
                return _get(data, "pageBy", {})
            }
        },
    }
Run Code Online (Sandbox Code Playgroud)

但是您也可以使用Nuxt asyncData挂钩执行类似的查询:

  asyncData (context) {
    let client = context.app.apolloProvider.defaultClient
    client.query({query, variables})
        .then(({ data }) => {
          // do what you want with data
        })
  }
Run Code Online (Sandbox Code Playgroud)

我不确定这两种方式之间的区别是什么,哪个更好。有人知道吗?我在任何地方的文档中都找不到解释。

async-await graphql nuxt.js vue-apollo

8
推荐指数
1
解决办法
1044
查看次数

将$(this)传递给函数

嘿伙计们,我正在尝试建立媒体播放列表,可以提升积分,播放视频并更改拇指悬停,视频结束和下一个/上一次点击的标题.所以我需要编写一些可以一起调用的函数.像这样:

    function showBox()
    {
        $(this).parents('.container').find('.box').show();
    };

    function hideBox()
    {
        $(this).parents('.container').find('.box').hide();
    };

    $('a').hover(
        function()
        {
            showBox();
        },
        function()
        {
            hideBox();
        }
    );
Run Code Online (Sandbox Code Playgroud)

问题是$(this)不会从.hover传递到函数.我该怎么做呢?

谢谢您的帮助!

jquery function this

7
推荐指数
2
解决办法
876
查看次数

WordPress - 使用wp.media将图库叠加添加到元数据库

我正在尝试使用元数据库在WordPress中存储逗号分隔的附件ID字符串.

我的metabox工作得很好,但是我试图以wp.media允许用户选择多个图像的方式打开叠加层,然后拖放它们,然后单击"选择"按钮时,它会放置字符串ID到元数据箱中.

请不要建议插件.我知道那里有很多它们,但我正在将它构建成一个主题并且想要最少的代码.

我和JS的PHP是这样的:

jQuery('.custom-post-gallery').on( 'click', function(e){
    e.preventDefault();

    var image_frame;
    if(image_frame){
       image_frame.open();
    }

    // Define image_frame as wp.media object
    image_frame = wp.media({
        title: 'Select Gallery Images',
        library : {
            type : 'image'
        },
        multiple: true
    });

    image_frame.states.add([
        new wp.media.controller.Library({
            id:         'post-gallery',
            title:      'Select Images for the Post Gallery',
            priority:   20,
            toolbar:    'main-gallery',
            filterable: 'uploaded',
            library:    wp.media.query( image_frame.options.library ),
            multiple:   image_frame.options.multiple ? 'reset' : false,
            editable:   true,
            allowLocalEdits: true,
            displaySettings: true,
            displayUserSettings: true
        });
    ]);

    image_frame.open();
});
Run Code Online (Sandbox Code Playgroud)
<?php
    $meta_key …
Run Code Online (Sandbox Code Playgroud)

javascript wordpress modal-dialog

7
推荐指数
1
解决办法
441
查看次数

jQuery和Vimeo Froogaloop API

我正在为WordPress构建一个插件,到目前为止,PHP库已经很好了.但我在使用JavaScript API时遇到了一些问题.

我正在尝试将它与jQuery一起使用,我认为WordPress版本的jQuery正在搞乱这个$f捷径.为什么这不起作用?

var vimeoPlayer = {

    init: function() {
        var vimeoPlayers = document.querySelectorAll('iframe'),
        player;

        jQuery('iframe.vimeo-player').each(function(index, iframe){
            player = vimeoPlayers[index];
            $f(player).vimeoPlayer.addEvent('ready', vimeoPlayer.ready);
        });
    },

    addEvent: function(element, eventName, callback) {
        if (element.addEventListener) {
            element.addEventListener(eventName, callback, false);
        }
        else {
            element.attachEvent(eventName, callback, false);
        }
    },

    ready: function(player_id) {
        alert(player_id);
    }
}

jQuery(document).ready(function($){
    vimeoPlayer.init.call();
});
Run Code Online (Sandbox Code Playgroud)

你可以在行动中看到它temp.woodshop.tv/?work/?dickies-campaign/?.

我收到此错误:

TypeError:表达式'$ f(播放器).vimeoPlayer'[undefined]的结果不是对象.

jquery events vimeo froogaloop

6
推荐指数
1
解决办法
2万
查看次数

我应该在使用FB.api()时传递访问令牌吗?

关于如何在发出受保护事物请求时将访问令牌传递给FB.api(),我感到有点困惑.

我正在让我的应用程序登录并进行身份验证,但如何将FB.api()与我拥有的访问令牌一起使用?

app.accessToken = response.authResponse.accessToken; // This is a valid access token.

FB.api('/me/friends?access_token='+app.accessToken, {fields: 'name,id,location,picture,installed'}, function(response) {
    console.log(response);
});
Run Code Online (Sandbox Code Playgroud)

这是将访问令牌传递给FB.api()的正确方法吗?

在这种情况下,我的回复带有朋友的姓名,身份证,位置,图片,但它似乎没有"已安装"的数据,因为它受到保护.

我这样做了吗?

facebook facebook-access-token

6
推荐指数
2
解决办法
1万
查看次数

将精选图像添加到wp_nav_menu项目

这是一个自我问答.

如何修改wp_nav_menu输出中出现的text/html?例如,我想为页面和类别添加特色图像.

您可以看到使用自定义walker执行此操作的示例,但代码对于小更改非常复杂.当然有一种方法可以使用过滤器吗?

wordpress menu filter

6
推荐指数
1
解决办法
7987
查看次数

使用 nth-child 选择连续的组?

是否可以使用 nth-child() 来选择连续的元素?

我有一份 24 件商品的订购清单。我想将它们分成 4 列。目前我正在这样做:

#location-menu li:nth-child(1),
#location-menu li:nth-child(2),
#location-menu li:nth-child(3),
#location-menu li:nth-child(4) {
    margin-left: 0;
}
#location-menu li:nth-child(5),
#location-menu li:nth-child(6),
#location-menu li:nth-child(7),
#location-menu li:nth-child(8) {
    margin-left: 100px;
}
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,到第 24 项时,情况就会失控。最好的办法是使用 CSS3 列将列表拆分成多个,但重要的是该网站可以在 IE8 中运行。

我希望有这样的事情:

#location-menu li:nth-child(1-4) {
    margin-left: 0;
}
#location-menu li:nth-child(5-8) {
    margin-left: 0;
}
Run Code Online (Sandbox Code Playgroud)

谢谢您的帮助!

css css-selectors

5
推荐指数
1
解决办法
6367
查看次数

Nuxt:在插件内部,如何将动态脚本标签添加到头部?

我正在尝试为 Nuxt 构建一个 Google Analytics 插件,该插件将从 CMS 获取跟踪 ID。我想我真的很接近。

我有一个仅在客户端加载的插件文件。nuxt.config.js该插件是通过数组加载的plugins:[{ src: '~/plugins/google-gtag.js', mode: 'client' }]

从那里开始,主要问题是 gtag 脚本需要其 URL 中的 UA 代码,因此我不能将其添加到nuxt.config.js. 我需要从商店获取这些 UA 代码(它是水合形式的nuxtServerInit.

因此,我head.script.push在插件中使用 URL 中的 UA 代码添加 gtag 脚本。但这不会导致在第一页加载时添加脚本,但会在所有后续页面转换中添加脚本。很明显,我head.script.push在页面渲染中运行得太晚了。

但我不知道如何获取跟踪 ID,然后将脚本添加到头部。

// plugins/google.gtag.client.js with "mode": "client
export default ({ store, app: { head, router, context } }, inject) => {
    // Remove any empty tracking codes
    const codes = store.state.siteMeta.gaTrackingCodes.filter(Boolean)

    // Add script tag to …
Run Code Online (Sandbox Code Playgroud)

head vue.js nuxt.js gtag.js

5
推荐指数
1
解决办法
8867
查看次数