wordpress页面设计

wordpress独立页面模版制作教程

很多WordPress模板并没有带tags.php, 而且Simple Tags这个插件无法用HTML注释语句的方法来实现标签云函数的调用, 所以, 这就需要大家自己来手动给模板创建一个tags.php. 方法其实很简单, 基本不需要大家做什么大规模的修改, 因为虽然很多模板没有带tags.php, 但它们绝大多数都会带有page.php或者single.php这些用于单独页面的模板文件, 我们要做的就是选择一个复制一份并改名为tags.php, 然后简单地修改一下里面的内容就可以了, 而里面的代码也不难理解, 尤其是如果有一定HTML基础或者PHP基础的人来说. 下面以tags.php的代码做一个简单的讲解.

首先选择一个你认为适合做tag页的模板文件, page.php也好single.php也好, 根据你的情况来看, 都无所谓. 然后修改里面的源代码.

源代码的解释是:

<?php /* Template Name: Tags */ ?> <!-- 上面这段很重要, 它会告诉WordPress这是一个命名为Tags的模板文件. --> <?php get_header(); ?> <!-- 上面一行代码为导入网页页首模板文件 --> <h3>标签云</3> <?php the_content(__('(more...)')); ?> <!-- 上面一行代码为显示页面的文章内容函数 --> <?php st_tag_cloud('cloud_selection=count-desc&cloud_sort=random&number=5000s&largest=32&smallest=10&unit=pt &maxcolor=#CC3300&mincolor=#339966'); ?> <? php // st_tag_cloud(); ?> <?php // wp_tag_cloud('smallest=14&largest=46&unit=px&number=5000');?> <!-- 以上三行代码为显示标签云的函数,任选一行, 第一个是用Simple Tags插件的带参数的函数, 第二个是用Simple Tags的不带参数的函数, 如用第二个, 要修改字体大小, 颜色, 显示数量等效果可以在WordPress后台Simple Tags的Tag cloud选项里面设置, 第三个是WordPress自带的标签云函数, 如果你没有安装任何标签插件, 可以使用WordPress自 带的这个函数来实现标签云, 其中smallest=代表最小字体, largest=代表最大字体, unit=代表单位(可以选pt[磅]或px[像素], number=代表显示标签数量. 这三个函数你可以选择任意一个使用, 之后用//屏蔽掉另外两个即可. 当然了,你还可以自己编写函数来显示标签云--> </div> </div> </div> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> </td> </tr> </table> <?php get_footer(); ?> <!-- 上面一行代码为导入模板页脚文件 -->

修改好以后, 保存, 并命名为tags.php上传到你WordPress当前使用的模板的目录(例如: WP安装根目录/wp-content/themes/模板A/)

接着到你的WordPress后台, 在”管理”-“页面”中, 编辑或者创建你的标签页. 然后你会在编辑页面的右侧一排功能选项出看到多出一个”页面模块”的选项。

在页面模板里选择刚刚编辑上传的tags.php, 然后在页面缩略名中将缩略名命名为tags(即模板文件里定义的名字), 然后保存就可以了.如果你在编辑页面的右侧功能处找不到”页面模块”选项, 或者页面模块选项里面没有你刚刚上传的文件, 那么请查看上面源代码中第一处红色加粗字体注释的地方, 必须为模板文件命名才能正确被WordPress识别并读取到页面模块中.另外除了标签页, 其他页面也可以用这个方法实现, 根据自己的情况和需要自己来修改就可以了。

根据这个原理,你可以制作自己的网站地图,独立搜索页,一篇和网站风格完全不同的活动页面,总之wordpress的该功能能给了开发者更多可以发挥的空间

2024最新独立站建站教程!WordPress 搭建独立站的方法和步骤

不知道大家是否听说过 WordPress ?最近有个国外博主分享,她60岁的奶奶居然用WordPress建了个关于她宠物日常的小博客,看来 WordPress 在国外真的是很普及。其实,国外很多商家还利用 WordPress 搭建自己的电商网站,那说明我们跨境人同样可以用 WordPress 搭建独立站。如果你对WordPress独立站还没有概念且对搭建独立站感兴趣的话,那就跟着东哥一起揭开 WordPress 独立站的神秘面纱吧!

什么是WordPress?

WordPress是一款开源的内容管理系统,最初,WordPress本身只是一个博客系统,也就是让人建立博客网站的平台,但是它本身又能安装各种插件。 随着发展,插件越来越多,WordPress也不仅仅只用来建立博客网站,用户可以利用它来建立几乎任何类型的网站,包括电商网站。所以,WordPress也可以是我们做跨境电商的又一强大工具平台。

为何用WordPress搭建独立站?成本低廉: 相对于其他电商平台,WordPress是完全免费的,因为它是开源的。易用性: 对新手友好,无需编码,即便是电脑初学者也能轻松上手。适合中小网站: 针对预算不高的小商家,每月花费几美元就能建立一个专业的网站。可扩展性强: 通过插件,你可以为网站添加各种强大的工具和功能,如优化、社交功能、站点分析等。资源丰富: WordPress在全球站点中占有40%以上的市场份额,拥有丰富的主题、插件和免费资源。用WordPress建立独立站需要准备什么?

一、域名 和主机

搭建WordPress独立站的第一步就是选择合适的域名和可靠的主机,域名尽量在国外服务商那里购买,更有利于seo,一般域名注册都用.com 。注册一个好的域名也比较重要,注意不要贪图便宜,注册便宜的域名。虚拟共享主机可以选择hostinger 的 BusinessShared Hosting Plan ,购买四年1200元左右。

二、服务器

像siteground、阿里云国际版这种服务器是用来存放网站程序和内容的,按年付费,如果要求网站速度快,可以选择高性能服务器,费用贵一点,选择国外的服务器网速会快一点。

三、防关联浏览器

做WordPress独立站的同时可以在社交媒体平台上创建自己的账号和页面进行引流,但是各个平台对账号的监管是很严的。如果平台发现账号关联,很容易就被封号了。像AdsPower这种指纹浏览器就可以用来防关联,而且,AdsPower的RPA功能进行自动化养号,机器人可以替你完成点赞、评论、转发等操作,同时利用窗口同步功能操作多个账号,提高效率。

四、账号

主要是Paypal、万里汇账号的注册,使用PayPal(主要用于收单)时,每笔提现产生35美元的手续费。而在使用万里汇(主要用于结汇)进行支付时,结汇付款手续费则为支付金额的0.4%。

五、购买插件

WordPress插件分为免费和付费两种类型,而付费插件的价格可能介于100到1000元人民币之间。在WordPress的插件库中,涵盖了各式各样的工具,能够满足你在建站过程中的多样需求。

总结

在东哥看来,用WordPress独立站做跨境电商还是有点发展潜力的,但同时卖家也要知道WordPress只是一个工具,卖家需要在运营过程中制定合适的策略,将跨境店铺经营得当。后期需要不断努力引爆流量和销量,这样才能在跨境之路上取得更长远的成功。关于WordPress独立站的分享就到这里了,有其他问题的可以在评论区留言,一起交流。

2021年Wordpress手把手教你做个独立站——部署篇

2021年Woocommerce电商主题的安装部署教程

Woocommerce是一个Wordpress的一个流行的电商插件。完成Wordpress的安装即已完成80%。剩下的便是去寻找一款合适的自己喜欢的主题。这里我常去主题森林去寻找相关主题。关于WP的安装,请参考我之前的文章,也可以在任意一个媒体平台搜索“今何用”,去解锁历史好文,这儿不再重复。

前言

从写自媒体文章,到现在已经半个月过去了。写到现在总算是进入我们的电商主题。如果你想有一个成本贼低,不想要经过各个大的电商平台去经过长达数日的审核折磨,也不想因为上传商品后,莫名其妙地遭到下架,更不想花费本来就不多的银子去友盟,有赞购买精美而并不实用的模板挂件,甚至被疯狂的电话营销忽悠去买一套所谓的王者定制网站。那么WP下的WooCommerce,以下简称Woo。绝对是你的第一选择。倘若你再多花费几分时间,多参考一些别人的网站案例,那么你甚至可以通过拖拽来自定义出自己的专属电商网站。你可以制作自己的销售策略页,也可以制作节日的活动页。如果你发挥一点自己的想象,搞个一起拼多多式的团购策略,也不是不可以。那么,你还等什么,一起Show起来。

想了半天,还是得啰嗦一句。Woo这东西毕竟是西方人喜欢用的东西,我们现在在国内使用,说好听点,叫做舶来品。如果一层不变地搬过来,多少有点不适合过期,毕竟国内的电商都是从一个页面跳转到另一个页面,眼花缭乱。又经过多年的线上购物熏陶,第三方非主流的网站,可信度又不是很高。我想这也是独立站目前没有在国内发展起来的原因之一。但在一个小的社区之间,他的作用还是非常明显的,简单快速,成本低廉。也可以作为品牌的官方商铺,用来维护产品信息后,同步到其他平台。当然,电商ERP在这方面更专业,费用自然也更为昂贵。至于更多的用途,可以请同学们结合自己当下的场景去思考。我在后续的文章中,也尽量把页面的风格设计的有国内电商的内味儿。而不是像其他的教学一样,泛泛而谈,只顾着圈流量。把舶来品做成了舶来品该有的样子。多说无益,我们开始吧。

以上两段是备案失败前写的,被现实打脸了。我也不删掉了,先留着,作为思考的记录,至于为什么会失败,去看我的上篇文章就行了。后面的讲解也基于本地环境进行了。不再使用生成模式。至于怎么本地环境怎么搭建Wordpress,网上文章很多,大家自行解决,对于无法下载的内容,请自备梯子。

既然只能国际形式的独立站,国内的叫法便是跨境电商独立站模式。语言选择上,我们也使用高大上的英文模式。我们考虑的是需要把自家的产品,销售给国际友人,以此来赚取外汇收入。好了,废话不多说,让我们进入正题。

安装主题

1,主题的选择

现在我们打开,主题森林,themeforest.net,打开搜索条件,themeforest.net/category/wordpress/ecommerce/woocommerce?sort=sales,(若不能直接打开,可以复制前面的链接去自行打开)

我们可以看到,单是Woo的相关电商主题,多达千余个。看看前面几个的销售量已经达到百万之多的销售量,且费用不低,折合RMB接近400块。如果你感兴趣,有点产品和美术思维,通过我后面推荐的一些工具,甚至不需要学习前端知识,只需要对WP的模板理解深刻,就可以制作一套自己的主题,进行售卖后赚取美金。

嗯~ o( ̄▽ ̄)o,说了这么多,又有这么多的主题,是不是突然有种选择困难症了。嘻嘻~这就对了,那么贵的主题,总不能一个个地都试一遍吧。我这边有个小建议,就是可以结合着,你当前要销售的商品品类来选择,这样可以省去一些专有的设计时间。比如,时尚美衣,电子产品,家居家电,生鲜美食,零食外卖也是可以的。把当下的模板都预览一下,总能找到一款心仪的产品。

作为小白怎么办呢?对呢,我也一样,虽然没用个几个,但是看在销售量的数据上,第一个,Top Sell,是大众的选择应该不会错。我没有为他打广告,作为入门级别的Woo电商主题,Flatsome确实是小白的首选。这个在后面的教程进行对比就知道了。

2,Flatsome购买

打开预览Priview,可以先看看其主题有哪些风格和样式,点击购买,一步步操作就完事了。

作为撰写博客的演示和同学的自我练习,我这边还是悄悄地告诉大家两个可以找到别人买好的主题,提供的下载网站,但仅作为学习之用,千万不要直接用于商业,毕竟现在互联网对于版权的重视已不是过去的情况。否则打官司到破产,不要告诉我没有提醒你。想要的同学麻烦去我微信找我,聪明的你相信这不是问题,去回复关键词 “试用WP模板网站”,即可拿到,也可以回复“Flatsome”得到该主题的链接。

3,安装Flatsome主题

提前准备好一个干净的WP网站,最好不要安装任何插件。以免产生一些未知的bug。

下载zip包后,要解压找到主题文件下的包进行安装。千万不要直接把下载的zip上传到主题,那样只会失败。

安装完成后,可以立即激活,一步步地按照指示安装,主题会提示你来安装我们的Woo插件。

没有的内容,我们可以选择跳过。

我们会从零开始设计页面,子主题也不需要,先跳过。

默认插件的话,还是有必要的,点击继续。

插件安装完成后,我们可以根据需要,添加一些demo数据。后面不需要了再删除即可。

可以根据自己的需要,设置一下logo,和首页样式,当然不设置也可以。后面可以更改。

下一步,下一步,就可以去看看自己的网站了。

好了,至此,我们的Woo和主题就安装完成了,打开首页。

* 如果访问其他页面,有404的情况,请参考我前面的博文,对nginx进行简单的配置设置即可。

nginx的配置代码是

if (-f $request_filename/index.php){ rewrite (.*) $1/index.php; } if (!-f $request_filename){ rewrite (.*) /index.php; }Woo的基本设置

为了提前看到woo的主页,我们需要对Woo进行基础的设置。第一步,填写地址,建议用当地语言。

根据自己的产品类型选择行业,可以多选。

在最后一步,用自己的主题就行了。

到现在,我们的Woo就部署好了。下一章我们开始进行页面的设置。