Fragen zum Postcount und :first-letter.

Muhsaft

Hi ich bin gerade dabei ein Template zu erstellen und ich tüftle nur noch an Zwei Fragen:
1.
In meinem Template wird der neueste Post groß

Code

<? if($post_counter == 0) { ?>

und alle folgenden kleiner dargestelt.

Code

<? } else if($post_counter > 0) { ?>

Das funktioniert auch prima, nur möchte ich auch, dass jeder post mit einem geraden Postcount anders dargestellt wird. Also 2, 4, 6 usw.
Wie könnte man das realisieren?
Ich bin leider keine PHP Leuchte.

2.
Eigentlich wollte ich, dass Der erste Buchstabe eines jeden Posts größer dargestellt wird:

PHP

<div class="post">
<?php the_content('Weiterlesen &raquo;<br />'); ?>
</div>

CSS:

Code

.post:first-letter {
         margin: 0.1em 0.1em 0em 0em;
         font-size: 4em;
         float: left;
         line-height: 1.4em;
}

Nur aus irgend einem Grund weigert sich Wordpress das umzusetzen. p:first-letter funktioniert, nur werden dann natürlich auch Buchstaben an nicht gewünschten Stellen groß geschrieben.
Ich hoffe ihr könnt mir weiter helfen.:)
mfg Muhsaft

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

codestyling

Zu 1.) wo nimmst du den $post_counter her ?
Zu 2.) Du kannst doch den 1. <p> im Editor eine class geben:

Code

<p class="first-para">Es war einmal ..... </p>

Das bleibt auch erhalten im Editor und du kannst dann im style.css folgendes schreiben:

Code

.first-para:first-letter {
         margin: 0.1em 0.1em 0em 0em;
         font-size: 4em;
         float: left;
         line-height: 1.4em;
}

Dann gibts auch ein Großes E :-)

Muhsaft

Zitat von codestyling

Zu 1.) wo nimmst du den $post_counter her ?

Von meiner index.php:

PHP

<?php if (have_posts()) : ?>
          <? $post_counter = 0; ?>
          <?php while (have_posts()) : the_post(); ?>
            <? if($post_counter == 0) { ?>
              <div class="gro" id="post-<?php the_ID(); ?>">
                <h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h1>
                <div class="post">
                      <?php the_content('Weiterlesen &raquo;<br />'); ?>
                                         <p style="text-align:right;">
                    <?php edit_post_link('Bearbeiten', '', ''); ?>
                    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/comment.png" alt="" /> <?php comments_popup_link('Kommentieren &raquo;', '1 Kommentar &raquo;', '% Kommentare &raquo;'); ?>
                        </p>
                                 </div>
              </div>
              <? $post_counter++ ?>
            <? } else if($post_counter > 0) { ?>
               <div class="klei" id="post-<?php the_ID(); ?>">
                <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
                <div class="post">
                  <?php the_excerpt(); ?>
                      <p style="text-align:right;"><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanenter Link zu <?php the_title(); ?>">Weiterlesen &raquo;</a></p>
                                   <br />
                                   <p style="text-align:right;">
                  <?php edit_post_link('Bearbeiten', '', ''); ?>
                  <img src="<?php bloginfo('stylesheet_directory'); ?>/images/comment.png" alt="" /> <?php comments_popup_link('Kommentieren &raquo;', '1 Kommentar &raquo;', '% Kommentare &raquo;'); ?>
                 </p>
                                 </div>
              </div>
            <? if($post_counter % 2 == 0) { echo ""; } ?>
            <? $post_counter++ ?>
            <? } ?>
           <?php endwhile; ?>
          <hr />
          <div class="gro">
                     <br />
                     <p><span style="float:left;"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/links.png" alt="" /><?php previous_posts_link('SpÃ¤tere BeitrÃ¤ge') ?></span>
                     <span style="float:right;"><?php next_posts_link('FrÃ¼here BeitrÃ¤ge') ?><img src="<?php bloginfo('stylesheet_directory'); ?>/images/rechts.png" alt="" /></span></p>
          </div>
        <?php else : ?>
          <p>Seite nicht gefunden<p>
          <?php include (TEMPLATEPATH . "/searchform.php"); ?>
        <?php endif; ?>

Alles anzeigen

Zitat von codestyling
Zu 2.) Du kannst doch den 1. <p> im Editor eine class geben:
Code
<p class="first-para">Es war einmal ..... </p>
Das bleibt auch erhalten im Editor und du kannst dann im style.css folgendes schreiben:
Code
.first-para:first-letter {
         margin: 0.1em 0.1em 0em 0em;
         font-size: 4em;
         float: left;
         line-height: 1.4em;
}
Dann gibts auch ein Großes E :-)

Naja

PHP

<?php the_content('Weiterlesen &raquo;<br />'); ?>

spuckt ja die <p>s aus und ich wüsste nicht, wie ich da ran kommen sollte. Und ob ich jetzt um the_content <p> oder eine Divbox setze nimmt sich ja nichts. Oder gibt es da noch eine weitere Template datei außer index.php, die in der Postdarstellung involviert ist?
Übrigens Danke für die schnelle Antwort.:-D

EDIT: Achso du meinst Jedes mal beim posten eines neuen Beitrages dem Absatz per Hand eine Classe vergeben? Das wäre eine Möglichkeit nur leider ist das Templat nicht für mich und muss besonders benutzerfreundlich sein.

codestyling

Also ich benutz den  um selbst zu bestimmen, wieviel Teaser es sein soll. Wenn ich also im Beitrags Editor auf HTML schalte und um den 1. Textabschnitt ein <p> wie im letzten Post angegeben setze, dann bekomme ich meine Formatierung so wie ich will. (Auch wenn der  mitten im Textabschnitt steht)

Und dein Template enthält doch schon alles, was nötig ist:

PHP

<? if($post_counter % 2 == 0) { echo ""; } ?>

Der if ist nur wahr wenn dein counter 0,2,4,6,8,... ist, im ungeraden Falle aber falsch.Somit kannst du in beiden fällen jeweils eine andere class vergeben.

Monika

Zitat von Muhsaft
Hi ich bin gerade dabei ein Template zu erstellen und ich tüftle nur noch an Zwei Fragen:
1.
In meinem Template wird der neueste Post groß
Code
<? if($post_counter == 0) { ?>
und alle folgenden kleiner dargestelt.
Code
<? } else if($post_counter > 0) { ?>
Das funktioniert auch prima, nur möchte ich auch, dass jeder post mit einem geraden Postcount anders dargestellt wird. Also 2, 4, 6 usw.
Wie könnte man das realisieren?
Ich bin leider keine PHP Leuchte.

2.
Eigentlich wollte ich, dass Der erste Buchstabe eines jeden Posts größer dargestellt wird:
PHP
<div class="post">
<?php the_content('Weiterlesen &raquo;<br />'); ?>
</div>
CSS:
Code
.post:first-letter {
         margin: 0.1em 0.1em 0em 0em;
         font-size: 4em;
         float: left;
         line-height: 1.4em;
}
Nur aus irgend einem Grund weigert sich Wordpress das umzusetzen. p:first-letter funktioniert, nur werden dann natürlich auch Buchstaben an nicht gewünschten Stellen groß geschrieben.
Ich hoffe ihr könnt mir weiter helfen.:)
mfg Muhsaft
Alles anzeigen

IE kann das :first-letter nicht oder kaum, daher ergibt das Probleme,
ich geh mal suchen, es gab wo einen Thread wo diese Frage auftauchte, die wrude per Code gelöst...

dauert mal meine Suche
lg

Monika

so für den 1. Absatz gibt es eine quick and dirty Lösung von spickzettel hier:

http://forum.wordpress-deutschland.org/design/28368-e…ighlighten.html

den Thread lesen, da kommt dann der Link zum Gesuchten (ist nicht lang)

lg

Muhsaft

Vielen Dank!
jetzt läuft alles so wie es soll.:-D

Muhsaft

Ach eine Frage noch wo kann man Namen und Beschreibung eines Themes verändern, so dass es im Admibereich angezeigt wird?

marX

Kommentar am Anfang der style.css:
Theme Development « WordPress Codex

Muhsaft

Ok Danke schön:-D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Fragen zum Postcount und :first-letter.

Jetzt mitmachen!