精华内容
下载资源
问答
  • <p>I am an extremely beginner of Wordpress. I need to add a tradingview widget on my Wordpress page. Code as below. <p></p> <pre class="snippet-code-html lang-html prettyprint-override"><code><...
  • WordPress Github Gist嵌入 这个简单的WordPress插件可让您将...将要点链接粘贴到WordPress帖子或页面中,它将自动为您嵌入。 如果要点有多个文件,则可以在WordPress帖子或页面中使用以下URL格式仅选择一个文件。
  • The staff can set their own availability but the can do that only by logging in the WordPress dashboard and especially Users->Your profile page. <p>It would be perfect if i could create a widget ...
  • twine 从一开始,我就希望我的WordPress网站romanluks.eu上的“关于我”页面是交互式的。 最初,我尝试了Dart,这是Google开发的一种编程语言,可以转换为JavaScript。 当我意识到自己在开发游戏而不是“关于我”...

    twine

    从一开始,我就希望我的WordPress网站romanluks.eu上的“关于我”页面是交互式的。

    最初,我尝试了Dart,这是Google开发的一种编程语言,可以转换为JavaScript。 当我意识到自己在开发游戏而不是“关于我”页面时,我终止了该项目。

    稍后,我发现了Twine ,这是一个用于创建交互式故事的开源工具。 它使我想起了我小时候喜欢的游戏本。 在Twine中创建相互关联的文本非常容易,并且非常适合我想要的类似于采访的格式。 因为Twine直接发布为HTML,所以您可以用它做很多有趣的事情-包括创建交互式小说冒险游戏或在博客或网站上发布故事。

    早期的斗争

    我在Twine中创建了“关于我”页面,然后尝试将其粘贴到WordPress页面中。

    WordPress和Twine说:“不行。”

    您会看到,从Twine导出的Twine故事只是一个网页(即HTML格式的文件)。 但是,它不仅包括HTML,还包括JavaScript代码。 而且,当您仅尝试复制粘贴内容时,它不起作用。 我尝试将粘贴内容仅缠绕在Twine故事页面的正文中而没有成功。

    我以为“我想我需要单独添加该JavaScript代码”,然后尝试了自定义字段。

    不。

    我从调查中休息了一下。 我刚刚通过FTP上传了“关于我”麻线的故事,并从我的网站菜单中链接了该故事。 人们可以访问它并与该故事进行交互,但是,没有菜单,并且感觉不像是我的网站的一部分。 我为自己做了一个陷阱。 这让我意识到我真的希望我的“关于我”直接出现在我的网站上。

    DIY嵌入

    我对这个问题不屑一顾,并提出了解决方案

    有效。 它不是完美的,但是有效。

    但这并不完美 有没有更好的办法? 肯定会有更好的方法……

    这花了我几毛,但我设法获得了响应性的iframe和自动滚动

    感觉好多了。 我为自己感到骄傲,并在Reddit上分享了它。

    嵌入麻线之路

    突然,一个主意! 如果人们可以使用WordPress插件而不是按照我的教程怎么办?

    他们只需要给插件一个Twine的故事,其余的工作就可以解决。 轻松自如。 无需复制粘贴任何JavaScript代码。

    那不是光荣的吗?!

    我不知道WordPress插件如何工作。 我只知道它们是用PHP编写的。 不久前,我从事PHP开发人员的兼职工作,而且我还记得一些基础知识。

    容器和WordPress

    我向朋友提到了我的想法,他建议我可以将容器用作WordPress开发环境。

    过去,我一直使用XAMPP ,但是我想尝试一会儿容器。

    没问题,我想! 在学习如何制作WordPress插件并恢复PHP技能的同时,我将学习容器。 那应该足够刺激。

    是的。

    我不记得我停下,移走并重建了容器多少次。 我必须使用命令行。 而且文件权限很麻烦。

    好家伙! 这就像在玩一个您喜欢玩的游戏,尽管这会让您非常生气。 这具有挑战性,但很有意义。

    我发现创建一个简单的WordPress插件非常容易:

    • 编写源代码
    • 将其保存在WP插件目录中
    • 测试一下
    • 重复

    容器使您可以轻松使用特定的环境,并且在拧紧并需要重新开始时很容易清理。

    使用Git可以避免意外删除整个代码库。 我使用Sourcetree作为我的Git用户界面。 最初,我用Notepad ++编写代码,但是当我将代码分成多个文件时,我切换到了Atom 对于极客来说,它是一个很棒的编辑器。 使用它就像代码自己编写。

    中场休息

    那么,到目前为止我们知道些什么?

    • 我想要一个交互式的“关于我”页面
    • 我在Twine中创作了一个“关于我”的故事
    • Twine导出网页(作为包含JavaScriptHTML文件)
    • WP插件易于制作
    • 容器很棒

    嵌入麻线诞生

    我想要一种将Twine故事嵌入WordPress的简单方法。 因此,我使用了软件开发的能力,无所事事地使用了容器,编写了一些PHP代码,并将结果发布为一个名为Embed Twine的WordPress插件。

    安装插件

    1. 将插件文件上传到/ wp-content / plugins / plugin-name目录,或通过WordPress插件屏幕安装插件。
    2. 通过WordPress中的“插件”屏幕激活插件。

    使用插件

    安装Embed Twine插件并创建Twine 2故事后,将其嵌入到WordPress网站中:

    1. 将您的Twine 2故事导出到HTML文件中。
    2. 通过插件的界面上传。
    3. 将简码插入页面或帖子中。
    4. 享受您的嵌入式故事。

    该插件还提供自动滚动功能,使用户可以轻松浏览您的故事。

    配置插件

    该插件可通过简码参数进行配置。 要使用简码,只需将[embed_twine]放入您的帖子中。

    您可以使用以下格式的其他参数: [embed_twine story =“ Story” aheight = 112 autoscroll = true ascroll = 100] ,如下所示:

    • 故事:指定故事名称(不带扩展名的文件名)。
      • 如果story参数被省略,则默认为“ Story”。 这意味着如果您的Twine文件名是Story.html,则无需使用此参数。
      • 如果您上载名为MyFooBar.html的Twine故事,请使用简码: [embed_twine story =“ MyFooBar”]
    • aheight:使用此参数可以调整iframe的高度。 您可能需要调整高度以摆脱iframe滚动条。 预设值为112; 将此值添加到iframe高度,并用于设置iframe的style.height
    • 自动滚动:默认情况下启用自动滚动。 您可以使用简码参数[embed_twine autoscroll = false]将其关闭。
    • 升序:使用此选项可以调整自动滚动的默认位置。 预设值为100; 从iframe的顶部位置减去此值,然后将其输入JavaScript方法window.scrollTo()中

    已知错误

    当前,包含图像的Twine段落可能会错误地报告其高度,并且滚动条可能会显示这些段落。 调整shortcode参数aheight摆脱它们。

    剧本

    1       <?php
    2      
    3       /**
    4       * Plugin Name: Embed Twine
    5       * Description: Insert Twine stories into WordPress
    6       * Version: 0.0.6
    7       * Author: Roman Luks
    8       * Author URI: https://romanluks.eu/
    9       * License: GPLv2 or later
    10      */

    11     
    12      require_once ( 'include/embed-twine-load-file.php' ) ;
    13      require_once ( 'include/embed-twine-parent-page.php' ) ;
    14      require_once ( 'include/embed-twine-process-story.php' ) ;
    15     
    16      // Add plugin to WP menu
    17      function embed_twine_customplugin_menu ( ) {
    18     
    19          add_menu_page ( "Embed Twine" , "Embed Twine" , "manage_options" , __FILE__ , "embed_twine_uploadfile" ) ;
    20      }
    21     
    22      add_action ( "admin_menu" , "embed_twine_customplugin_menu" ) ;
    23     
    24      function embed_twine_uploadfile ( ) {
    25          include "include/embed-twine-upload-file.php" ;
    26      }
    27     
    28      // Add shortcode
    29      function embed_twine_shortcodes_init ( )
    30      {
    31          function embed_twine_shortcode ( $atts = [ ] , $content = null )
    32          {
    33              // Attributes
    34              $atts = shortcode_atts (
    35                  array (
    36                      'story' => 'Story' ,
    37                      'aheight' => 112 ,       //adjust for style.height (30) and margins of tw-story (2x41)
    38                      'autoscroll' => true ,   //autoscroll enabled by default
    39                      'ascroll' => 100 ,       //adjust for autoscroll
    40                  ) ,
    41                  $atts ,
    42                  'embed_twine'
    43              ) ;
    44     
    45              $content = embed_twine_buildParentPage ( $atts [ 'story' ] , $atts [ 'aheight' ] , $atts [ 'autoscroll' ] , $atts [ 'ascroll' ] ) ;
    46     
    47              return $content ;
    48          }
    49          add_shortcode ( 'embed_twine' , 'embed_twine_shortcode' ) ;
    50      }
    51      add_action ( 'init' , 'embed_twine_shortcodes_init' ) ;

    本文改编自Roman Luks的博客和WordPress插件上的Embed Twine页面。

    翻译自: https://opensource.com/article/20/2/embed-twine-wordpress

    twine

    展开全文
  • WP Github Gist WordPress插件提供了将Github中的gist和文件嵌入到您的博客文章或页面中的功能。 即使Github没有提供嵌入文件的方式,该插件仍然可以通过使用gist-it服务来工作。 特征 嵌入要点 要嵌入要点,您必须...
  • 如何在Wordpress中为Xvast嵌入HTML5 DRM视频播放器? 在Wordpress中为Xvast嵌入HTML5 DRM视频播放器只需要添加一小段代码就可以将播放器嵌入到您的网站中。 注意:对于iOS在线播放,为了确保Xvast浏览器可以识别到您...

    如何在Wordpress中为Xvast嵌入HTML5 DRM视频播放器?


    如何在Wordpress中为Xvast嵌入HTML5 DRM视频播放器?
    在Wordpress中为Xvast嵌入HTML5 DRM视频播放器只需要添加一小段代码就可以将播放器嵌入到您的网站中。

    注意:对于iOS在线播放,为了确保Xvast浏览器可以识别到您的视频地址,请确保Video标签的ID为xvast_player。

    在这里插入图片描述
    在网站后台添加文章或者页面,在编辑器中将编辑视图切换到 “文本”,然后把代码复制到编辑器中,点击发布即可,播放器的位置可以根据您的需要自行修改CSS代码(XvastPlay.css)进行设置。

    1.引用CSS和JS文件,video-js.css、video.js为VideoJS的库文件,XvastPlay.css为后添加的Xvast播放器的样式文件。
    2.为播放器添加获取许可证的播放按钮,若用户没有获取许可证,该按钮将会显示,点击后将会执行JS事件跳转到获取许可证页面。可根据你们需求修改XvastPlay.css。
    3.为iOS 版Xvast嵌入在线播放或下载播放的视频URL。
    4.这部分为HTML5播放器代码,根据JS进行检测用户使用的浏览器是否为Xvast,如果不是,会提示用户下载使用Xvast打开加密后的文件。
    5.播放器的控制按钮,通过JS代码控制播放器的快进、快退、播放、暂停和重新播放。(根据需要选择使用)
    6.Xvast在线播放器获取许可证的检测代码。
    我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

    样例代码下载:https://www.xvast.cn/XvastPlayer/Xvast-demo.html
    (引用的JS和CSS可以下载后放置到您自己的服务器)

    <link rel="stylesheet" type="text/css" href="https://www.xvast.cn/XvastPlayer/css/video-js.css" />
    <link rel="stylesheet" type="text/css" href="https://www.xvast.cn/XvastPlayer/css/XvastPlay.css" />
    <script src="https://www.xvast.cn/XvastPlayer/js/video.js" type="text/javascript" charset="utf-8"></script>
    <!--<link rel="stylesheet" type="text/css" href="https://www.xvast.cn/XvastPlayer/css/skin/TechSkin-skin.css" />-->
    <div id="LoadingText" style="display: none;" align="center">
    	请稍等,正在获取许可证...
    </div>
    <div align="center" style="margin-top: 10px">
    
        <div id="playerButton" style="display: none;">
            <button onclick="supportType(event,'video/ogg','theora, vorbis')" class="playerButton" type="button">获取许可证...</button>
        </div>
        
    	<p><a href="https://www.drm-x.com/download/Stay_P.mp4">在iOS中在线播放MP4</a></p>
        
      <script type="text/javascript">
            if(navigator.userAgent.indexOf("Xvast") == -1){
                document.write("提示:请在Xvast浏览器中打开受保护文件。下载Xvast");
            }else{
                document.write('<video id="xvast_player" controls="controls" src="https://www.drm-x.com/download/Stay_P.mp4" class="video-js" data-setup=\'{ "autoplay":false, "playbackRates": [0.5, 0.7, 1, 1.5, 2, 3, 4], "width": 856, "height": 480 }\'>');
            }
        </script>
        
    </div>
    <div id="buttonbar" align="center">
        <button id="restart" onclick="restart();">[]</button><button id="rew" onclick="skip(-5)"><<</button><button id="play" onclick="vidplay()">></button><button id="fastFwd" onclick="skip(5)">>></button>
    </div>
    <script src="https://www.xvast.cn/XvastPlayer/js/XvastPlay.js" type="text/javascript" charset="utf-8">
    
    展开全文
  • Google Docs简码是WordPress的一个小型插件,可让您使用将Google Doc轻松地嵌入到博客文章或页面中。 推荐:安装插件以在WordPress编辑器中获得即时的Google Doc预览。 该插件是为开发的。 根据GPLv2或更高版本...
  • 将MP4视频文件嵌入到帖子/页面WordPress网站上的任何位置 从移动设备观看时,嵌入响应式视频以提供更好的用户体验 嵌入与所有主要浏览器兼容HTML5视频 嵌入带有海报图像的视频 使用videojs播放器嵌入视频 呈现页面...
  • 它从wordpress页面获取内容和设计,并将其嵌入到您PHP网站中。 您现有站点的设计不受影响(例如,页眉和页脚)。 这是通过用Shadow DOM封装CSS来实现的。 链接和URL是自动固定的。 除了图像URL,这些URL保持不变...
  • 这是使用短代码嵌入Apple Map的WordPress插件。 它使用Mapkit JS,并且仅是一个演示-尚未准备好投入生产。 这里有一篇博客文章,解释了Mapkit JS的工作方式: ://mattrad.uk/embedding-apple-map-wordpress/。 内容...
  • 在您的wordpress页面嵌入任何讨论主题。 描述 该插件可让您嵌入任何主题的第一篇文章。 激活后,它会提供一个简单的wordpress简码: [discourse topic_id="xxx" type="subject/full/reverse-full/author-info...
  • 例如,一旦将表单嵌入到帖子或页面中,重力表单将使jquery入队。 在这种情况下,您可以通过iFrame包含表单。 您可以使用插件来简化集成。 网络字体 建议使用本地网络字体,而不要使用外部CDN(例如Google字体)。 ...
  • 大商务 将 Bigcommerce 托管的电子商务购物车产品图片和链接集成到 WordPress 中。... 使用 WordPress 图片编辑器工具选择链接到产品页面、产品图片或全尺寸产品图片。 使用 WordPress 图像编辑器工具添加 alt、标题、
  • 将HTML5路径用WebView加载,h5页面在选择不同的浏览器,都会出面页面加载不全现象。 ❤分析原因: 使用HTML5 DOM存储,不会主动加载到Android WebView中。 具体分析详见  ...

    ❤出现问题:

    将HTML5路径用WebView加载,h5页面在选择不同的浏览器,都会出面页面加载不全现象。

    ❤分析原因:

    使用HTML5 DOM存储,不会主动加载到Android WebView中。

    具体分析详见     https://eyalvardi.wordpress.com/2014/01/20/android-and-angularjs/ 

    ❤解决方案:

    webView.getSetting()..setDomStorageEnabled(true);

    加上这句就可以轻松解决啦~

    展开全文
  • WordPress的Quicklink尝试使导航到后续页面的速度更快。 随插件嵌入的是一个javascript库,该库可检测视口中的链接,等到浏览器闲置并预取这些链接的URL。 该库还尝试检测用户连接速度慢还是数据计划。 该插件很大...
  • 每个Fontsampler都可以使用简单的短代码嵌入到任何Wordpress页面或Post中,如下所示: [fontsampler id = 123] 代替短代码,插件将呈现适当的界面,以预览和操作字体。 每个Fontsampler实例都可以完全配置: ...
  • 您可以使用第三方平台,如SoundCloud嵌入音频,但这篇文章的目的是为了让你使用默认的媒体上传上传音频文件,并将其嵌入到一个文章或页面。在这篇文章中,我们将向您展示如何在WordPress使用oEmbed的MP3音频文件。 ...
  • Simplechart可让任何人快速创建易于嵌入到任何网页中的交互式数据可视化。 技术概述 该插件为Charts设置了自定义帖子类型,并在iframe中启动。 用户通过iframe中的JS应用创建图表后,重新创建它所需的所有信息...
  • 默认情况下,WordPress里可以让你发布两种类型的内容:“文章(Posts)”和“页面(Pages)”。在WordPress3.0版本中,你可以依据内容本身的属性特征定义更多的内容类型。 2.菜单管理 菜单管理应该算是WordPress3.0...
  • 使用,其他WordPress网站可以使用WordPress REST API嵌入来自WordPress中心博物馆的收藏。 安装 要安装适用于WordPress的Museum,请在WordPress插件目录中解压缩,或通过WordPress插件安装程序上传发布zip。 要...
  • 原生主题设置页面无缝嵌入WORDPRESS后台,页面更自然,速度重新; 主题选项 主题的颜色(蓝,灰,红三种颜色可选),显示样式(纯文本或标题可选),百度统计,百度推送。 首页选项首页描述信息,首页关键字,首页放...
  • Pdf Premium可以直接在WordPress文章或页面嵌入 PDF文件,然后使用Javascript在前端解析和显示pdf文件,不使用任何iframe框架和第三方服务。用户可以通过通过上下分页按钮切换PDF页面,也支持放大缩小功能。专业版...

    这里写图片描述

    Pdf Premium是一款Pdf嵌入式专业版插件,你可以在你的WordPress网站嵌入一个动态和优雅的Pdf查看器,并且我们增加了对移动设备的支持。

    Pdf Premium可以直接在WordPress文章或页面中嵌入 PDF文件,然后使用Javascript在前端解析和显示pdf文件,不使用任何iframe框架和第三方服务。用户可以通过通过上下分页按钮切换PDF页面,也支持放大缩小功能。

    专业版功能:
    完美嵌入页面自适应
    用户可以添加“PDF下载”按钮允许用户在自己选择的查看器中获取PDF文件,也可以设置加密隐藏。
    后台设置可以禁用右键
    另存当前界面为图片保存
    输入页码直接跳到页面
    跟踪查看和下载次数
    可以添加自己的水印
    支持移动设备
    支持全屏查看

    中文演示

    展开全文
  • 拖放页面生成器(元素):无需编码技能 与WordPress 4.9兼容 HTML5,CSS3,jQuery驱动 响应式设计和视网膜就绪 跨浏览器兼容 易于定制–使用实时定制器 优化了移动设备的性能 具有可靠的ajax投资组合详细信息和...
  • – 从版本2.0开始,您还可以在页面上展示你最受欢迎的日志! WP-Cache和WP Super Cache 现已支持!从版本2.0起,Wordpress Popular Posts完全兼容缓存插件! 分类排斥 – 要在表单上排除某些分类?使用排除分类...
  • 您可以使用第三方平台,如SoundCloud嵌入音频,但这篇文章的目的是为了让你使用默认的媒体上传上传音频文件,并将其嵌入到一个文章或页面。在这篇文章中,我们将向您展示如何在WordPress使用oEmbed的MP3...
  • 通过WordPress中的“插件”菜单激活插件 将Github仓库或用户URL粘贴到帖子或页面中 支持这个免费的插件 在您的实时网站上使用此插件? 请给世界买些树... 通过植树来支持这个免费的插件 众所周知,解决气候危机并...
  • WordPress最著名的是网站内容管理系统,但它也是用于交付在线课程的出色的学习管理系统 (LMS)。... 您可以从H5P的示例和下载页面下载各种各样的内容类型,也可以创建独特的内容嵌入WordPress网站中。...
  • wordpress做网站,但是用wordpress自带的页面做首页,但是我想里面的内容带php代码,可以运行期php代码。我试了半天都没有成功,后来终于找到个插件,成功的解决了这个问题,现在我把这个插件分享给大家。他的名字...

空空如也

空空如也

1 2 3 4 5
收藏数 97
精华内容 38
关键字:

wordpress嵌入页面