标签: 美观

如何不花一毛钱自行合法安装主题布景?

如何不花一毛钱自行合法安装主题布景?

  •  写作缘由: 

  如何不花一毛钱自行合法安装主题布景(theme)?

    初学者选择模板常被吸睛的,亮眼的高价付费主题布景商品所误导。

  其实网页美观与否,乃是由自己创作,只要先选择简单务实的模板品项,品质稳定,网页高速下载助您网页文章搜索排名高才是重点,其余的外锅部分,自己可以发挥琢磨的比例是相当高的。

  本文一本惯例,详实为您步骤教学示范如何安装免费主题背景选择的各项要领,简单扼要地教导您编排编辑网页美工排版从既有模板编辑要领。

  当然,后续详实的网页编辑排版步骤教学示范,不是即可与您见面,在为您的自架网站的成功,一起携手前进的。

陌生的道路上一旦有熟门熟路的朋友相伴,就不一样了!

  以盖房子来比拟的话,您已经将基础打好,钢筋骨架梁柱与结构墙都打点的差不多了!

  接下来,网页模板(又称主题布景,英文theme)的建立,就好像是安装精美的门窗,为墙壁上匹土粉光,搭建好楼梯电梯一般,也是迈向这栋建筑物行动通畅,四通八达,以及攸关未来视觉效果优劣雅俗的基础建设。

  接下来,咱们就一起来玩玩主题布景吧!请在网站控制台点选左侧边栏的[外观][布景主题],就会出现以下的画面。

接下来安排网页配置的设定,一般都是使用现成模板(theme),可以在[外观][布景主题]的选项中选取您所要套用的模板。

  上图的三个模板是安装WordPress架站软体时,就已预设模板的方式一起免费安装的。既然免费,您可以随意择一而用,甚至轮流换着用,看看有何不同,哪一类模板较适合您的需求。

  不过,其实免费模板多如过江之鲫,所以,还是先介绍您如何搜寻自己被推荐的模板,这样对您尽速熟悉模板相关知识,应该更好。

  接上图左下角有个空白模板框,中间有个[+]号,点击之后,即可浏览数百上千个,玲琅满目的布景主题。有的免费,有的要价惊人,任君选择,各取所需。

搜寻可用的布景主题

  上图左上角有个关键字搜索框,供您搜索特定关键字相关的布景主题之用。

  识初学者通常以貌取人,光看图片就判定优劣,其实,慢慢就会了解,布景主题挑选的重点是版面配置,图片的部分通常您也不好沿用,基于版权,通常也不许盗用,而且,即使可用也会失去您网站该有的特色了!

安装可用的布景主题

  上图中间名为[Make]的布景主题,看起来简直逊毙了!

  其实,不瞒您说,因为它的开发者很注重软体相关的稳定性,所以我的第一个网站,筑韵集团官网,一直都是使用这款布景主题,应该很少人联想的到。

  点击任一主题布景的图框,其右下角都会出现[安装][预览]两个选项。方便您评估满意之后,一键即可安装!

  下图为[Make]布景主题安装好之后,在其左上角会出现[已安装]的提示。

启用名为Make的主题背景

  上图中间名为[Make]的布景主题,点击[安装]之后,该按钮旋即变成[启用]按钮。

  我们现在就启用它来作为教学示范吧!

  接下来,敬请点击作左侧栏[外观][布景主题]就可以看到该布景主题已经出现在这个画面,而且在其左下角以注明[启用]!

完成启用名为Make的主题背景之后的画面

  那么,在网路世界里,您的新网站从浏览器第一眼看起来是如何呢?

  蛤?虾密?哪也安捏?是雪景吗?怎么白花花一带片?

在网路世界里,您的新网站从浏览器第一眼看起来是如何呢?当然,目前只有管理员才看的到,不用心急,接下来当然是好好装潢网站的门面,并充实具有意义的内容啰!

  当然,目前只有管理员才看的到,不用心急,接下来当然是好好装潢网站的门面,并充实具有意义的内容啰!

  我们什么网页内容都还没有添加进去,部白花花一片,啊不然,一片漆黑会比较好吗?

  接下来,我们赶快来学一学外挂的基础安装,将超好用的网页排版编辑器Elementor这个非常知名的外挂软体,安装起来,好好来装潢美化您的新网站吧!

  • 后记:

    光阴似箭,岁月如梭,加上您的勤奋认真,以及天赋异禀,很快地,您已经完成人生第一个自架网站的所有基础工程。

    接下来,只要将网页与文章的版面编辑排版外挂程式备妥,您就可以轻松开始网站的布置与内容的不断充实

    真是令人期待呀!

  稍歇片刻,养精蓄锐之后,咱们就把本系列步骤教学的最后一堂课,给完成了吧!

  待会儿见啰

免费注册订阅筑韵集团专业文章

    不想漏接下次的精采文章吗?

    敬请点击上方图案,免费注册免费订阅筑韵集团专业文章,以后只要有新作出刊,您的电子信箱就会马上收到通知。感恩!

精彩的内容丰富你我的人生

总公司地址:台湾省新竹县竹北市福兴路1028巷1号

台中分公司:台湾省台中市北屯区崇德路二段462号9楼之一

联络人:张世忠先生(0939-061-556)

电子信箱: mark.chang.1031@gmail.com

如何安装免费版超好用网页排版编辑外挂程式Elementor?

如何安装免费版超好用网页排版编辑外挂程式Elementor?

  •  写作缘由: 

    如何安装免费版超好用网页排版编辑外挂程式Elementor?

    本文详细步骤教学让您一步到位拥有人性介面功能强大众多的Elementor,让您网页排版得心应手,对网页可读性,美观与您的文章大作相得益彰。

    drag and drop操作让您网页排版行云流水之外,贴心的响应式设计,让您一次排版就可桌机,平板与手机一鱼三吃,大幅提升工作效率。

陌生的道路上一旦有熟门熟路的朋友相伴,就不一样了!

  当然,谁不希望自己架设的网页,能够吸睛,最好能让自己自豪,让网友赞叹!

  要达到如此境界,工欲善其事,必先利其器,且让我们来学学时下最受欢迎的,超简单又多功能的网页排版编辑器Elementor外挂程式吧!

  这个Elementor外挂程式免费版就很好用,付费版更精彩,功能太多族繁不及备载,本文只消先教您一招半式,就先能绰绰有余了!

  那么,我们就先来安装免费版的Elementor外挂程式吧!首先,敬请点击左侧栏[外挂],最先映入眼帘的将是以下画面。

WordPress架站软体预设的已安装外挂程式

  由于我们架站至今,还没有自行安装过任何外挂程式,因此,上述外挂程式必然是随着WordPress架站软体安装,以及bluhost安装软体的程序,预设一定要安装的外挂程式。

  由于还是初学者,我们就先不要去动这些外挂程式,比较安稳。等日后武功高强了,再来思索整体外挂的配置,就可以了!

  接下来,敬请点击[外挂][安装外挂],则会出现以下画面。

在[外挂][安装外挂]页面的右上角有搜寻栏位方便以关键字找到您想要了解或安装的外挂程式

  上图右上角有个搜索框,输入关键字[Elementor]之后,画面将变成如下图所示。

  敬请点击该画面中的[Elementor Page Builder ]与[Elementor Essential Addons]这两个外挂程式右上角的[立即安装]按钮。

  接下来,敬请点击该两个外挂程式右上角的[启用]按钮,就完成这两个重要的网页排版编辑器其外挂程式的安装了。

搜寻知名网页排版外挂程式lementor相关的结果

  在此附带一提,[Elementor Page Builder]这个外挂程式事主程式,一定要安装,才能享受Elementor网页排版编辑器的功能。

  接下来,敬请点击左侧边栏[页面] [全部页面]按钮,将所有现存页面条列出来。

点击左侧栏的[页面][全部页面]便会出现以下所有网页的列表,目前的列表都是WpordPress的预设网页,可以由编辑它们来作为范例。

  请将滑鼠移到[Home Page-首页]的栏位,则在其下方会出现编辑、快速编辑、回收桶与查看四个选项,如下图所示。

将滑鼠移到[Home Page-首页]其下方就会出现编辑、快速编辑、回收桶与查看四个选项。

  敬请点击编辑选项,则画面将呈如下图所示,正式进入网页编辑画面。

  敬请点击[使用Elementor编辑]的按钮,如下图所示。

编辑Home Page-首页的画面

  接着就会自动进入Elementor网页排版编辑画面,如下图所示。

进入Elementor外挂程式编辑的画面

  在上图编辑画面中间的大型虚线方框内有两个按钮,左边是[新增段]按钮,右边则是[新增版型]按钮。

  由于是初学者入门教学,我们以临摹的方式开始学习最有效率,因此敬请先点击[新增版型]按钮。于是画面就会呈现如下图所示的,充满许多版型可供选择的对话框。

点击[新增版型]所出现的画面

  此对话框分为三部分,目前呈现的是[页面],左边的选项是[区块],右边的选项则是[我的版型]。页面最完整,区块只含其中一小部分,我的版型是您创作过程中自行储存自创的版型。

  既然是临摹,就以最完整的[页面]区里选择最爱或最适合的版型来练习吧!

  请注意,这里众多的版型,如果右上角有洋红色[Pro]字样,代表是要付费才能使用,而且是美金计价,每个月付款,所以我尽量不采用。

  本教学范例我选择的是免费的,名为Art Gallery的版型,当滑鼠移到该版型的范围时,其左下角便会出现绿色的[插入]按钮。

例如,咱们先来挑选这款版型Art Gallery来练习。

  点击[插入]按钮之后,画面变成如下所示,整个版型已然搬进了您的编辑页面。

该版型载入到您的网站首页的情形

  点击左侧栏右方的[<]按钮之后,整个编辑指令栏位就会隐身,模拟在正常浏览器观看时的视觉效果。于是,画面变成如下所示。

  另外,因网页无法以单一萤幕完整呈现,因此在此以四张图片完整呈现网页的实际视觉效果。

模拟网友在浏览器观看的实际视觉效果-上
模拟网友在浏览器观看的实际视觉效果-中上
模拟网友在浏览器观看的实际视觉效果-中下
模拟网友在浏览器观看的实际视觉效果-下

  点击上图最左侧的[>]按钮之后,整个编辑指令栏位就会重新显现,如下所示。

  如果您要储存草稿,只要点击画面左下方绿色[发布]按钮旁的[▲]按钮,就会出现[储存草稿]与[储存版型]两个选项。点击[储存草稿]按钮,约数秒钟之后即完成草稿储存。

储存网页草稿

  此时,您就可以安心点击浏览器最左上角的[←]按钮,离开Elementor编辑器作业环境,回到WordPress编辑环境,如下图所示。

预览
  敬请再点击画面右方的储存为草稿]按钮,待储存完成,请再点击其右方的[预览]按钮,则浏览器会新增一个页面显示出正在编辑的网页或文章将来发布之后,从浏览器真正看到的视觉效果,如下图所示。
首页预览

  敬请切换浏览器页面到原先页面编辑的页面,再点击画面左方的[使用Elementor编辑]按钮,进入Elementor编辑画面,试着改变各编辑框内的文字内容与背景图片,非常方便就可以编辑出属于自己风格与需求的原创网页或文章,如下图所示。 。

  敬Elementor的设计是非常直觉的,因此很适合自己先玩玩看。当然,日后我也会尽速抽空写出一系列的Elementor相关的详细步骤教学文章,让您可以更迅速登堂入室,甚至青出于蓝而胜于蓝。敬请期待唷!感恩!

首页草稿
首页草稿-中
  • 后记:

  恭喜您!自架网站的所有基础建设,到此大功告成,可以感受到您雀跃不已的心情,真是太棒了!

  到目前为止,其实您大可以放手高飞,开始自由自在地到处吸收网站经营的知识,开创属于您自己的网路事业!

  如果,您还有兴趣,也愿意赏脸,敬请订阅我的网站文章,我后续还会有许多相关网站经营文章问世,也希望多少对您有所帮助。也希望您随时不吝给予建议与指​​正。感恩!

免费注册订阅筑韵集团专业文章

    不想漏接下次的精采文章吗?

    敬请点击上方图案,免费注册免费订阅筑韵集团专业文章,以后只要有新作出刊,您的电子信箱就会马上收到通知。感恩!

精彩的内容丰富你我的人生

总公司地址:台湾省新竹县竹北市福兴路1028巷1号

台中分公司:台湾省台中市北屯区崇德路二段462号9楼之一

联络人:张世忠先生(0939-061-556)

电子信箱: mark.chang.1031@gmail.com