本视频是讲解怎么用免费的主机、免费的域名和免费的WordPress主题搭建企业网站,零成本、不花一分钱便可创建网站,为网站制作爱好者减少手动操作的成本(零成本), 让更多的人学会制作属于自己的网站。
WordPress建站,简单易学,可搭建各种类型的网站,包括企业官方网站、个人小站、在线商城网站等等。无论是企业网站或者个人网站,都可以通过免费的主机、WordPress主题和域名来搭建,即方便学员操作学习网站制作,也能帮助更多人学会创建属于自己的网站。
可用于免费制作网站的主机有很多,这便于降低初学者的试错成本,各位学员主要是需要学会操作方法,增加实际操作经验,在操作的过程中,进一步学习更多网站建设知识,掌握网站搭建原理,并且要学会把学到的东西应用于实际,服务于企业或者自己的生意,或者接单为别人制作网站,总之,要以自身所学,创造价值。 无论是传统的线下生意,或者高科技服务,网站都是现在和未来离不开的网络信息传播方式,甚至企业网站或者是个人网站在未来会越来越普及。
希望本视频能帮助到各位学员,成本更多网站制作爱好者的入门基础。
本教程所用到的免费主机:
https://profreehost.com/register/ 视频中提到的代码如下:
/*调整特色图的尺寸与背景色*/ #tm_builder_outer_content .tm_pb_slider.tm_pb_slider_full_height{height:70vh}; #tm_builder_outer_content .tm_pb_text_align_left{background-color:rgb(200,200,200)}
/*隐藏调用特色图*/
.single .hentry .post-thumbnail__img{display:none;}
/*隐藏调用标题*/
.site-content .breadcrumbs .container .row .breadcrumbs__title .page-title{display:none;} /*标题居中*/ .entry-header .entry-title{text-align:center;}
/*移动面包屑*/
.breadcrumbs__wrap{position:relative; left:-120%;} .category .breadcrumbs__items { padding-left: 1.5625rem; padding-right: 1.5625rem; float: left !important; display: flex; position: relative; left: -64vw !important;}
/*隐藏发布时间及作者*/
.single .hentry .entry-meta{display:none;}
/*修改导航菜单样式*/
.main-navigation .menu > li > a, .invert .main-navigation.vertical-menu .menu > li > a, .invert .main-navigation .menu.isStuck > li > a, .invert .main-navigation.mobile-menu .menu > li > a {font-size:12pt; font-weight:500; color:white;} .main-navigation:not(.vertical-menu) .menu{position:relative;left:-20%;}
/*隐藏分类日期与作者*/
.post-list__item-content .entry-meta{display:none;}
/*隐藏Read More*/
.entry-footer .link{display:none;}
/*隐藏页面作者简介*/
.post-author-bio{display:none;}
/*留言左对齐*/
.comment-respond{text-align:left;} .comments-area .comment-respond {margin-left:10px;}
/*设置社交分享*/
.single .hentry .entry-footer > *:first-child {margin-top:0px; text-align:left;margin-left:10px;}
/*特色图加边框*/
.post-list__item-content {border:solid 2px #717070} .entry-header .entry-title { margin-bottom:-5px;}
/*分类页左右侧间隔*/
.card-deck{margin-left:-1rem; margin-right:-1rem;}