drupal内容页的输出,说简单也简单,也复杂也复杂,单纯的输出文章对应的参数,就很简单。在首页、列表页定制完毕的前提下,点击首页、列表页某列表标题或者链接,直接进入对应的内容页。内容页的标题、描述、发布时间、正文内容如何输出呢?
一、在templates目录下,新建node--our_course.html.twig(our_course为内容类型,不指定的话,会通配全部内容页)。
二、粘贴内容页代码到node--our_course.html.twig内容模板,去掉body以外的代码,并修改image路径。
三、在node--our_course.html.twig模板中对应的位置,用变量替换对应的参数。
<div id="fh5co-blog"> <div class="container"> <div class="row animate-box"> <div class="col-md-8 col-md-offset-2 text-center fh5co-heading"> <h2>{{ label }} </h2> <p>{{ content.author_name }} {{ content.field_date }}</p> </div> </div> {{ content.body }} </div> </div>
1.标题:{{label}},系统自带的,不用自定义,调用即可;
2.作者:{{content.author_name}},系统自带的,可自定义;
3.发布时间:{{content.field_date}},自定义的字段,使用content直接调用即可;
4.正文内容:{{content.body}},添加内容类型时,一般都会自带该字段,需要可留下,直接调用;不需要,删除即可;或者需要的时候,再添加也是可以的。
另外,node模板的官方说明可以熟悉下,里面有更多的字段可供调用。
{# /** * @file * Bartik's theme implementation to display a node. * * Available variables: * - node: The node entity with limited access to object properties and methods. * Only method names starting with "get", "has", or "is" and a few common * methods such as "id", "label", and "bundle" are available. For example: * - node.getCreatedTime() will return the node creation timestamp. * - node.hasField('field_example') returns TRUE if the node bundle includes * field_example. (This does not indicate the presence of a value in this * field.) * - node.isPublished() will return whether the node is published or not. * Calling other methods, such as node.delete(), will result in an exception. * See \Drupal\node\Entity\Node for a full list of public properties and * methods for the node object. * - label: (optional) The title of the node. * - content: All node items. Use {{ content }} to print them all, * or print a subset such as {{ content.field_example }}. Use * {{ content|without('field_example') }} to temporarily suppress the printing * of a given child element. * - author_picture: The node author user entity, rendered using the "compact" * view mode. * - metadata: Metadata for this node. * - date: (optional) Themed creation date field. * - author_name: (optional) Themed author name field. * - url: Direct URL of the current node. * - display_submitted: Whether submission information should be displayed. * - attributes: HTML attributes for the containing element. * The attributes.class element may contain one or more of the following * classes: * - node: The current template type (also known as a "theming hook"). * - node--type-[type]: The current node type. For example, if the node is an * "Article" it would result in "node--type-article". Note that the machine * name will often be in a short form of the human readable label. * - node--view-mode-[view_mode]: The View Mode of the node; for example, a * teaser would result in: "node--view-mode-teaser", and * full: "node--view-mode-full". * The following are controlled through the node publishing options. * - node--promoted: Appears on nodes promoted to the front page. * - node--sticky: Appears on nodes ordered above other non-sticky nodes in * teaser listings. * - node--unpublished: Appears on unpublished nodes visible only to site * admins. * - title_attributes: Same as attributes, except applied to the main title * tag that appears in the template. * - content_attributes: Same as attributes, except applied to the main * content tag that appears in the template. * - author_attributes: Same as attributes, except applied to the author of * the node tag that appears in the template. * - title_prefix: Additional output populated by modules, intended to be * displayed in front of the main title tag that appears in the template. * - title_suffix: Additional output populated by modules, intended to be * displayed after the main title tag that appears in the template. * - view_mode: View mode; for example, "teaser" or "full". * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'. * - page: Flag for the full page state. Will be true if view_mode is 'full'. * - readmore: Flag for more state. Will be true if the teaser content of the * node cannot hold the main body content. * - logged_in: Flag for authenticated user status. Will be true when the * current user is a logged-in member. * - is_admin: Flag for admin user status. Will be true when the current user * is an administrator. * * @see template_preprocess_node() */ #} {% set classes = [ 'node', 'node--type-' ~ node.bundle|clean_class, node.isPromoted() ? 'node--promoted', node.isSticky() ? 'node--sticky', not node.isPublished() ? 'node--unpublished', view_mode ? 'node--view-mode-' ~ view_mode|clean_class, 'clearfix', ] %} {{ attach_library('classy/node') }} <article{{ attributes.addClass(classes) }}> <header> {{ title_prefix }} {% if label and not page %} <h2{{ title_attributes.addClass('node__title') }}> <a href="{{ url }}" rel="bookmark">{{ label }}</a> </h2> {% endif %} {{ title_suffix }} {% if display_submitted %} <div class="node__meta"> {{ author_picture }} <span{{ author_attributes }}> {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %} </span> {{ metadata }} </div> {% endif %} </header> <div{{ content_attributes.addClass('node__content', 'clearfix') }}> {{ content }} </div> </article>