新 文

M.J

Ultimo模板安装方法与使用常见问题(二)

Ultimo模板设置首页

首页广告滑动模块设置

Ulitmo模板 内置了 3种滑动模块样式,如下图:分别是滑动模块带三个右(左)侧小banner,和内容等宽滑动模块,和全屏宽度滑动模块。

201411301118122014113011165920141130111546

在前面一篇讲Ultimo模板安装方法的时候,我们导入了一个模板样式,其实已经附带导入了改样式的滑动模块样式。但是我们依然可以在这三种样式之间转换。

登陆 Magento网站后台 CMS -> Static Blocks

Title 处输入 slide敲回车键 筛选出标题带 slide 的所有blocks,如图

20141130114414

 

Home slide既是所有导入的首页 slide,记住每一个 slide的 identifier ,

点击 System -> Configuration -> Infortis Extentions -> Slideshow,

找到 Main Slideshow on Home Page, 如图

20141130121545

Slide处输入你想要首页出现的图片的slide的identifier

如需全屏宽度slide就将 Position: Above Content Area Boxed 选Disable关闭,将Position: Above Content Area Full 选 Enable开启;反之需要固定宽度 slide(和内容等宽)就开启 boxed,关闭 full。

如需右侧三个小banner,则在 Main Slideshow on Home Page 下 banner处输入identifier : block_slideshow_banners (留空表示不要右侧三个小banner)

20141130122727

然后到 CMS -> Block里面相关的blocks修改里面的图片即可。 如果做满屏宽度的slide,图片最佳宽度为 1920px,内容等宽图片宽度为 1176px,带侧边banner的slide图片宽度最佳为 870px。

 更换首页产品并调整产品名称文字大小等

登陆 magento后台, CMS -> Pages 点击首页,在content选项下查看,会有很多类似于这样的一段代码

category id就是你添加产品分类时,系统给他分配的一个数字id,到 Catalog -> Manage Categories 下可以点击每一个category查看它的id,把你想要出现在这里的产品分类的id填上即可

product count表示滑动模块里一个多少个产品

breakpoints是设置每行多少个产品,上面这个例子是,如果屏幕尺寸在 0 -320px之间每行一个产品,屏幕超过320px每行2个产品,屏幕超过480px每行3个产品,以此类推,屏幕尺寸超过960px每行显示5个产品 (如果你想在电脑上显示每行4个产品,只需把, [960, 5]删除即可)

centered表示产品列表里的元素(产品名称,add to cart按钮,评价等)是否居中对齐,0表示不居中,1表示居中

hide button 表示是否隐藏 add to cart按钮,0表示不隐藏,1表示隐藏

size 表示产品名称的文字大小 ,有三种尺寸:删除这个变量就是标准文字尺寸,size-s比标准尺寸略小,size_xs比标准尺寸小很多。

block name 产品分类的名称

20141201150803

以此,可以修改或添加更多的产品分类到首页

Magento 简单产品批量上传

对于产品比较多的商家来说,Magento网站产品上传是一件比较费神的事情。批量上传就显得有效率一点。如果是简单产品(Simple Product)并且每个产品只有一张图片(多图的问题以后会讲到),Magento的产品批量上传是比较简单的。

登录后台 System -> Import/Export -> Dataflow Profiles,点击 Export All Products,在 Run profile 选项下点击 Run Profile in Popup。

run-profile

等任务执行完成后,在ftp的 /var/export 文件夹中会生成一个export_all_products.csv 文档,将此文档下载到本地,打开可以看到商品形成的一一对应关系,如产品所属网站、所属商店、产品类型、产品属性、产品名称、产品所属分类,产品的url、图片等,如下图:

run-profile-3

具体字段结构大致如下:

字段名称 字段备注 字段值示范 其它说明
store 网站的store,基本上填admin admin
websites 网站的websites,默认是base,如有支持多个website,就填指定的websites base
attribute_set 商品对应的属性,默认是Defautl,如果这个商品有对应的其它属性,请填指定的属性名称,而且在其它字段中,也必须包含指定属性值的字段下定义 Default
categories 目录结构,用categories,目录名称可以用/隔开,以显示指定的目录层次,这个字段可用category_ids来替换,那就应改指定magento已有目录的指定id号了 shoes/boots
type 商品类型,如果是简单商品就是simple,如果和组合商品或配置商品,就是其它的值,这时注意,组合商品或配置商品在这里无法指定商品的关联关系,需在后台手工操作
sku 商品的唯一编号 如:MA512840
name 商品名称 XIAOMI Hongmi Smartphone MIUI V5 MTK6589T Quad Core 1.5GHz 4GB ROM HD IPS Screen Dual Cameras 8.0 MP 4.7 Inch – Grey
price 价格 507.5
special_price 特价
description 商品详细介绍 产品详细介绍
short_description 商品短说明 商品短说明 这两种说明可在实际应用中灵活使用
custom_description 商品自定义说明 商品自定义说明
meta_title 元标签标题 元标签标题
meta_keyword 元标签关键字 元标签关键字
meta_description 元标签说明 元标签说明
image 主图,这里必须以/开始,后面不跟目录,同时这个文件要拷到media/import/目录中,magento会自动转换到指定路径中 /xiaomi-hongmi-1s.jpg
small_image 主图的小图,一搬用主图,当然你也可指定另行指定一个小图 /xiaomi-hongmi-1s.jpg
thumbnail 主图的略缩图,一搬用主图,当然你也可指定另行指定一个小图 /xiaomi-hongmi-1s.jpg
image_label 主图的alt标签 主图的alt标签
small_image_label 小图的alt标签 小图的alt标签
thumbnail_label 略缩图的alt标签 略缩图的alt标签
weight 重量 3
has_options 是否有自定义选项 1
is_in_stock 是否有库存 1
qty 库存量 999
disabled 是否禁止 No
status 状态 Enabled
options_container 商品显示结构(具体可参看magento的商品管理) Block after Info Column
tax_class_id 税收 None
visibility 商品显示范围 Catalog, Search

按照这个csv文件填好新产品的每一个字段的值后,首先将产品图片用ftp上传到 /media/import/文件夹下(如果media文件夹里没有import这个文件夹就创建一个import文件夹); 接着在后台 System -> Import/Export -> Dataflow Profiles -> Import All Products , 在  Upload File 选项下点击选择文件上传刚刚做好的csv文件,点击 Save and Continue Edit ,接着在 Run Profile 选项下选择刚刚上传的csv文件并点击 Run Profile in Popup

run-profile-4

一切顺利的话,产品已经批量上传成功。

如果前台没有显示的话,先刷新一下缓存 System -> Cache Management 全选 Refresh Submit; System -> Index Management 全选 Reindex Submit。产品应该在前台显示成功。

补充说明:

1 一个产品可以属于多个产品分类,在category_ids 拦填入每个分类的编号中间用英文半角逗号隔开即可,如 5,6,12

2 产品图片预先上传到 media/import文件夹中,注意大小写要和csv文件中一致,否则可能照成图片不存在错误(建议一律用小写字母);csv文件中的图片一律在图片名称前加斜杠 / 即可,不要添加其他路径。

Magento产品的三种关联方式 – Related Products, Up-Sells, Cross-Sells

addaproduct12当我们在Magento后台给网站添加一个产品的时候,我们会发现左侧的 tab中有这三个选项:Related ProductsUp-sells和 Cross-sells;它们是将产品关联起来的三种方式。

Magento Related Products

Related products 即相关产品,默认会显示在产品页的右侧边栏,推荐该产品相关的配套产品。比如用户在浏览手机的时候,在右侧的Related products中可能会显示移动电源,手机屏幕保护膜等产品。

Magento Up-Sells

Magento Up-sells一般用于推荐和当前页面相似的产品,但是版本更新或者功能更强大价格更贵;比如该产品是iPhone4,Up-sells可以选择iPhone 4s, iPhone 5, Samsung Note2等等。

Magento Cross-Sells

Crooss-sells产品会显示在结账页面。当用户添加产品到购物车后,准备结账时,都会进入购物车页面。Cross-sells关联的产品会显示在购物车页面左下方。Cross-sells一般用于推荐最新产品或者主打产品,可以与购买物品无任何关联,因为无论你购买什么产品,都要进入购物车结账页面。

magento_cross_sells

计算机硬件-CPU、内存、硬盘

计算机硬件知识对于我来说是其中一个比较薄弱的环节,最近看鸟哥linux的首章节,决定对计算机内部的硬件,作一个简单的了解。
一、CPU-计算机大脑

cpu
① 什么是CPU?
CPU作为计算机的大脑兼顾了计算机很大一部分的计算和功能的协调,CPU的主要运作原理,不论其外观,都是执行储存于其程序存储器中的一系列指令,晶体管集成电路的出现,衍生了不同用途的小型处理器供不同数字设备使用,如手机、pad、kindle等等。

多核心中央处理器是在中央处理器芯片包含多个处理器核心,现今使用双核心和四核心以上处理器的个人计算机已相当普遍。另也有少数三核心、六核心、八核心、十核心处理器等

* 由于CPU型号不同具有的针脚也有区别,不是所有的CPU都适合安装在同一个主板上,当我们自己配电脑时注意CPU是否兼容主板

不同的CPU微指令会导致CPU工作效率是否高效,比如新出版的cpu有很多新的微指令更省电等等,这就需要我们去挖掘cpu具体新增的微指令,另外CPU的频率也是能表明在相同时间内CPU能做更多事情,比如E5-2697 V3为大概3.6GHz表示CPU可以在一秒内执行3.6 * 10^3MHz  =》 3.6 * 10^6 KHz  =》 3.6 * 10^9 次指令的运行,这里就要结合微指令集和频率来比较CPU的运行性能,不同生产商开发的CPU架构上的不同,微指令集的不同,每次相同频率执行的指令集也不一样,产生的频率也不一致,做同样的事有时是时间换空间,也有可能是空间换时间,最终实现的效率是一致的。

② CPU外频、倍频、主频
外频是CPU与外部各部件基本一致,所以我们会把外频称为计算机的基准频率,主要是外部连接内存等外部设备的频率。倍频是CPU内部用来加速的一个倍数,主要是CPU内部处理频率。主频一般等于外频乘以倍频,刚开始CPU的主频等于外频,限制CPU频率的进一步提高,随着倍频技术的出现,主频等于外频的倍数,而外部则保持一个比较低的外频率。
这里涉及一个超频的名词,由于倍频被开发商锁定,一般我们通过主板设定来提供外频率,外频提高了,对应的倍频和主频也会相应提高,以提高电脑运行速度,但是由于高频率下CPU可能温度会升高导致死机或者CPU的损坏,所以想玩超频最好是做好充足的散热准备。

③ 32位和64位CPU
这里涉及到主板的北桥和南桥芯片组,北桥主要是CPU、内存、显卡传输的主要通道,叫系统总线,传输速度快;而南桥主要是一些输入输出设备、网卡,硬盘等传输设备,速度较系统总线慢。这里北桥所支持的频率我们称为前端总线速度(FSB),北桥所支持的频率有400/800/1600等等,而每次传送的位数称为总线宽度,也就是我们常说的32/64位。总线频宽(每秒钟传送的最大数据量) 等于 FSB X 总线宽度。比如说:
一个1600MHZ的前端总线速度的北桥,我们计算它和内存间的频宽就是,
1600MHz * 64 bit = 1600MHz * 8Byte = 12800MB/s = 12.8GB/s
所以以前的老式32位CPU,你给它配再大的CPU,传输的数据量最终还是受到限制的

二、内存-计算机二把手

memory

① 什么是内存?
内存是CPU进行通信的重要组件,内存为CPU计算提供数据,我们编写的程序都离不开内存操作,之前我们Java程序的编写,我们可以看到Java基本离不开对内存的操作。

内存是普遍是通电后才对所有执行的程序进行数据的记录,所以有时我们感觉电脑很卡,CPU和内存都占用很高情况下进行重启,实际是短暂断电清空寄存在内存的数据。

内存又分为RAM(随机存储器),ROM(只读存储器)等等。
关于ROM的应用其实我们经常接触的BIOS是基于ROM实现的。在我们计算机主板上各种组件间参数频率的调整,功能性的启动,这就需要我们经常叫的CMOS芯片来发挥这些功能参数的记录,当我们按下计算机的del进入到一个叫BIOS的程序,这套程序就是写在ROM(只读存储器)里面,ROM其特性是一旦存储数据就无法再将之改变或删除,且内容不会因为电源关闭而消失,通常用以存储不需经常变更的程序或数据,记录在其中的内容不会被改变,一般一些计算机固定程序会写在里面。

内存先后出现SDRAM和DDR等不同的内存。DDR以双倍速度传输数据,也称为双倍速率SDRAM。后来随着CPU的发展,DDR也有了进一步发展,DDR2,DDR3随之出现,总朝着更省电,传输数据速率更快发展

② 内存的外频、频率、带宽
内存的外频和频率也跟CPU一样是作为表示性能优劣的一个指标,频率越高表示每秒执行工作越多,频率和频宽总是成正比,据说DDR4频率有2667MHz,其中内存容量也是我们应该考虑的,根据其他组件性能选购尽量大容量的内存能对我们处理大数据过程有很大帮助,因为不用一个很大的数据占据内存后不释放,只有等已加载满数据的内存释放一定量数据才能加载新数据。

我们平常所说的添加内存就涉及到双通道内存设计,一般传统内存带宽是64位,使用这种设计的话,加入两条内存,这时总内存带宽就会达到128位。容量相同的内存如果分别装在不同颜色的插槽下会被认为是单通道设计。另外。组装双通道内存系统时要注意内存条的搭配,不同主板可能要求不同,最好使用相同品牌、相同型号的内存条,频率相同以确保稳定性。

* CPU的外频最好和内存的外频一致,内存频率过高有可能会导致蓝屏

③ 第二层高级缓存设计
除了内存之外,我们知道频繁地经北桥从内存读取数据是件很耗时的操作,这时缓存就出现了。CPU内集成了第二层高速缓存,第二层高速缓存的频率和CPU频率接近一致,容量小于内存,当CPU去向内存请求数据的时候,会先到缓存内存查看是否有类似数据,如果有则直接取缓存数据,没有的直接取内存数据。一般第二层高速缓存使用的是SRAM设计的,其特点是晶体管数量多,相对于DRAM,SRAM功率消耗和速度都比较好,但是晶体管数量较多,每个单元所需要的费用也相对比较高,大容量也意味着钱更多

三、硬盘

hardword

① 什么是硬盘?
硬盘相信大家也不陌生了,主要是存储一些资料使用,包括多年珍藏的种子。
硬盘使用坚硬的旋转盘片为基础的非挥发性存储设备,主要由盘片、机械手臂、磁头、中轴马达等所组成,硬盘运作实际上是通过中轴马达高速运转使用磁头在盘片上刻录数据。其中硬盘分为3.5英寸台式和2.5英寸笔记本。
硬盘大致分为以下接口:
1)  ATA(又称为IDE) 接口速度大概130MB/S左右,由于并线线路,占用空间大,导致抗干扰性和散热差,基本被SATA接口所代替
2) SATA 串行接口,2代速度达到300多MB/S的速度,抗干扰和散热较IDE好
3)  FC 光纤通道接口,速度达到4GB/S以上,到时相对费用也很高

② 扇区、磁道、簇
hardword1
上图中涉及到以下几个名词:
扇区是硬盘上存储的物理单位,每个扇区大小为512bytes,即使计算机只需要硬盘上存储的某个字节,也须一次把这个字节所在的扇区中的全部512字节读入内存
磁道(Track) 其实是盘片在中心轴带动下做高速旋转,磁头连续写入的数据是排列在一个圆周上的圆形。
簇其实是物理相邻的若干个扇区

硬盘读取数据时,读写磁头沿径向移动,移到要读取的扇区所在磁道的上方,这段时间称为寻道时间。因读写磁头的起始位置与目标位置之间的距离不同,寻道时间也不同。磁头到达指定磁道后,然后通过盘片的旋转,使得要读取的扇区转到读写磁头的下方。这里就需要考虑硬盘的每分钟转速,一般转速越快表示这个硬盘的读写速度也快,另外注意的问题是在高速运转过程中,我们经常回去拍打震动机箱,其实这有可能会因为影响盘片的刻录导致硬盘的损坏

③ 虚拟内存和硬盘
在我们计算机中所运行的程序均需经由内存执行,若执行的程序占用内存很大或很多,则会导致内存消耗殆尽。为解决该问题,Windows会采用虚拟内存技术,腾出一部分硬盘空间来充当内存使用。当内存耗尽时,电脑就会自动调用硬盘来充当内存,以暂时缓解内存的紧张。

四、显卡
显卡对于图像的显示起着重要作用,图像的显示涉及到分辨率和颜色深度,而这些会占用内存,所以显卡也有自己的内存,显存的大小影响了你显示图像的分辨率和颜色深度,显卡也有自己的”CPU”叫做GPU(图形处理器),显卡也是通过北桥和计算机的其他组件进行通信。
显卡的发展经历了:
ISA下那颗->VESA显卡->PCI显卡->AGP显卡->PCI-Express显卡
这几种显卡发展总体向带宽更大的方向前进。
我们通常说的独立显卡和集成显卡是什么意思?
独立显卡:将GPU,显存及相关的电路做在一块电路板上的扩展槽供电脑爱好者去增加。
集成显卡:是指芯片组集成了显现芯片,运用这种芯片组的主板就可以不需求独立显卡完成普通的显现功用,以满足普通的家庭娱乐和商业运用,节约用户买显卡的开支

Chrome屏幕取词插件发布,以及一些开发感想

简洁快速的Google Chrome一直是我最喜欢使用的浏览器,但也时时为它不能进行屏幕取词而头疼(我是经常读一些英语文章的)。

像我一样为这个问题头疼的Chromer有福了。今天写了个插件OnlineDict,安装它就可以在Chrome上取词显示翻译了。
代码已经开源,地址:
后面有一些使用截图
总的感觉:
1.Chrome编写插件很容易,这个插件总共只花了我半天时间不到(之前我对Chrome一无所知);
2.编写和发布的过程中,GFW严重影响了我的工作(Chrome扩展中心不能正常访问;Google Code某些页面也被墙,导致我的代码至今无法放到svn库中;有一些有用的扩展,可能也是因为被墙的原因,无法安装)。今年号称是中国局域网公元元年,名副其实。
3.开放为技术发展带来方便。OnlineDict开发过程中借鉴了ChromeGoogleDict的源代码,使用了dict.cn的公开词库API。没有这两项东西,OnlineDict就无法成为可能。
kuozhan

 

WordPress 自定义后台登录页面

这几天在折腾关于全背景登录的页面。效果类似于 @Lofter 登录的效果,刚开始觉得没啥技术含量,最后觉得里面还是有点内容的。主要难点在于后面的背景如何自适应和窗口大小改变等比例缩放图片适应窗口。至于怎样实现大家还是看Demo吧,Demo里的JS有注释和说明。

Demo:http://demo.webjyh.com/full-bg-login-form/

Demo做好了,于是想想干脆把WordPress后台的登录界面换一下。换成这样全背景的多好看。于是就成就了我现在的登录页面各位请看地址。

效果图:

wordpress-login-page

WordPress Login:http://webjyh.com/wp-login.php

至于怎样改我就不一一细说了,我把资料地址发一份给大家,地址请看  @如何自定义WordPress的登录页面  。为了大家方便,我把我这里的登录页面打包共享给大家,怎样安装呢。将下载下来的压缩包解压。然后大家把这几个文件夹(css,images,js)  Copy到 你现在当前使用主题根目录下。请各位注意文件重名的问题,别把主题文件内容给替换了。functions.php 此文件不用Copy,后面用来添加你主题的代码的。

当以上步骤做完了。下面我们来修改主题代码。将当前使用的主题 找到 functions.php  打开。在文件的最下方添加以下代码,代码就是刚刚下载的压缩包里的 functions.php 代码。直接Copy 过去就可以了。还是把代码贴出来吧。

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
    
//Login Page
    
function
custom_login() {
        
echo
'  <link href="'
. get_bloginfo(
'template_directory'
) .
'/css/login.css" rel="stylesheet" type="text/css" />'
.
"\n"
;
        
echo
'<script type="text/javascript" src="'
.get_bloginfo(
'template_directory'
).
'/js/jquery.min.js"></script>'
.
"\n"
; } add_action(
'login_head'
,
'custom_login'
);
//Login Page Title function custom_headertitle ( $title ) { return get_bloginfo('name'); } add_filter('login_headertitle','custom_headertitle'); //Login Page Link function custom_loginlogo_url($url) { return esc_url( home_url('/') ); } add_filter( 'login_headerurl', 'custom_loginlogo_url' ); //Login Page Footer function custom_html() { echo '</pre>
<div
class
=
"footer"
>
'."\n"; echo '
Copyright ©
'.date('
Y
').'
All Rights | Author by <a href=
"<a href="http://webjyh.com/">http://webjyh.com</a>"
target=
"_blank"
&gt;M.J&lt;/a&gt;
'."\n"; echo '
&lt;/div&gt;
&lt;pre&gt;
'."\n"; echo '
&lt;script type=
"text/javascript"
src=
"'.get_bloginfo('template_directory').'/js/resizeBg.js"
&gt;&lt;/script&gt;'.
"\n"
;
 
echo
'&lt;script type=
"text/javascript"
&gt;
// &lt;![CDATA[
'.
"\n"
;
        
echo
'jQuery(
"body"
).prepend("
&lt;div
class
=\"loading\"&gt;&lt;img src=\"
'.get_bloginfo('
template_directory
').'
/images/login_loading.gif\" width=\"58\" height=\"10\"&gt;&lt;/div&gt;
&lt;div id=\"bg\"&gt;&lt;img /&gt;&lt;/div&gt;
");'."
\n";
        
echo
'jQuery(\'#bg\').children(\'img\').attr(\'src\', \''
.get_bloginfo(
'template_directory'
).
'/images/login_bg.jpg\').load(function(){'
.
"\n"
;
        
echo
'  resizeImage(\'bg\');'
.
"\n"
;
        
echo
'  jQuery(window).bind("resize", function() { resizeImage(\'bg\'); });'
.
"\n"
;
        
echo
'  jQuery(\'.loading\').fadeOut();'
.
"\n"
;
        
echo
'});'
;
        
echo
'
// ]]&gt;&lt;/script&gt;'."\n";
 
}
 
add_action(
'login_footer'
,
'custom_html'
);

关于这个登录界面的jQuery问题,因为这个后台的效果是使用jQuery库来实现的,所以说,如果说没修改之前的后台登录界面主题就带了这个jQuery库,大家可以把以上代码中的jQuery 库给注释了。关于肿么看呢,右击查看源代码。如何注释jQuery代码呢。大家找到以下代码。

1
echo
'&lt;script type="text/javascript" src="'
.get_bloginfo(
'template_directory'
).
'/js/jquery.min.js"&gt;&lt;/script&gt;'
.
"\n"
;

将其改成

1
//echo '&lt;script type="text/javascript" src="'.get_bloginfo('template_directory').'/js/jquery.min.js"&gt;&lt;/script&gt;'."\n";

这样就可以了,到此大家美化WordPress后台登录界面已经完成,赶紧去看看吧!!!最重要的一点忘记说了,页面不兼容IE,一个IE我都没测试,测试了Chrome 和 FireFox。坑爹的IE我测试不起啊!

 

http://pan.baidu.com/s/1hqH4GT2

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!

2014年11月15日 1 / /
标签:  暂无标签
16/16
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
回到顶部