如果要更改页面标题和节标题的文本对齐方式,可以通过对所使用的外观进行简单的CSS(层叠样式表)修改来实现。默认情况下,页面标题和子标题/部分标题会向左对齐。如果需要,可以将它们居中,也可以将它们向右对齐。
通过将代码添加到站点的MediaWiki:Common.css页面(例如,yourdomain.com /index.php/MediaWiki:Common.css)来执行CSS修改。如果你在CSS代码中使用的ID是在特定主题(Skins)中定义页面标题的ID,则这将影响所有已安装的主题。要仅更改特定外观,可以将代码仅添加到其自己的CSS页面(例如,Vector外观的MediaWiki:Vector.css)。有关更多常规信息,请查看有关如何在MediaWiki中进行CSS修改的文章。

使任何文本元素居中的基本代码是相同的;它具有以下形式:

element { text-align: center; }

你必须用实际的标记和/或ID替换元素(element),在页面的HTML中使用该标记和/或ID定义特定的元素。如果你想将元素向右对齐,则只需放右而不是居中(例如,element {text-align: right;})。

你可以在所有页面上,仅在选定名称空间的页面上或仅在特定页面上更改标题和副标题的对齐方式。

更改所有页面的(主/部分)标题的对齐方式

在大多数主题中,即使不是全部,页面标题也是使用h1标签定义的。所以可以修改CSS如下:

h1 {text-align: center; }

所有页面的页面标题都将居中。但是,取决于特定的主题,可能还有其他用h1标签定义的文本元素,这意味着它们也将受到影响。例如,某些外观的站点标题也用h1标签指定,因此在这种情况下,站点标题和页面标题都将居中。为了避免出现这样的情况,你可以尝试使用该代码,然后查看除页面标题以外的其他内容是否受到影响。

章节标题通常用标签h2定义;带有h3的部分小标题,依此类推,直到h6。因此,例如,要使页面标题的所有子标题居中,可以使用:

h2 {text-align: center; }

我们提到的有关页面标题的相同内容也适用于部分标题。根据皮肤的不同,可能还会有其他由h2至h6标签定义的元素。如果存在此类元素,它们也会受到更改的影响。例如,在许多外观中,左栏中的导航菜单标签(例如,Tools,Navigation等)用h3定义。

如果除页面标题和章节标题之外的其他元素受到影响,则可以在CSS代码中使用定义页面内容的ID或类,以便将更改仅应用于页面内容中的元素。这些ID是针对特定主题的。在这里,我们将介绍MediaWiki内置的外观:VectorMonoBookModernCologne Blue。请注意,使用所有这四种外观,上面列出的代码更改也可以正常工作。

我们提供的所有示例都是为了居中,但如果需要,你可以在代码中将对齐方式更改为右(或左)。

Vector和MonoBook

\#content h1 {text-align: center; } -将页面标题居中。

\#content h2 {text-align: center; } -这会影响页面内容部分的标题。这些标题是页面标题的层次结构中直接的子标题。例如,对于子标题的子标题,将h2替换为h3。

Modern

\#mw_header h1 {text-align: center; } -用于将页面标题居中。

\#mw_content h2 {text-align: center; } -用于更改页面节标题的对齐方式。像上述一样,要更改子标题的不同级别,可以将h2替换为h3,h4等。

Cologne Blue

\#article h1 {text-align: center; } -用于页面标题。

\#article h2 {text-align: center; } -用于作为页面标题的直接子标题的部分标题。与其他外观一样,要更改子标题的对齐方式,你可以使用h3,h4等,该子标题的层次进一步向下。

更改每个命名空间标题的对齐方式

无论何时进行CSS更改,都不能将其应用于所有页面,而只能将其应用于来自一个或多个选定名称空间的页面。为此,在用于更改所有页面上的对齐方式的代码之前,你只需添加一些代码即可指定应将其应用于哪个名称空间。例如,以下内容:

.ns-0 h1 {text-align: center; }

将页面标题仅放在ID号为0的名称空间所属的页面上;这是包含文章的Main名称空间。来自其他命名空间的页面(例如,讨论页面,个人用户页面等)将不受影响。有关默认名称空间及其对应的ID号的更多信息,请查看MediaWiki名称空间的参考列表

更改每页标题的对齐方式

如果需要,可以仅在特定页面上更改页面标题和章节标题的对齐方式。为此,在用于更改所有页面的对齐方式的代码之前,你必须添加一些其他代码来指定应将其应用于哪个页面。例如,这:

body.page-Example_Page h1 {text-align: center; }

只会使标题为“示例页面”的页面的页面标题居中。用下划线(_)分隔标题中的单词。如果页面属于除Main之外的名称空间,则还必须在页面名称之前包含名称空间前缀,并用下划线将它们分开(例如Talk_Example_Page)。

最后修改:2021 年 01 月 03 日
如果觉得我的文章对你有用,请随意赞赏