首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【DeveMobile实例】利用Mobile Detect 制作单独移动端页面项目

该PHP 类库最强大地方是,它有一个非常完整库,可以检测出所用设备类型(包括操作类型,以及手机品牌等都能检测)和浏览器详细信息。...项目主页 Github主页 使用演示: // Include and instantiate the class. require_once 'Mobile_Detect.php'; $detect =...可能你发现DeveMobile主题主页用pc浏览器及在手机上访问页面是不同,实现方法异常简单,就是上面的代码: if ( $detect->isMobile() ) { include('mobile-index.php...'); }else { include('index.php'); } Devework 主题手机版切换实现 如果你希望为你WordPress 主题制作一个附属手机版本(附属是指文件都是单独一个主题中且自动切换...,而非一个pc端主题+一个手机主题),思路其实可以这样:对单个主题构成文件采用pc端+手机独立方法,比如说header.php,正常PC 访问就是主题根目录header.php,移动端访问则为mobile

87060

emlog pro 模板 API 大字典

hearder.php 文件使用类似如下代码进行逻辑判断,这些代码, header.php 是有效。 <?...// 一般,我们模板 php 代码引入除上述七个系统必要文件之外 php 文件时 // 可能会使用 require_once include 语句,如下 require_once 'function.php...最好不要超过 5MB,否则无法官方商店上线。 模板信息 模板信息要写在 header.php ,内容很简单。我们假设以「阳光」为例,以下是一个案例。...,简约大方,适合做个人生活、心情记录使用 Author:张三 Author Url:https://www.test.com */ 防跨权限访问 为防止模板文件被直接访问(有暴露系统敏感信息隐患),固模板所有...可以使用 Chrome 浏览器自带 dev tool 工具 lighthouse 工具来跑一下分,它会给出一些 SEO 优化建议。 模板信息获取 <?

63420
您找到你想要的搜索结果了吗?
是的
没有找到

WordPress 主题教程 #2:模板文件和模板

WordPress 主题教程 #1:介绍,我们已经学过了 WordPress 两条基本规则和术语,而这篇将会深入讲解模板文件,模板,以及每个页面的结构。...WordPress 博客每个页面是由多个模板文件组成,下面是首页例子: 在上图中,我们可以看出主题 index.php 是由 4 个模板文件组成: header.php,index.php,sidebar.php...Footer 模板文件: 像 header.php 模板文件一样,footer.php 通常不会因为页面的改变而改变,你可以在这里放置任何东西,但是通常是版权信息。...现在让解释为什么把上面图片中 index.php 所在区域标为红色。引文这块区域是会根据不同类型页面而发生变化。...如果你单一日志页面,这时候页面将会包含这四个模板文件:header.php,single.php,sidebar.php 和 footer。 ----

71720

typecho程序增加url唯一标签canonical教程

canonical标签是一种告诉搜索引擎您要在搜索结果显示哪个版本URL方法。使用canonical标签可以防止由于相同(或非常相似)或“重复”内容出现在多个URL而引起问题。...这种重复内容可能是多种形式出现,包括: 可在URL添加或不添加“ www”前缀网页 可通过“ HTTP”和“ HTTPS”协议访问网页 同一样目下多个列表页。...如果出现多个不同URL地址访问到页面都是首页,这时就可以使用canonical标签来规范首页网址,假设统一规范为https://cmsboy.cn,这时就需要在其他3个页面head标签内加上下面的一段代码...typecho主题header.php文件路径是:component/header.php 因此我们需要打开component文件夹并打开header.php文件。...4、从打开header.php头部文件找到第一次出现 <link 位置。 header.php头部文件第一次出现 <link是第304行,各位可以使用ctrl+f搜索它。

1.3K10

WordPress主题制作(二):模板和模板文件

制作WordPress需要了解PHP,但是无论如何,最终呈现在用户面前页面都是一张网页,网页之所以能够浏览器显示出来,是因为最终传送给浏览器是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器显示结果...WordPress 博客每个页面都是由多个模板文件组成,下面以一个首页为例进行简单说明: 在上图中,我们可以看出主题 index.php 是由 4 个模板文件组成: header.php,index.php...如果你单一日志页面,这时候页面将会包含这四个模板文件:header.php,single.php,sidebar.php 和 footer。...如果你页面(非日志),此时页面将会包含这四个模板文件:header.php,page.php,sidebar.php 和 footer。...footer模板文件 像 header.php 模板文件一样,footer.php 通常不会因为页面的改变而改变,你可以在这里放置任何东西,通常是版权信息

1.6K30

编写自己 WordPress 模板

整个开发过程遵循概念设计,可以是 PSD 或 HTML CSS。 PHP 编程一点介绍。但是,这不是此特定帖子必需品,但仍然推荐。... style.css ,插入以下注释。这会告诉 WordPress 仪表板有关主题详细信息和元信息信息。...(从技术讲,我们 php 文件编写 HTML。所以我们将 HTML 嵌入到 php 代码)。 所以 header.php,加上一些额外代码,就变成了; <!...如果当前页面仅包含要循环单个帖子,则此条件将成立。当它不是单身时,想通过其标题链接到该帖子。所以我使用 get_permalink()来获取该特定帖子网址。...但是,如果页面是单一,则不需要链接,因此,使用了 the_title()函数。 转到帖子信息已经展示了文章发表 the_date()和它 the_author()。

1.3K30

WordPress主题制作(四):制作头部模板header.php

我们可以提取这部分相似的代码,放到一个单独文件header.php,各个页面想用这部分代码时候再用WordPressget_header()包含进去就可以达到所有页面头部内容一致,不再需要给每个页面都写一次这部分代码了...我们之前创建主题目录wp-content\themes\Yii-Candy下新建一个文件header.php,我们提取出index.php头部代码复制粘贴到header.php即可,下面的是目前...header.php代码(不同主题头部代码可能不太一样,在你实际项目中可以自定如何书写): 现在刷新页面,查看我们修改后主题是否还可以正常工作,答案是肯定页面跟修改之前几乎没什么两样。 接下来,我们将仔细探讨header.php内容。...>" /> 显示菜单栏 这里只菜单栏列出页面page,将header.php以下代码: <a href="contact.html

1.2K20

emlog模板制作说明(一)

打开其默认模板目录:content\templates\default,我们可以看到如下文件: ?     每个文件具体作用在wiki里都有,就不再赘述。    ...但首先,觉得先得做出一个html页面,作为我们网站原型。     什么,如何做html页面这个博客使用是一款第三方前端库,但我不建议新手使用。...这样做就和emlog默认一些结构有所冲突,需要修改地方比较多。     但是使用第三方库很方便,开发速度也快,十分适合现在。    ...首先花了一天时间规划网站布局,并写出来一个html首页。基于这个首页,我们就可以将它改造成模板了。     按照从上往下顺序,首先新建一个header.php文件。...>     header顾名思义是网站头部,所以我们从html内容拷贝到header.php里,然后我们还可以把顶部导航菜单部分也凡在header.php里。

1K31

Genesis框架从入门到精通(3):框架内置动作

每个部分将从Genesis文件给出一个具体示例,并解释发生效果,还将告诉你如何举一反三。 删除动作 这是最简单部分。在上一篇文章解释了如何先添加然后再删除同一个动作。...假设你需要从你网站删除日志描述信息部分。该怎么做?我们知道这个信息循环中,因为它在归档视图中每个日志里都出现了。好,现在看看文件,哪一个会处理循环动作?...另请注意,第3行定义了函数,它必须和add_action()函数名称完全一直,这一点也非常重要。 代码内容就是为自定义循环创建了参数$args。首先是让已有的查询可以函数内部使用。...你可以使用逗号分隔变量创建多个全局变量 global $post, $query_string; 继续,下一行定义将定义用于自定义查询$args。...本系列下一部分将讨论一些其他很酷用于处理动作技巧,包括如何添加新操作,使用现有函数以及动作外部使用函数。

90830

erdaoo WP Theme 教程学习笔记

index.php 首先制作index.php,我们知道一个网页,代码主要分为二部分,一个是页头信息,一个是页面内容。... .........页头信息 .........页面内容 每个主题页头信息都是几乎一样,具体可以查看默认模板...header.php 文件(为保证所有页面的页头信息一致性,所有页头信息都放在 header.php 文件。)...> class 现在我们得要说说 class 了,它是与 id 都是标签属性,但是不同之处在于,id 参数值是唯一,它在一个页面只能使用一次,而 class 参数值是可以多次使用,...注意一点,本教程代码是制作模版代码(PHP 代码),WP中使用一个主题也就是等于套用一个模版。在网站查看源代码是看不到模版代码(已经被解释成 HTML 代码)。 <?

59030

分享Emlog博客程序建站SEO优化技巧方法

更为彻底处理方法是去/include/controller目录修改一干XXX_controller.php文件相关字段。再处理/t/index.php文件。    ...>函数放到header.php文件title标签里,此函数需module.php文件定义:具体操作方法见 >>如何解决emlog列表分页标题相同问题 二、禁止抓取某些页面     为了减轻蜘蛛抓取压力提高搜索引擎优化效率...,原则建议把不需要蜘蛛收录页面统统设置成禁止抓取形式。...robots.txt文件配置disallow标签可以阻止搜索引擎收录,但无法阻止抓取,也就意味着减轻蜘蛛抓取压力作用十分有限。...举例来说,本文正确访问路径应该是/post-189.html,但是换成/post/189.html甚至于/seo/189.html这些根本不应该存在路径同样可以访问,同一文章页出现了多个访问路径。

1.7K10

面向网站Google Analytics

请务必root权限下或者使用sudo前缀来执行以下步骤。有关权限更多信息,请参阅我们用户和组文档。...如果您没有为头文件使用单独PHP文件,或者希望将代码保留在头文件之外,这将非常有用。这也使对于跟踪代码更改更加有效,因为您只需编辑一个文件。...3.如果您网站没有单独头文件,则您就需要在每个页面中都插入代码,请直接跳至步骤4;假如有头文件,请打开头文件(此例header.php)并将以下代码添加到标签后:[6u31qjpu1b.png...通过使用文本流编辑器命令(sed),您可以将所需代码一次性插入到多个文档: sed -i 's//<?...任何有关您网站数据最多可能会需要二十四小时才能显示Google Analytics。 更多信息 有关此主题其他信息,您可以需要参考以下资源。

2.6K50

Wordpress

php/*描述说明:用来实现挂载actionwp_enqueue_scripts动作触发,实现方法。...由于某些动作可能会把多个参数传给响应函数,所以这个有时候需要指定响应函数能接受多少个参数。这个参数是 1.5.1 版加进去。这个函数类似于Qt信号槽机制。...*/add_action('wp_enqueue_scripts','university_files');2.header.php文件,通过wp_head()方法引入。...所有信息都填进这个posts,把当前post所有信息都填进这个posts),把当前post所有信息都填进这个post变量,以备接下来使用。...-- 1.the_permalink()循环函数(the_post())返回当前URL,该标签必须在循环中,由于是动态生成URL(每次循环返回不同),所以不能用于指定某一特定文章

57920

如何在Ubuntu 14.04设置XHProf和XHGui以分析PHP应用程序

如果您按照本教程所有步骤操作,则头文件应位于/var/www/xhgui/external/header.php。...接下来部分将向您展示如何自动将此头文件添加到Apache和Nginx环境所有PHP脚本。对于此示例,我们将为作为此服务器主网站托管WordPress应用程序启用分析。...XHGui概述 当分析信息可用时,您应该看到如下页面: 您可以在下面找到此概述表每个字段快速说明: 方法:分析请求中使用方法 URL:已分析URL 时间:收集此分析数据时间 wt(挂号时间)...您应该看到这样页面左侧,您可以看到有关所分析请求信息,例如使用方法,脚本名称和URL,请求参数等。...页面内容,您可以识别花费最多时间执行函数或方法,以及具有更高内存消耗函数或方法。所有这些信息都与特定分析运行和请求有关。

1K01

使用百度统计跟踪和分析 WordPress 404 页面

使用百度统计跟踪 WordPress 404 页面 默认情况下百度统计是不能识别 404 页面的,但是现在百度开放 JS API,我们可以使用百度 JS API 跟踪和分析 404 页面。...首先网站需要安装百度统计代码,然后在当前主题 header.php 添加如下代码: var _hmt = _hmt || []; <...百度统计中分析 WordPress 404 页面 登陆到百度统计,点击 页面分析 > 受访页面,然后页面过滤输入框输入:http://blog.wpjam.com/404/,这样就可以查看到所有的...404 页面的链接了: 目前百度统计单个页面的来源统计这块还是不太行,所以目前只能使用百度统计查看那些 404 页面用户访问得比较多,然后查看下各种来自各个搜索引擎或者来源 404 页面分别是哪些...如果可以直接查看每个页面的来源就非常完美了。 ----

35510

停止滥用div! HTML语义化介绍

已经看过(并且使用过)这种模式很久了,以这种方式构造文档非常有意义,既可以读取HTML,又可以更加简单地CSS设置页面样式。...页眉和页脚元素页可以使用PHP或Rails/ERB等语言中部分模版来更易于使用,因为你可以整个站点中包含常见页眉和页脚部分: 所以这就是事情:每个人都认为这是一个很好模式。...所有其它东西,徽标、搜索表单和导航栏等都可以但是之外。 文档不能有多个可见main元素。...或者更确切地说,它可以文档多次被使用但是一次只能看到一个元素,所有其它( )必须被使用隐藏属性隐藏,如CSSdisplay:none。

97440

YoungxjTools开源工具箱

网站信息设置,内置smtp发信配置 答疑解惑 问:有些小伙伴可能会拿去做导航,做工具箱,那么之后如果需要添加和创建自己工具应该如何操作呢?...答:项目本身支持站内站外跳转,添加新工具箱,你只需要在网站根目录创建一个文件夹,文件夹内部就是你工具箱,只需要在头部插入 <?...php $id="xx"; //后台生成工具id include "../header.php"; ?> 这是你主体 <?php include '../footer.php';?...答:本项目搭建到测试都使用5.6使用7.2测试安装时发现不能正常安装,所以建议大家还是使用5.4-5.6版本 问:需要注意些什么?...答:如果确定数据库已经导入,请删除header.php文件几行代码: if ($_SERVER["DOCUMENT_ROOT"] == getcwd()) { if(!file_exists('.

3.2K260

WordPress面试题

基本结构: index.php文件使用 WordPress 提供函数来获取头部、尾部等页面结构。 可以创建其他模板文件,如header.php、footer.php等,以更好地组织代码。...添加后台页面使用add_menu_page等函数来添加插件 WordPress 后台菜单页面页面添加表单和处理逻辑,如保存设置。...找到要修改文件: 通过查看主题文件,找到你希望嵌入前端代码文件。通常,你会在 header.php 中找到 标签,footer.php 中找到标签。... header.php 添加代码: 如果你希望页面的 标签添加 HTML、CSS 或 JavaScript 代码,可以编辑 header.php 文件。...-- Your HTML, CSS, and JavaScript code goes here --> footer.php 添加代码: 如果你希望页面的标签之前添加代码

30340
领券