Newspaper 主题中文教程,简单的操作过程和方法(附下载地址和激活)

  • 点击进入:ChatGPT工具插件导航大全

WordPress主题Newspaper Version 11.2下载,最新版安装教程和激活方法

Newspaper 主题教程:架设WordPress主题教程+媒体网站

套用预设模板

WordPress

前往Newspaper > Install demos 安装样板,这边会有很多种Newspaper 预设样板,我先选择Coffee Blog 样板进行安装,方便后续教学。

ntt-newspaper-block14
安装预设模板

接下来,系统会自动汇入范例图片和文章等.. 到WordPress 网站中。等样板安装完成后,前往WordPress 前台就会看到现成网站了。

ntt-newspaper-block15
样板套用成功!

到这边先恭喜你有了成型的网站,我们将在后面章节,把它修改成你要的网页设计形象。


更改Header(网站页首)

这章节来更换网站页首(又称为Header),

前往Newspaper > Theme panel > Header 头部,这里可修改大部分页首功能。

ntt-newspaper-block16
Header 页首修改

这边先示范修改3 个地方,因为功能比较多,其他部分可自行摸索。

Header Style 头部样式

选择喜爱的Header 版型,搜寻框放置在Main menu,点击右下角Save Settings 储存。

ntt-newspaper-block17
Header 页首修改

Main Menu 主选单

点击Main Menu 选项卡,这里我把选单置顶关闭(Sticky Menu)、和显示社群图示关闭(Show Social Icons),可依自己需求调整,或都不动也可以。

ntt-newspaper-block18
页首置顶调整,是否显示页首社群图示

更换网站Logo

分别点击Logo & Favicon 和Logo for Mobile 选项卡,这两个是更换网站Logo+网站标示和手机Logo,上面都有标上建议尺寸。

里面也有一些图片的Alt 或Title 属性,可填入网站名称方便SEO 优化。

ntt-newspaper-block19
更换网站Logo 和网站标志

都修改完成后,记得点选右下角的Save Settings 储存修改。

回到前台看一下,网站页首有了网站Logo、选单不再置顶、出现网站搜寻框、隐藏了社群图示。

Great!这就是我们要的。


更改网站选单& 网站分类

这边会示范如何更改WordPress 网站选单和分类,方便接下来的新增、编辑文章教学,我们开始啰。

更改网站选单

?目前网站选单都是显示英文,如果我们需要做些调整,要如何操作呢?这边带大家学习。

前往WordPress 外观> 选单,预设选单名称是英文,可改成你想取名的中文名称,然后删除不需要或多余的选单,也可以新增新的选单项目。(这边我先不进行删除,方便后续教学)

每个选单都可拖移排序,和安排从属关系。

然后如果不想要Mega 样式的选单(横幅大选单),就改成Not mega menu 就会切回原来样式,修改完毕记得储存。可以参考

ntt-newspaper-block21
设置选单资讯

修改完成,我们到WordPress 前台来看一下成果。Good!看起来颇棒的。

ntt-newspaper-block22
WordPress 选单制作

更改网站分类

如果网站有多个品项或服务项目,或是多种文章分享内容,就可能会有多个网站分类。

但目前样板预设的都是英文,我们可以做些设置,方便阅读。

前往WordPress 文章> 分类,在想修改的分类上点

名称= 显示名称,代称= 网站网址(别名,建议填写英文)。

ntt-newspaper-block23
设置分类项目

当然,你也可新增或是删除多余的分类,分类也可以设置从属关系唷。


新增或编辑文章

WordPress 预设样板会填充许多英文文章,这边任意挑选一篇进行修改,你可以参考下面教学,新增或编辑你的文章。

前往WordPress 文章> 全部文章,任意选择一篇进行编辑。可以善用WordPress 区块编辑器,编辑出图文并茂的文章,可以参考

ntt-newspaper-block24
WordPress 文章新增&编辑

如果文章编写完毕后,需进行一些简单的内容设置,像是网址更改(可改成与文章内容有关的,建议用英文)、设置分类、设置精选图片、设置内容摘要等.. 。

设置完成后,点

ntt-newspaper-block25
WordPress 文章新增&编辑

前往放置指定分类下的文章,看一下文章修改成果。Great!这就是我们刚修改的样子。请参考

ntt-newspaper-block26
WordPress 文章编辑成功

接下来,你可依序把现有文章更换成你自己的文章,或是新增、删除多余的文章,都交给你设计啰。


TagDiv Composer 页面编辑器

Newspaper 有自带页面编辑器,这是很难得的,因为大多数都需额外加增,像是

保持WordPress 登入状态,前往网站前台任一页面,点击上方Edit with TagDiv Composer 进行编辑。

ntt-newspaper-block30
前往WordPress 页面编辑

因为TagDiv Composer 功能很多,我挑选几个大方向教学。

TagDiv Composer 简单介面认识

Add Element 可以帮页面加上多功能(最常用到)、Manager 可套用全局样板,一开始会比较少用、Load Template 是加上设计区块(方便)。

页面修改完成,都别忘了储存唷。

ntt-newspaper-block27
TagDiv Composer 页面编辑器教学

网站页面组成逻辑(TagDiv Composer)

TagDiv Composer 页面布局逻辑,主要是由这3 个组成,分别是Row(行)、Column(栏)、Element(功能),这可组合而成完全客制化页面,自由调整栏位宽度。

一条Row 行可以切成多个Column 栏,每个Column 栏上面可以放置多个Element 功能,它们之间大概就是这个逻辑。

每个页面区块左上角,都可点击这3 个,个别点击会切过去该功能,就可以针对区块做调整,如下图。

ntt-newspaper-block28
TagDiv Composer:页面布局逻辑

要留意有些区块功能,只支持整行(也就是只有一个栏位)才有办法显示,可以动手玩玩看。

多种网页元素功能

点击左上角的Add 能前往添加布局或功能的分页。

因为套用的样板已经有布局好了,所以只需拖放功能到右边区块即可。但如果想重新布局或是制作新的页面,就需自行布局(用Row 行、Inner Row 内排、Empty space 空白)。

ntt-newspaper-block29
布局元素和功能元素

TagDiv Composer 提供多种区块功能,你可自由套入使用,它们有功能小图示会帮助你更好上手。


新增或编辑页面(使用TagDiv Composer)

这章节我们用Tag Composer 修改首页页面,做成我们想要的网页设计。主要是调整现有的区块功能、和网站侧边栏的些许调整。

前往首页的Tag Composer 页面编辑器,会看到预设样板有个广告横幅,目前不需要点击删除。(可用此方式删除不要的区块)

ntt-newspaper-block32
删除多余的页面功能区块

首页上方原来是整个大区块显示,我们可以更改区块版型。点击需更改的区块,左侧会自动显示相关功能,也支持不同装置浏览设计。

ntt-newspaper-block33
切换样式和不同装置浏览

点选Filter 分页,可以设置区块显示哪个分类的文章、还有多种排序方法。当然其他分页还有区块内部布局调整、文字大小颜色调整等其他功能..,可自行玩玩看。

ntt-newspaper-block34
选择分类和排序方式

接着可以来编辑侧边栏,点作者区块可新增标题,或是调整样式、颜色、字体大小等.. 。如果没有大头贴,是因为还没设置Gravatar,可以参考

ntt-newspaper-block35
调整作者区块

调整社群媒体,可加上区块标题和设置社群连结,如果没有就让栏位空白,社群区块就会不见了。社群只需填上id 即可,就可顺利连结过去。

ntt-newspaper-block36
TagDiv Composer 教学:调整社群媒体

调整首页的最后一个区块,侧边栏的文章列表功能,你可更改标题长度、文章数量、和设置分类+排序等..,完成后记得储存。

ntt-newspaper-block37
调整侧边栏的文章列表

首页修改完成后,点左上角有个View 图示,就可前往前台浏览(或直接搜寻网址也可以),来看一下成果吧。Great!首页变得更美了,访客应该会更喜欢吧。

ntt-newspaper-block38
调整完成的首页

以上就是使用Tag Composer 进行网页设计的流程,不同的页面设计逻辑也是大概这样。你可参考这章节,打造你的客制化个人或公司形象网站。


文章和页面,修改差异

WordPress 文章和页面,两者的特色、功能性有部分会不同,可以参考

用Newspaper WordPress 主题当举例,Newspaper 的文章如果要更改样式或布局,就需使用Theme Panel(下面章节会有教学)。

而页面可使用Newspaper 自带的Tag Composer 编辑器进行设计,或是原来WordPress 预设的Gutenberg 编辑器都可。

WordPress 文章可设置分类、标签,但WordPress 页面没有。WordPress 页面通常是指首页、关于我们、联络我们等.. 不同形式的形象页面。

这边先简单带大家认识WordPress 网站主要组成的元素,文章和页面差异,这样在使用Newspaper WordPress 主题时,应该会比较好上手。


网页区块+小工具设置

WordPress 网页区块,通常会有页首(Header)、主内容(Content)、侧边栏(Sidebar)、F页尾(Footer),这是最常见的区块。

wordpress-block-show
WordPress 主要4 区块

如果大一点的布景主题,可能还会有顶端栏(Top Bar)、多个侧边栏(Sidebar #1、#2 ..)、多个子页尾(Footer Column #1、#2 ..)等等。

除了主内容(Content)以外,其他主区块都能在里面添加其他功能元素,让网页变得更丰富,我这边进行教学。

前往WordPress 外观> 小工具,

简单调整一下侧边栏功能,这边刚刚有调整过(我们是用TagDiv Composer 页面编辑器,覆盖了原来设置),但全局?的侧边栏位还是维持原来状态,所以需进行调整。

ntt-newspaper-block39
编辑WordPress 区块功能

调整完成后,会发现文章内容、文章内页的栏位也都进行改动了。

当然你也能加上其他功能,自由的编辑网页侧边栏、或是网站页尾,客制化你建立的网站部落格(Blog)、媒体网站。可以参考

备注:需把网站小工具放在对的位置,网站才会正确呈现唷。

这样一来,部落格网站是不是更加美观了呢:)


终于到网站页尾修改的部分了,这边来示范如何使用WordPress Newspaper 修改网站页尾。

前往Newspaper > Theme panel > Footer,这里可改动大部分页尾样式。

ntt-newspaper-block40
前往Footer 网站页尾修改

选择喜欢的页尾样板,这边我挑选最简单的样式,确认后点右下角储存即可。

ntt-newspaper-block41
选择页尾样板

这个Newspaper 套用样板,有在页尾加上IG 显示图库,如果不需要可关闭,想留着只要更改ID 成正确的即可。也能调整显示图片数量。

ntt-newspaper-block42
更改预设IG 区块

这里可调整页尾Logo、页尾文字、设置Email、是否显示社群图示.. 。

ntt-newspaper-block43
调整页尾图片、文字..

最后可以调整Sub Footer(子页尾)的Copyright Text 版权文字,完成后记得储存。

ntt-newspaper-block44
更改Copyright Text 版权文字

最后来看一下网站页尾(Footer)修改成果。简单俐落的修改,没有过多的东西,Great!

ntt-newspaper-block45
Newspaper WordPress 主题:页尾修改成果

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun65024.html

(1)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
关闭的标签页可能会在未来版本的 Chrome 中几乎立即重新打开
上一篇 2021年8月14日 下午8:55
什么是 .arw 文件?如何在 Win 11/10 中查看 ARW 文件?
下一篇 2021年8月15日 下午4:22

相关推荐

  • 如何在 Xampp (Ubuntu) 上安装 WordPress?

    在 Ubuntu 的 XAMPP 上安装 WordPress 无论您使用的是 Ubuntu 20.04、22.04 还是任何其他最新版本,这个在 XAMPP for Linux 上…

    2024年3月17日 Linux命令
  • 在 Ubuntu 上安装 WordPress 桌面应用程序 22.04 或 20.04

    先决条件: 要学习本教程,用户必须在 Ubuntu 或任何其他基于 Debian 的 Linux 系统上拥有 sudo 权限。除此之外,还需要有效的互联网连接才能下载 WordPr…

    2024年3月13日 Linux命令
  • WordPress 6.4更新了哪些功能,更新日志

    欢迎使用 WordPress 6.4 每个版本的 WordPress 都能赋予您创作自由,WordPress 6.4 也不例外。网站编辑、设计和写作体验的新功能和升级,让您的创意天…

    2023年11月8日 最新资讯
  • 如何修复WordPress上的“此网站上出现严重错误”There has been been a critical error on this website 工具软件

    如何修复WordPress上的“此网站上出现严重错误”There has been been a critical error on this website

    WordPress 是创建网站的流行工具。但是,有时,用户可能会遇到一条消息,指出“此网站上存在严重错误”。 这表明网站的功能存在问题。把它想象成一台机器出现故障,需要注意。 在本…

    2023年11月8日
  • Get Involved 成为 WordPress 的未来

    您使用 WordPress 是为了工作、个人项目,还是只是为了好玩?您可以帮助塑造为全球数百万网站提供支持的开源项目的长期成功。 加入 WordPress 贡献者社区,并与热衷于维…

    工具软件 2023年9月11日
  • WordPress 宣布推出 100 年域名托管计划 工具软件

    WordPress 宣布推出 100 年域名托管计划

    网站Domain Name的续期,经常是人们关心的问题。 如果因为一些事而忘记付费,你的域网就会消失。 为此,WordPress 推出了一项长达一个世纪的计划,旨在解决这个问题。 …

    2023年8月28日
  • 您应该检查的 5 个适用于 WordPress 的 ChatGPT 插件

    点击进入:ChatGPT工具插件导航大全 ChatGPT 席卷了数字世界。作为内容创建者或营销者,您可能希望通过在您的网站上实施它来进一步探索这种 AI 技术。因此,您可能想知道是…

    2023年3月7日 工具软件
  • 如何使用 ChatGPT 构建网站:使用 AI 从头开始​​创建 WordPress 网站

    点击进入:ChatGPT工具插件导航大全 什么是ChatGPT? ChatGPT 是由 OpenAI 开发的聊天机器人,它使用语言处理模型根据用户输入生成文本。它具有广泛的应用,从…

    2023年3月7日 工具软件
  • WordPress未检测到页面缓存,但服务器响应时间正常

    缓存插件 可以轻松安装W3 Total Cache或WP Super Cache等插件,并将您的 WordPress 帖子和页面缓存为静态文件。然后将这些静态文件提供给用户,从而减…

    最新资讯 2022年12月9日
  • WordPress您应该使用持久对象缓存

    持久对象缓存 持久对象缓存通过减少从 Web 服务器访问数据库的次数来帮助加快页面加载时间。例如,您站点的选项数据需要对每个页面视图可用。如果没有持久对象缓存,您的 Web 服务器…

    最新资讯 2022年12月9日
  • 欢迎使用 WordPress 6.1,更新日志!

    点击进入:ChatGPT工具插件导航大全 欢迎使用 WordPress 6.1 本页重点介绍了自 2022 年 5 月发布 WordPress 6.0 以来产品的一些最重要的变化。…

    2022年11月3日 工具软件
  • WordPress数据库优化后,网站文章,图片都没有了,怎么办,如何解决。

    比如你用了像WP-Optimize 3.2.7、WP Clean Up、WP Fastest Cache 这类与数据库有关的工具,都有可能导致数据库损坏,从而你看到你的网站内没有文…

    2022年9月29日 Wordpress
  • WordPress 6.0.2更新了什么?更新日志

    点击进入:ChatGPT工具插件导航大全 维护和安全更新 6.0.2版本修补了安全漏洞、修正了17个问题。 欲了解更多,参见发行注记。 6.0.1版本修复了31个问题。 欲了解更多…

    2022年8月31日 工具软件
  • 2022WordPress 一些数据表不可用。也许需要修复数据库。 技术教程

    2022WordPress 一些数据表不可用。也许需要修复数据库。

    收到服务器CPU资源占到100%,打开网站就提示: 一些数据表不可用。也许需要修复数据库 点击【修复数据库】提示让我删除wp-config.php 文中的 99行define(“F…

    2022年2月16日
  • Avada 主题响应式多用途 v7.2.1 for WordPress 2021 Wordpress

    Avada 主题响应式多用途 v7.2.1 for WordPress 2021

    Avada Theme Responsive Multi-Purpose v7.2.1 for WordPress 2021 Avada 主题是世界上最畅销的 WordPress …

    2022年2月8日
  • IndexNow Plugin是什么,Bing WordPress插件下载和安装 Wordpress

    IndexNow Plugin是什么,Bing WordPress插件下载和安装

    IndexNow Plugin描述 适用于 WordPress 的 IndexNow 插件可以自动将 WordPress 站点的 URL 提交到多个搜索引擎,而无需向它们注册和验证…

    2022年1月7日
  • 微软为 WordPress 网站发布 IndexNow 插件 Wordpress

    微软为 WordPress 网站发布 IndexNow 插件

    Microsoft Bing 和 Yandex(俄罗斯最受欢迎的搜索引擎)发布了IndexNow,这是网站所有者向搜索引擎通知其网站最新内容变化的一种新方式。无需等待搜索引擎发现内…

    2022年1月7日
  • 如何在 Windows 11 上安装 WordPress

    如果您有一个 WordPress 网站,您可以选择将其托管在您自己的 PC 或服务器上。 至少在您开始时,它可能是一个优势,因为您可以更快地测试大量修改,并且您可以完全控制正在发生…

    2021年12月10日 Win 11
  • WordPress 网站遭到虚假勒索软件攻击 最新资讯

    WordPress 网站遭到虚假勒索软件攻击

    新一波攻击已经入侵了近 300 个 WordPress 网站以显示虚假的加密通知,试图诱骗网站所有者支付 0.1 比特币进行恢复。 这些赎金要求带有倒数计时器,以引起紧迫感,并可能…

    2021年11月17日
  • Wordpress网页如何设置通过搜索引擎到后阅读几秒后跳转到别的网页,操作教程和方法 Wordpress

    WordPress网页如何设置通过搜索引擎到后阅读几秒后跳转到别的网页,操作教程和方法

    代码

    2021年10月21日
  • Instant Articles for WP 操作教程,Facebook即阅文Wordpress插件使用方法 工具软件

    Instant Articles for WP 操作教程,Facebook即阅文WordPress插件使用方法

    点击进入:ChatGPT工具插件导航大全 如果您拥有一个受 WordPress 支持的网站或博客,那么您可以使用即阅文 WordPress 插件轻松创建即阅文。这是创建即阅文的最简…

    2021年7月25日
  • Wordpress更新服务地址大全,效果不知道! Wordpress

    WordPress更新服务地址大全,效果不知道!

    在您发表新文章时,WordPress会自动通知站点更新服务。要获取更多资讯,请参见Codex上的更新服务文档。请以换行分隔多个服务URL。 http://ping.blo.gs/h…

    2021年7月20日
  • wordpress升级到5.6,图片没法加载用Enable jQuery Migrate Helper Wordpress

    wordpress升级到5.6,图片没法加载用Enable jQuery Migrate Helper

    可以下载下面这个插件进行临时解决,等一个版本来会进行修复的! Enable jQuery Migrate Helper Enable jQuery Migrate Helper 描…

    2020年12月10日
  • WordPress修改发布文章后,会自动自己给自己评论,如何解决! Wordpress

    WordPress修改发布文章后,会自动自己给自己评论,如何解决!

    wordpress修改发布文章后,会自动自己给自己评论,如何解决! 只需要在后台把【评论】设置中的【尝试通知文章中链接的博客】【允许其他博客发送链接通知(pingback和trac…

    2020年11月16日
  • MIUI 6 Patchrom在哪下载?MIUI 6 Patchrom开源地址

     MIUI 6的第三方适配工具“Patchrom”正式发布! Patchrom 是指基于设备厂商的原厂 ROM,通过反汇编方式插入第三方 ROM 修改的代码,从而实现快速适配第三方…

    小米Xiaomi 2020年1月13日
  • 小米手机换新券是什么?怎么用?如何获得?

    小米手机换新券是什么?怎么用?如何获得?

    2015年12月22日

  • 开发人员深入探讨为什么苹果的M1芯片如此之快的原因

    开发人员深入探讨为什么苹果的M1芯片如此之快的原因

    2020年12月1日

  • 如何在 2023 年在 TikTok 上修剪声音 [AIO]

    如何在 2023 年在 TikTok 上修剪声音 [AIO]

    2022年5月12日

  • 腾讯智影数字人直播

    2023年6月20日

  • 退格键在我按住它时只删除一个字母:快速修复

    退格键在我按住它时只删除一个字母:快速修复

    2023年2月18日

  • Google Gemini 与 Google Assistant

    Google Gemini 与 Google Assistant

    2024年2月19日

  • Galaxy Watch&Watch 3获得改进的Wi-Fi和消息应用程序以及更多最新更新

    Galaxy Watch&Watch 3获得改进的Wi-Fi和消息应用程序以及更多最新更新

    2021年4月23日

  • iOS 14.4:以下是获取预览版的方法

    iOS 14.4:以下是获取预览版的方法

    2021年1月21日

  • 如何使用 Google Bard 与其他工具集成

    如何使用 Google Bard 与其他工具集成

    2023年12月5日

  • 亲身体验 Microsoft Designer:使用 AI 像专业人士一样创建设计的新应用

    亲身体验 Microsoft Designer:使用 AI 像专业人士一样创建设计的新应用

    2023年4月11日

PHP网站源码吉祥百姓网标王民治关键词排名包年推广福田网站制作设计龙华网站设计沙井网站制作广州网站优化按天收费大芬网站建设石岩百度爱采购沙井百度关键词包年推广大芬网站制作设计龙岗网页设计平湖seo优化观澜百度爱采购南联网站优化推广观澜外贸网站制作民治优化吉祥seo优化福永营销网站广州网站优化按天扣费福永网站设计南山网站建设设计南澳百度竞价包年推广光明百姓网标王石岩SEO按天收费南山至尊标王南山百度竞价东莞百度爱采购宝安网站设计模板广州SEO按天扣费深圳外贸网站建设歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

PHP网站源码 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化