Question

我目前正在使用Drupal开发一个网站，我在其上方有一个导航，下面是页面内容。使用标题图像，然后将内容分为2列。

页面内容（除了导航之外）被设置为具有最大宽度的包装器以对齐中间的内容。但我希望这个标题图像是全屏，然后是包装内的2列中的页面内容。此布局只需应用于某些页面......

我阅读了有关编辑template.php的文档，但没有提供完整的解决方案

我使用以下内容提供2列布局

<?php

/**
 * @file
 * Display Suite fluid 2 column stacked template.
 */

  // Add sidebar classes so that we can apply the correct width in css.
  if (($left && !$right) || ($right && !$left)) {
    $classes .= ' group-one-column';
  }
?>
<<?php print $layout_wrapper; print $layout_attributes; ?> class="ds-2col-stacked-fluid <?php print $classes;?> clearfix">

  <?php if (isset($title_suffix['contextual_links'])): ?>
  <?php print render($title_suffix['contextual_links']); ?>
  <?php endif; ?>

  <<?php print $header_wrapper ?> class="group-header<?php print $header_classes; ?>">
    <?php print $header; ?>
  </<?php print $header_wrapper ?>>

  <?php if ($left): ?>
    <<?php print $left_wrapper ?> class="group-left<?php print $left_classes; ?>">
      <?php print $left; ?>
    </<?php print $left_wrapper ?>>
  <?php endif; ?>

  <?php if ($right): ?>
    <<?php print $right_wrapper ?> class="group-right<?php print $right_classes; ?>">
      <?php print $right; ?>
    </<?php print $right_wrapper ?>>
  <?php endif; ?>

  <<?php print $footer_wrapper ?> class="group-footer<?php print $footer_classes; ?>">
    <?php print $footer; ?>
  </<?php print $footer_wrapper ?>>

</<?php print $layout_wrapper ?>>

<?php if (!empty($drupal_render_children)): ?>
  <?php print $drupal_render_children ?>
<?php endif; ?>

但我无法理解以下内容：

<div<?php print $attributes; ?>>
  <!--  -->
  <header>
    <div class="navigation-container">
        <?php print render($page['header']); ?>
      <div class="l-header" role="banner">
        <div class="l-branding">
          <?php print render($page['navigation']); ?>
        </div>
      </div>
    </div>
    <div class="header-container" role="banner">
      <div class="l-branding clearfix">
        <?php if ($logo): ?>
          <div class="logo_vub"><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" class="site-logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a></div>
        <?php endif; ?>
        <div class="language"><?php print render($page['language']); ?></div>

      </div>
    </div>
  </header>
  <div class="l-main">
    <div class="l-content" role="main">
      <?php print render($page['highlighted']); ?>
      <?php print $breadcrumb; ?>
      <a id="main-content"></a>
      <?php print render($title_prefix); ?>
      <?php if ($title): ?>
        <h1><?php print $title; ?></h1>
      <?php endif; ?>
      <?php print render($title_suffix); ?>
      <?php print $messages; ?>
      <?php print render($tabs); ?>
      <?php print render($page['help']); ?>
      <?php if ($action_links): ?>
        <ul class="action-links"><?php print render($action_links); ?></ul>
      <?php endif; ?>
      <?php print render($page['content_top']); ?>
      <?php print render($page['content']); ?>
      <?php print render($page['content_bottom']); ?>
      <?php print $feed_icons; ?>
    </div>

    <?php //print render($page['sidebar_first']); ?>
    <?php //print render($page['sidebar_second']); ?>
  </div>


</div>
<div class="footer-container">
  <footer class="l-footer" role="contentinfo">
    <?php print render($page['footer']); ?>
  </footer>
  </div>

我在我的2列布局中应用的所有内容都会被打印出来＃39;在l-main div中但是如何编辑它以使group-header落在这个主包装之外并且可以通过屏幕轻松设置为完全？

2列布局，全屏标题

0 个答案: