Datum/Labels/Uhrzeit/Kommentare unter Posttitel

24. September 2015 · · Written by · 0 COMMENTS
Heute möchte ich euch zeigen, wie ihr euer Datum oder auch die Labels, Uhrzeit und die Kommentare unter den Posttitel verschieben könnt. Dies könnte dann beispielsweise wie bei mir aussehen:

Datum/Labels/Uhrzeit/Kommentare unter Posttitel

23. SEPTEMBER 2015 · · WRITTEN BY · 1 COMMENT

Schritt 1: Wählt im Menü Vorlage aus und öffnet mit HTML bearbeiten das Fenster, in dem wir arbeiten möchten.

Schritt 2: Sucht in eurem HTML-Code nach h3 oder auch nach post-title, bis ihr zu diesem oder einem ähnlichen Abschnitt gelangt:
            <b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <data:post.title/>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <data:post.title/>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>


Schritt 3: Unter diesem Abschnitt fügt ihr nun wahlweise den Code für das Datum, die Labels, die Uhrzeit oder die Kommentare ein,
<!-- Datum -->
<b:if cond='data:post.dateHeader'>
<h5 class='date-header'><span><data:post.dateHeader/> &#183;
 <!-- Labels -->
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>  &#183;
  <!-- Autor -->

Eingestellt von
 <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>  &#183;
  <!-- Zeit -->
 <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span> 
  <!-- Kommentare -->

<b:if cond='data:post.allowComments'>
<a class='commi' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 Kommentare<b:else/><data:post.numComments/> Kommentare</b:if></a></b:if>
</span></h5>
</b:if>

Schritt 4: Da nun beispielsweise euer Datum doppelt erscheinen wird sucht ihr im gesamten HTML-Code genau nach den Teilen, die ihr eingefügt habt. Diese müssten ja auch noch einmal woanders auftauschen. Ihr löscht nun z.B. für das Datum folgendes an anderer Stelle heraus:
<b:if cond='data:post.dateHeader'>
<h5 class='date-header'><span><data:post.dateHeader/> &#183;
Genauso könnt ihr nun auch mit Labels, Datum, Uhrzeit und Kommentaren vorgehen.

Schritt 5: Um das Ganze schöner zu gestalren, könnt ihr nun noch Farbe Schriftarten usw. im CSS-Bereich gestalten. Außerdem ist es möglich zwischen den einzelnen Kategorien Symbole einzufügen. Dies könnt ihr dann einfach mit dem passendem Code (Siehe hier) zwischen den einzelnen Kategorien (beispielsweise zwischen Datum und Uhrzeit) einfügen.

0 liebe Kommentare ♥

Schreib mir etwas: