分类
小程序

《和平吃鸡全攻略》小程序广告位价格计算方式

《和平吃鸡全攻略》上线一个多月了,目前累计用户6W+,周一到周五UV稳定15000+,周六周日是平时3倍左右,所以流量还算过得去了,但是受TX限制,广告收入明显不达标,详细查看我的上一篇文章小程序流量主广告真实报告,所以现在出租几个广告位置,为了公平和公正性,我决定广告位按1000次展现量来计算下面看看我的TX流量主的收益截图:

《和平吃鸡全攻略》小程序广告位价格计算方式

《和平吃鸡全攻略》小程序广告位价格计算方式

一幕了然嘛,千次曝光量在3.6元左右,TX抽走一半,还有一些其他的损耗,也就是说1000次展现的价值大概在8元左右,可能你们直接投TX广告会在10元左右,所以如果你想展示你的产品我只收6元千次展现,目前我的小程序每日可以实现全页面1.5W左右的展现,请看今日(周三)的截图:

《和平吃鸡全攻略》小程序广告位价格计算方式

这里可以看到统计每个页面的浏览数据,你可以选择对应的页面来投放广告。每日我会到点截图给你作为展现凭证。

广告类型可以选择小程序跳转方式直接到你的小程序,也可以做在本站的跳转广告详情页面。

因为腾讯的小程序跳转需要审核,所以广告位至少一个月起订,需要预先支付500元,多退少补,全站广告打包可优惠。

具体请直接联系微信haoziw细聊。就这样子!  欢迎老板来撩。

 

分类
WP相关

wordpress自定义栏目函数判断

如果我们在wordpress做一个产品的价格显示,方法我们都知道有很多,但是我们就用官方自带的来设置非常简单也很方便。

如果我们做2个价格一个是原价一个是促销价,当我们有促销价的时候就不显示原价,没有促销价就显示原价,这个我们怎么来实现呢?

首先在后台文章页面添加两个价格的自定义函数:

wordpress自定义栏目函数判断

现在来做判断:

<?php if ( get_post_meta($post->ID, ‘促销价’, true) ) { ?>//以促销价来做判断
<?php echo get_post_meta($post->ID, ‘促销价’, true); ?>//如果有促销价显示促销价
<?php } else { ?>
<?php echo get_post_meta($post->ID, ‘促销价’, true); ?>//否则显示原件
<?php } ?>

是不是很简单?

分类
前端技术

chrome谷歌浏览器overflow:hidden;兼容问题

现在谷歌浏览器越来越深入我们的视线了,做好谷歌浏览器的兼容问题是必须的,今天我就遇到一个头痛的问题,谷歌浏览器的隐藏溢出的问题也就是我们的CSS:overflow:hidden;这个代码众所周知都清楚是干什么用的,但的在我们的谷歌浏览器下始终显示不出来。

比如我们要做两个DIV一个靠左一个靠右,处于平行状态,如果靠左的使用的了隐藏溢出,那么在谷歌下隐藏溢出就失效,肯定不能让两个元素平行了。

解决这个办法的主要目标肯定是在于靠左的那一个使用overflow:hidden的DIV

我只需要在这个CSS里面加上一个“zoom:1;”即可解决问题。

有遇到的朋友可以试试。。。。

分类
小程序

浩孜网络工作室小程序使用教程-新手专用

首先非常感谢大家使用我的小程序,这里详细给大家说下小程序设置教程。

首先拿到小程序后,解压出来应该为两个文件夹,一个是开发者工具要用到的前端一个wordpress后端插件(个别主题可能有多的插件,这里主要开启rest-api-to-miniprogram即可)下面直接讲步骤:

1,网站必须开启SSL关于SSL请自行百度,SSL开启方式很多种,最简单的是用宝塔,直接申请。

2,进入微信公众号平台设置小程序的服务器域名(开发-开发设置)

浩孜网络工作室小程序使用教程-新手专用

3,安装插件,启动插件以后设置小程序的APPID以及AppSecret,然后设置下首页滑动文章ID(首页的幻灯片),这样前端就就不会报错了,下图界面不同小程序可能有所不同,但是这3项设置后都能运行了。

浩孜网络工作室小程序使用教程-新手专用

4,设置网站的伪静态(宝塔面板为例,其它面板请自行百度)

浩孜网络工作室小程序使用教程-新手专用

5,设置wordpress网站的固定连接(进入后台左侧的设置-固定连接,下图红框任意选一种都行)

浩孜网络工作室小程序使用教程-新手专用

6,小程序开发者工具导入(选择导入-籼米名称换成你的,APPID换成你的)

浩孜网络工作室小程序使用教程-新手专用

7,配置小程序参数(进入config.js,首先把域名和名称换成你)

浩孜网络工作室小程序使用教程-新手专用

8,模板消息配置:选用模板号:AT0782 模板名称:留言通知

浩孜网络工作室小程序使用教程-新手专用

9,小程序首页的导航按钮设置:(不同的模板有不同的设置,分别位于config.js或者index.wxml.这里就不截图了,请自己找下)

10,设置小程序顶部的名称显示(app.json文件中)

浩孜网络工作室小程序使用教程-新手专用

11,小程序底部的版权请在(templates-copyright.wxml)下设置

完成以上的步骤就可以发布小程序了。另外特别说明下,我的小程序都是基于守望轩大神的开源项目,设置基本和他的一致,所以大家也可以参考他的设置说明:点击这里

再次感谢大家的信任和支持,以上设置,基本都是适用我大部分的小程序。

进入我的淘宝(淘宝店铺搜索浩孜网络工作室)

分类
WP相关

WooCommerce模板目录详细解析

WordPress的插件WooCommerce中已经带来了一套模板,当然,可能有些网友对官方的自带模板有自己的定制要求,需要自己来修改一下,那我们来看看如何修改。

当然,你直接在它的官方自带模板上修改也是可以的,但是,我们不建议那么修改,毕竟有时候会出一些小BUG,这样的话,将官方自带的模板恢复成原样又要花一番功夫。应该把官方的模板复制出来,在主题的目录下按照自己的思路来开发,这样既不影响官方自带的模板,有问题可以随时回退,又能达到个性化定制的需要。我们来看看怎么做。

WooCommerce自带模板的位置

WooCommerce自带模板在 wp-content/plugins/woocommerce/templates 下,复制所有文件。

WooCommerce个性化定制模板放置位置

在当前使用的主题下面创建一个文件夹:woocommerce,粘贴所有刚刚复制的文件。例如,wp-content/themes/twentysixteen/woocommerce。

好了,现在WooCommerce起作用的模板就是你刚刚复制粘贴到当前主题文件夹woocommerce下的模板了。你可以在这个模板里随意修改。

WooCommerce模板目录功能auth 用户登录登出认证模板

cart 购物车的模板

checkout 结账的模板

global 公用文件模板

loop 商品循环模板

myaccount 账号信息模板

notices 订购消息模板

order 订单模板

single-product 单个产品模板

archive-product.php分类模版

content-product.php分类产品的参数

content-product_cat.php暂且归类于不同分类的产品参数

single-product.php产品详情页

content-single-product.php产品详情参数

我们的调整原生的woocommerce主要是修改后面的5个页面,当然更多的细节会在其他页面修改。

分类
前端技术

网站DIV定位清除浮动

在写DIV定位的时候常常呼会用到浮动,有的朋友喜欢把浮动写在CSS里面有的喜欢把它们写在DIV里面,到底哪个好呢?其实功能都是一样只是看我喜欢怎么来安排它们。

我们都在知道清除浮动的CSS是“clear: both;”我们如果在DIV重叠的请款下就必须要用到它,所以它的功能是不可忽视的,下面写个例子:

<div class=”one”>DIV内容</div>

<div calss=”two”>DIV内容</div>

如果这个两个重叠了那么我们就要在DIV TWO的CSS里面加上浮动,但是往往我们CSS与DIV是两个文件,我们操作也不方便所以我们可以直接先在CSS里面定义一个:

.box{clear: both;}

那么我们要让上面两个DIV机上浮动就应该写成:

<div calss=”two  box” >DIV内容</div>

或者

<div class=”one”>DIV内容</div>

<div calss=”box”></div>

<div calss=”two”>DIV内容</div>

这样写的好处可以然我们很清楚的知道那里是加了浮动的,一目了然

 

分类
小程序

小程序流量主广告真实报告

上个月我发布了一个关于和平精英游戏攻略查询的小程序《和平吃鸡全攻略》,效果还不错的,最高流量日IP3000+,PV最高达到了3W+,做了这么多小程序第一个这么让人兴奋的,所以我也抱着发财的梦想毫不犹豫的开通了流量主做个躺赚的地主,可是TX哪里会这么好心让开发者这么容易从他手上拿钱。

首先我们来看看腾讯是怎么和开发者分成的:

2018年8月1日至12月31日期间,小程序(含小游戏)流量主的广告收入分成比例优化上调,单日广告流水10-100万区间的部分,开发者可获得的分成由原来流水的30%上调到50%,优质小程序流量主可获得更高收益。

结算规则

我们将在每月25号前(如遇法定节假日,将会推迟),对你上个月的收入进行结算,并发送结算单到你的结算单邮箱中。
若你是企业用户,需要按结算单邮件的要求邮寄与结算金额等额的发票给腾讯公司(只接受“增值税专用发票”,不接受“增值税普通发票”)。腾讯公司将在收到正确的发票及结算单后30个工作日内将结算金额打入你的结算银行卡。
企业流量主申请结算所需邮寄资料:
1. 邮寄增值税专用发票发票联及抵扣联,须加盖公司发票专用章。
2. 邮寄与发票对应月份的结算单,须加盖公司公章。
若你是个人用户,无需邮寄发票,腾讯公司将在结算日后30个工作日内将结算金额打入你的结算银行卡,并代扣代缴个税。

从上面可以看出来,TX要拿掉我们一半的收入,简直土匪呀,而且更气人的还每月广告超过800还需要上税,由TX代扣除,也就是说我们只能喝汤。

下面我们来看看我的小程序每条点击的价值:

小程序流量主广告真实报告

可以得出结论了,基本上点击一次一毛钱,价格低我们就不说了,TX广告的防作弊简直让人崩溃,假如你今天点击了,明天你可能就看不到广告了,反正我自己点过广告一直就不出现了。这样就大大降低了曝光率,所以要不断的有新人进来才能赚钱。我粗略计算了,假如我的PV在2W那么曝光率最多8000,所以收入直接减半,然后TX在拿走一半,真的心累。

很不想挂TX的广告,但是没办法,限制太多,关注公众号必须同主体,跳转小程序必须从新审核一次,除非你是先知,知道你客户的小程序ID,更TM气愤的是我现在提交审核过不了了,拒我十次了,感觉是想让我掏300块钱的认证费,钱可以掏,但就TX这尿性,估计掏完钱又不让过又要资质了,反正套路他们永远用不完,坑我们也永远也踩不完。

20天我挂了300块钱,我不知道是该高兴还是该难过。真的白瞎了我这么多的流量!

算了,忍了,喝汤吧!

 

 

分类
WP相关

让自己开发的主题支持WooCommerce

WooCommerce可谓是一个非常强大的插件,但是她始终是国外的大神写的所以在国内始终很多人不会用,特别是英文不好的朋友用起来更是难上加难,正好我也要改造这个WooCommerce所以把我遇到的一些问题记录下来供大家一起学习。

如果我们自己写的主题想要支持WooCommerce就要先做下面的几个步骤:

在主题中声明对WooCommerce的支持

add_action( ‘after_setup_theme’, ‘woocommerce_support’ );
function woocommerce_support() {
    add_theme_support( ‘woocommerce’ );
}

禁用WooCommerce默认样式

// Disable WooCommerce styles
add_filter( ‘woocommerce_enqueue_styles’, ‘__return_false’ );
禁用默认样式,就要引入自己的样式,可以直接写在style.css中,也可以另外写一个样式表

function wp_enqueue_woocommerce_style(){
    wp_register_style( ‘woocommerce’, get_template_directory_uri() . ‘/css/woocommerce.css’ );
    if ( class_exists( ‘woocommerce’ ) ) {
        wp_enqueue_style( ‘woocommerce’ );
    }
}
add_action( ‘wp_enqueue_scripts’, ‘wp_enqueue_woocommerce_style’ );
上面的地址请自行根据实际情况调整。
完成了上步骤,这时候我们刷新网站就发现已经不再引用默认的CSS样式,这样我们就要发挥自己的想象力自己来调整相应的CSS。
以上的步骤只是开启主题对WooCommerce的支持,更多的还是要我们来完成想要的结构样式,我们也将继续更新WooCommerce的改造。

分类
前端技术

关于父级DIV绝对居中高度不延伸的解决方法

在写DIV的时候我们都知道要让父级DIV高度随着内容的增加而延伸必须给父级DIV添加一个float:left;属性,但是假如我们的父级DIV必须要在网页里面居中,很明显我们使用float:left;属性是肯定不行的,不管你是否设置了margin:auto;都无济于事,这个DIV就继承了float:left;属性会跑到网页的左边的。貌似在IE内核8版本以下的都不会出现这个问题,关键是现在用谷歌等前面支持CSS3的浏览器的用回也不少了。所以这个问题是必须要面对的。

那我们怎样来让父级DIV绝对居中而高度也延伸呢?其实方法很简单。首先我们给这个DIV添加一个clear:both;清除浮动,然后在设置一个height:auto;自适应高度,再来个overflow:hidden;隐藏溢出,这样问题就全面解决掉了了。完整的CSS如下

div{clear:both;height:auto;overflow:hidden;}

希望对大家有用、

分类
小程序

和平精英微信小程序《和平吃鸡全攻略》

最近写了一个和平精英微信小程序,上线10天这两天的流量是真的可观,具体看下图:

和平精英微信小程序《和平吃鸡全攻略》

来两张小程序的首页图片:

和平精英微信小程序《和平吃鸡全攻略》

和平精英微信小程序《和平吃鸡全攻略》

说正事,出售10份源码,懂的人来,只售10份,499一份,因为视频原因不包过,包过+500,就这样。

演示小程序搜索《和平吃鸡全攻略》或者扫描下面小程序码

和平精英微信小程序《和平吃鸡全攻略》