-
CSS3判断横屏竖屏方式（三种）
很多时候，为了让手机版横竖屏时有一个理想的效果，我们都需要通过判断区间来设定相应的 css 样式，现在的 CSS3 推出了一个可以判断手机横竖屏的媒体查询。在做移动端页面的时候经常会遇到需要判断横屏还是竖屏，下面将目前已知的通过 HTML，CSS，JS 三种判断方法记录下来，方便以后翻阅。 1、通过在 html 中分别引用横屏和竖屏的样式： <link rel="styleshee…- 4
- 0
-
CSS实现隐藏滚动条并可以滚动内容
当我们的内容超出了我们的 div，往往会出现滚动条，影响美观，尤其是当我们在做一些导航菜单的时候，滚动条一出现就破坏了 UI 效果。 我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。 我们经常在前端开发中遇到这种情况，最容易想到的是加一个 iscroll 插件，但其实现在 CSS 也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法一： 计算滚动条宽…- 11
- 0
-
移动端自适应样式@media的使用方法
通用手机端样式： @media all and (orientation : portrait) { /*竖屏*/ } @media all and (orientation : landscape) { /*横屏*/ } 指定手机端高度样式： @media screen and (max-width: 750px) @media screen and (min-width: 720px) and…- 5
- 0
-
JS判断浏览器环境（pc端，移动端，还是微信浏览器）
今天突然看到一段很好的代码，分享给大家，顺便也给自己留个笔记。我们部署在 Web 服务器上的前端应用，既可以用 PC 浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至能在车载系统、穿戴设备和电视平台上访问。设备的多样化让用户无处不在，有时候我们需要根据不同的浏览器运行环境做出对应的处理。浏览器是 JavaScript 的承载体，我们可以从浏览器上获取相关的信息，来进一步处理我…- 27
- 0
-
如何用CSS实现自适应宽高等比例的容器
我们知道图片高度为 auto 时，宽高比会以图片原始尺寸的比例缩放，但如果每个元素里无图片且内容行数不固定或者每个元素里的图片宽高比不一致时，如下图，该如何实现每个 的宽高比例不变且一致呢？我们从自适应的角度探讨这个问题，即每个<li>的宽度为：31.3333%。目前通过 CSS 实现效果就有两种方法，在实际项目是可根据情况合理使用其中一种方法。 VW 单位实现 vw：视窗宽度的百分比…- 6
- 0
-
判断用户在移动端访问还是桌面端访问
随着移动网络流量逐渐超过桌面电脑的流量，大家对移动版网站越来越重视了，现在国际主流的做法是以自适应的方式增加网站对移动客户端的友好度，另外一种比较常见的方法就是专门为移动网络开发一个版本。两种方式各有利弊，自适应的方式当然是通过 CSS 来实现，专门的移动网站往往是通过程序判断来是实现的，WordPress 给我们提供了一个非常便利的函数来实现这个需求。 WordPress 方法： if( wp_… -
网页调启用qq对话聊天客服窗口的链接地址方法大全（包含移动端）
今天在改网站的时候发现网页跳转qq聊天的链接有些变化，在一番查找后发现有几种链接方式。 在PC端，腾讯的QQ软件还是应用最为广泛的即时通讯工具了，除了网站自动的一些对话软件外，qq可以有效的将用户留存下来，长线发展，所以在网站添加qq对话聊天窗口的链接尤为重要，尤其是对一些半商业型的网站来讲，所以微码盒今天给大家推荐一下多用的qq聊天唤醒链接方法具体链接如下，只需要调整下qq号即可，方便实用。 P…- 186
- 0
-
导航菜单含有子菜单时图标切换的处理
本站在重写移动端左侧菜单功能时，导航中的菜单有子菜单，并且有一个文件夹的图标，当点击这个子项的时候，他的子目录会打开，并且图标为原来的文件夹图标切换成文件夹打开状态的图标。刚开始一时卡住不知如何写，过了会终于找到了思路，感觉挺好！ 上效果图 实现方法 WordPress 导航菜单中，如果含有子菜单的，那这个 li 的 class 里都含有一个：.menu-item-has-children 的样式…- 15
- 0
-
纯代码为WordPress移动端底部添加菜单栏功能
随着微信的崛起，连带着微信公众号也成为了一时火热。我依稀还记得当初给客户做微信商城的时候，商家的第一个要求几乎都会提到——底部自定义菜单功能。如今嘛，虽说这个功能已经逐渐没落了，但它也乘着站在风口之际，迅速成为了移动端的一个标配，比如有赞商城。前阶段，我一直想着啥时给公司网站重新写个移动端界面，今天终于有空处理了，然后忽然想到这个底部 nav 菜单栏功能，便顺手写上这个功能。总体马马虎虎，就一段简…- 219
- 0
-
WordPress网站页面静态缓存PC移动端判断无效怎么办
最近，我们遇到了这样的问题，我们知道 WordPress 网站可以确定客户端用户的 UA 信息是否可以确定用户是移动的还是 PC 设备访问的，这样他就可以显示不同的内容或显示不同的广告，有些广告只适合 PC 显示，或者只适合在移动端显示，但是如果我们将页面提供给静态缓存 HTML，我们会发现这是无效的。您访问的页面是第一次访问生成的静态文件。 如果对移动设备的第一次访问是根据移动设备生成的 htm…- 312
- 0
-
网站首页排名突然消失问题如何解决
最近有很多关于网站首页排名消失怎么办的话题。我也遇到了一个情况，我的网站在百度移动端的排名突然消失，但是内容页的排名没有受到影响，最终首页也恢复了。根据我的多年优化经验，网站首页排名的消失大致分为过度优化/降权、搜索引擎算法变化、受快速排名影响三种情况。 如果是过度优化导致的排名问题，建议检查网站TDK的改动、关键词堆积、采集内容、恶意链接、首页页面存在问题等情况，并解决问题。如果是搜索引擎算法变…- 54
- 0
-
百度竞价创意样式发展及应用
众所周知，真正能够制定相关竞价规则的公司，大多都是上市公司，出于推动股价持续上涨的需要，必须持续进行赢利点的挖掘，竞价体系按照点击付费的根本特性，各个平台对点击率的导向从没停歇过。无论是百度，搜狗，360，亦或是移动端的神马，都是如此。这其中，最为复杂的非百度莫属，本文也将就百度的创意重点梳理，希望大家能有一个清晰的认知。 独具创新意义的蹊径，是百度在普通创意的大环境下，真正推出的第一款创意样式，…- 15
- 0
-
移动端页面如何优化的13条建议
移动端应该可以说是这几年兴起的，以前好多网站都是只做 PC 端没有做移动端，但是现在的移动端发展太快了，好些行业的移动端流量都比 PC 端的流量多。那么移动端页面如何优化呢？首先讲下什么叫一个页面，不管是首页还是文章页或栏目页，它们都是一个页面，搜索引擎的排名也是由一个页面一个页面参加排名的，不是整个网站排名的，要记住这一点。 一、页面的打开速度 相对 PC 端的打开速度，移动端的打开速度要比 P…- 24
- 0
-
头条权重通过百度统计分析头条流量访客来源
昨天晚上阿南跟朋友在外面谈事，偶然发现某个 SEO 大佬微信群分享出来的一张 SEO 站长工具查询结果图，图片中除了我们熟悉的百度权重以及 360 权重、神马权重以外，居然还出现了“头条权重”。其实关于头条开始设计搜索引擎领域的言论在网上非常的多，据阿南得知，搜外早在半年以前就已经开始在研究头条搜索规则了，有幸在上次参加搜外长沙 SEO 线下交流会中，也从夫唯老师的分享中学到了很多关于头条 SEO…- 368
- 0
-
如何提升内容收录率的五个方法
如何运用站长东西实现更新发布的内容日均录入 90%以上?今日拿个人网站运用站长东西的一些经验给咱们聊聊，上一年我的一个网站基本上没怎么更新，从 3 月底网站开端正式更新，每天更新量在 20-30 篇文章左右，每天录入量在 90%左右，以下是东西运用的介绍，写的不到位的，还请多多谅解。 1、链接提交，咱们能够看到这个选择下面，有四种推送办法：自动推送、sitemap 推送、手动推送、自动推送，有时分…- 13
- 0
-
电商网站如何提高网站内用户的转化率
网站搜索关键词的相关性网站的主题对于优化关键词的内容非常重要。如果用户搜索的关键词与您的网站相关，网站内用户的转化率也会很高。从另一个角度考虑，在百度寻找内容的用户必须期望展示相关网站。内容与搜索关键词的相关性百度等搜索引擎现在越来越重视内容生态的保护，让更多的原创作者获得更多的利益。内容主题和搜索关键词之间的相关性越高，获得排名所需的时间就越长。简而言之，如果网站的内容令人满意且丰富，并且能够满…- 17
- 0
-
WordPress菜单可见性和小工具条件判断设置方法
WordPress 最核心的功能还是作为一个发布文章的平台，在写完一篇文章后，可以给发布的文章设定访问密码，那么同样的菜单及小工具都是可以设置可见\ O y s性的，下面来说说小工具及菜单如何实现可见性的条件判- V [断。通过添加判断函数可以使某个菜单项或者小工具只显示在指定的分类页面或者文章页面] w d 7 N h。T a 8 H f A @ 例如：导航菜单中一般我们会放一个类似“网站首页”…- 24
- 0
-
WordPress文章链接生成出二维码图片
对于移动端的样式查看，手机扫码浏览起来更为方便，那如何才能快速的把页面链接生成二维码呢，我们可以通过第三方的二维码网站 api 接口，快速生成链接二维码。通用网址链接生成二维码方法： <img src=&quG Z \ L ; i f Vot;http://! Q 5qr.liantu.u 8 6com/api.php?T @ | &w=200text=此处加入链接"…- 25
- 0
-
WordPress 最简单的手动输入页号跳转翻页的方法
经常有用户问可不可以弄个手动输入页号并实现跳转的翻页功能，很简单，基础代码只有四行： <form class="zm-page-nav-form" action="<?php echo $_SERVERw p n['REQUEST_URI'];?>" metA } H X Phod="get…- 58
- 0
-
dedecms解决移动端首页不自动更新问题
织梦建站移动端首页不更新怎么办？每次PC更新后，还要手动删除m目录下的index.html，手机站首页才会更新，这样是不是让人很烦恼？通过以下修改，让移动端首页变成动态的，不生成index.d ; X % 9 I ) \html，PC端更新后，手机端首页自动更新。 首先打开\m\index.php 把下面这段代码进行替换 $row['showmod'] = isset($row…- 12
- 0
-
CSS清除点击元素移动端蓝色边框
众所周知，表单元素和超链接获得焦点时会呈现出难看的边框，可以通过CSS样式清除： *:focus { outline: none; } 然而今天要说的是移动端点击元素出现蓝色边框，不论什么元素，只要点击就会有蓝色边框。 清除方法： * { -webkit-tap-highlight-color: transparent; }- 108
- 0
-
什么是阿里云高防ip?阿里云DDos高防IP介绍及价格表
什么是阿里云高防ip?阿里云高防IP是针对互联网服务器在遭受大流量的DDoS攻击后导致服务不可用的情况下，推出的付费增值服务，用户可以通过配置高防IP，将攻击流量引流到高防IP，确保源站的稳定可靠。 阿里云ddos高防ip是阿里云云安全旗下的一款产品，其具有防止大规模DDOS和CC等类型攻击的特点，使用ddos高防ip后能保证网站或者业务在受到大流量攻击的时候仍然能正常访问。 点击进入：阿里云dd…- 233
- 0
-
让网站“飞”起来 – Web前端性能优化技巧总结
最近因为升级我的 WordPress，并且将所有的数据和服务都迁往向了阿里云。为了让网站跑得更快，也是做了不少工作，因为这一块之前不是很重视，很多东西也是边学边做。以下是高手总结的几条前端性能优化技巧，在此分享一下。这里只是一笔带过，不懂的概念需要自行搜索学习。 加载优化 DNS Prefetch 预读取 合并img、css、javascript文件，减少http请求 缓存一切可缓存资源 使用…- 186
- 0
-
WordPress 移动端主题自动切换（插件+代码）
上周花了点时间学习研究 WordPress 的手机端访问，准确地说，是移动端的访问。其中涉及到不少新的知识，包括 HTML5、响应式设计、自适应框架 Bootstrap 等等，这些较新前沿的技术真的应该花点时间好好学习一下，否则就会落后于这个移动化的时代。 HTML5 持续火热，随着微信公众号、朋友圈、微博等途径可导入大量阅读量，博客网站移动端自适应势在必行。本文介绍基于wordpress…- 149
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×