Wie kann ich in Custom Post Types eine Art Haupttype erstellen?

ChaosZarth

Guten Tag Forum,

ich habe Custom Post Types für Wir und Projekte erstellt auf der Seite http://dev.nthusiasmus.de/wir/ bzw. http://dev.nthusiasmus.de/projekte/ ersichtlich.

Es sieht im Backend/Frontend so aus (anhand des Beispiels vom CPT Wir):

Ich hoffe die Bilder sind aussagekräftig.

Ich möchte unter die Headline Mitarbeiter eine Art Überkategorie schieben, so dass es aussieht wie hier:

Kann man das irgendwie lösen? Das Styling soll ungefähr so sein, wie auf dem ersten Frontend-Foto. Ich könnte den NPIRE-Punkt zwar auch in den Custom Post Type "Wir" einpflegen, aber ich habe keine Ahnung wie ich ihn dann vor die anderen Punkte sortiert bekomme. Mit der Reihenfolge in der Attribute-Box im Backend scheint es nicht zu klappen. Wenn doch, bräuchte ich eine Erklärung, wie ich das hinbekomme:?:.

Und dann bleibt ja auch noch die Frage, wie ich den Punkt über die zur Verfügung stehenden Breite von 940px gestylt bekomme, ohne die anderen Wir-Custom-Post-Types zu verändern.

Gruß

Karsten

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

FrageSelten

Moin Moin Karsten,

also wie ich sehe habt ihr nun unter http://dev.nthusiasmus.de/wir/ doch ein Bild eingefügt. Mein Vorschlag wäre simpel und sehr schnell und einfach umzusetzen: löscht das Bild an der stelle raus und fertig. Darüber hinaus ist das verpixelte Logo eh optisch nicht so ansprechend. Lösungsansatz 2 wäre etwas umfangreicher zu realsieren: Du müsstest im Grunde ein weiteres category-template erstellen und es in die functions-php mit einbauen, so dass bei einer Übercategory eben das eine neue category-template genommen wird und if not then das alte. Eigentlich bauste nur ein zweites category-template, erstellst dazu die CSS formatierung - kann gerne in die style.css übernommen werden und in die function.php machste noch ne Fallabfrage dazu dann passt die Sache.

LG aus der Pfalz wünscht
FrageSelten

ChaosZarth

Hallo FrageSeiten, schöne Grüße in die Pfalz und Danke für deine Antwort,

ich weiß nicht, ob ich dich richtig verstehe (wahrscheinlich eher nicht). Lösungsansatz 1 geht in die Richtung, die weniger von meinem Vorgesetzten vorgesehen ist. Das Bild ist eh nur ein Platzhalter.

Bei Lösungsansatz 2 wäre meine Frage: Wozu brauche ich ein Kategorie-Template? Ich meine, ich weiß es wirklich nicht. Was macht dieses Kategorie-Template (besser/schlechter)? Bei 'Wir' handelt es sich um einen Custom Post Type, der auf einer statischen Seite ausgegeben wird, vielleicht habe ich an der Stelle nicht genug Informationen gegeben...

Ich habe es inzwischen so gelöst, dass ich zwei Kategorien im Backend angelegt habe (Startartikel, Schlussartikel), diese separat ausgebe indem ich nur den Custom Post Type 'Wir' mit der Kategory 'Startartikel oben auf der Seite bzw. 'Schlussartikel' unten auf der Seite ausgebe. Im mittleren Bereich der Seite gebe ich den gesamten Custom Post Type 'Wir' aus, mit dem Zusatz, dass hierbei nicht die Kategorien 'Startartikel' und 'Schlussartikel' ausgegeben werden dürfen. Diese Kategorien habe ich hierbei über deren IDs angesprochen.

wir.php

PHP

get_header();
$zaehler = 0;
?>
<link rel="stylesheet" href="http://www.nthusiasmus.de/wp-content/themes/npire-blog/css/wir.css">
<?php
$post_args = 'post_type=wir&cat=455&showposts=1';
query_posts($post_args);
if (have_posts()): while (have_posts()): the_post();
        ?>
        <div id="post-container">
            <div class="category-wrapper">
                <h2><?php the_title(); ?></h2>
                 <div class="startartikel-singlepic"><?php if (  has_post_thumbnail() ) : the_post_thumbnail(array(940, 658),  array('class' => 'recent-thumbs'));        endif; ?></div>
                <div class="starttext"><?php the_content(); ?></div>
                <hr />
                <div class="link-icons">
                    <?php
                    echo '<ul>';
                    $key_1_value = get_post_meta($post->ID, 'url', true);
                    // check if the custom field has a value
                    if ($key_1_value != '') {
                         echo '<li class="homepage"><a href="' . $key_1_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    ?>
                    <?php
                    $key_2_value = get_post_meta($post->ID, 'twitter_url', true);
                    // check if the custom field has a value
                    if ($key_2_value != '') {
                         echo '<li class="twitter"><a href="' . $key_2_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    ?>
                    <?php
                    $key_3_value = get_post_meta($post->ID, 'facebook_url', true);
                    // check if the custom field has a value
                    if ($key_3_value != '') {
                         echo '<li class="facebook"><a href="' . $key_3_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    ?>
                    <?php
                    $key_4_value = get_post_meta($post->ID, 'pinterest_url', true);
                    // check if the custom field has a value
                    if ($key_4_value != '') {
                         echo '<li class="pinterest"><a href="' . $key_4_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    echo '</ul>';
                    ?>
                </div>
            </div>
        <?php endwhile;
    endif;
    wp_reset_query(); 
    ?>




<?php query_posts('post_type=wir&showposts=-1&cat=-455,-456'); ?>
    <div class="category-wrapper">
        <h3>Mitarbeiter</h3>
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                <?php $zaehler += 1; ?>
                <div class="category <?php
                if ($zaehler % 3 == 0) {
                    echo 'no-space';
                }
                ?>">
                    <div id="post-<?php the_ID(); ?>">
                        <h3><?php the_title(); ?></h3>
                         <div class="category-singlepic"><?php if (  has_post_thumbnail() ) : the_post_thumbnail('custom-thumbnail-size',  array(300, 210), array('class' => 'recent-thumbs'));                 endif; ?></div>
                        <div class="wir-text"><?php the_content(); ?></div>
                        <hr />
                        <div class="link-icons">
                            <?php
                            echo '<ul>';
                            $key_1_value = get_post_meta($post->ID, 'url', true);
                            // check if the custom field has a value
                            if ($key_1_value != '') {
                                 echo '<li class="homepage"><a href="' . $key_1_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                            }
                            ?>
                            <?php
                            $key_2_value = get_post_meta($post->ID, 'twitter_url', true);
                            // check if the custom field has a value
                            if ($key_2_value != '') {
                                 echo '<li class="twitter"><a href="' . $key_2_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                            }
                            ?>
                            <?php
                            $key_3_value = get_post_meta($post->ID, 'facebook_url', true);
                            // check if the custom field has a value
                            if ($key_3_value != '') {
                                 echo '<li class="facebook"><a href="' . $key_3_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                            }
                            ?>
                            <?php
                            $key_4_value = get_post_meta($post->ID, 'pinterest_url', true);
                            // check if the custom field has a value
                            if ($key_4_value != '') {
                                 echo '<li class="pinterest"><a href="' . $key_4_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                            }
                            echo '</ul>';
                            ?>
                        </div>
                    </div>
                </div>
            <?php endwhile; ?>
<?php endif; wp_reset_query(); ?>
    </div>
</div>


<?php
$post_args = 'post_type=wir&cat=456&showposts=1';
query_posts($post_args);
if (have_posts()): while (have_posts()): the_post();
        ?>
        <div id="post-container">
            <div class="category-wrapper">
                <h3><?php the_title(); ?></h3>
                 <div class="startartikel-singlepic"><?php if (  has_post_thumbnail() ) : the_post_thumbnail(array(940, 658),  array('class' => 'recent-thumbs'));        endif; ?></div>
                <div class="endtext"><?php the_content(); ?></div>
            </div>
        <?php endwhile;
    endif;
    wp_reset_query(); 
    ?>

Alles anzeigen

Mein Vorgesetzter wünscht jedoch, dass der Inhalt sowohl des Startartikels als auch des Schlussartikels über die statische 'Wir' Seite einzupflegen ist. Hierbei bräuchte ich Hilfe: Wie gebe ich Inhalt einer statischen Seite über die wir.php aus, zumal der noch getrennt werden muss --> in den Bereich für oberhalb der Custom Post Types und unterhalb. Ein Kollege meinte, das ginge mit der PHP-Funktion explode und einem %%Trenner%%. Ich hoffe hierbei kann ein PHP-Affiner User mir weiterhelfen.

Weiterhin Frage ich mich, wieso ich, obwohl ich die 'wir.css' oben eingebunden habe, ein anderes Ergebnis (die Custom Post Types werden ganz anders formatiert) erziele, wenn ich den Code für das styling aus der style.css in die wir.css verschiebe.

Gruß

Karsten

ChaosZarth

Mitlerweile habe ich mit meinen dürftigen PHP-Kenntnissen, dem Studium von php.net und etwas Spucke so versucht, dem Wunsch meines Vorgesetzten zu entsprechen:

wir.php

PHP

<?php get_header(); ?>


<link rel="stylesheet" href="http://www.nthusiasmus.de/wp-content/themes/npire-blog/css/wir.css">


<?php query_posts('page_id=249'); //page-id der statischen 'wir'-seite ?>
<?php
if (have_posts()): while (have_posts()): the_post();
        ?>
        <div id="post-container">
            <div class="category-wrapper">
                <h2><?php the_title(); ?></h2>
                <div class="startartikel-singlepic">
                    <?php
                    if (has_post_thumbnail()) : the_post_thumbnail(array(940, 658), array('class' => 'recent-thumbs'));
                    endif;
                    ?>
                </div>
                <div class="text">
                    <?php
                    $wircontent = the_content();
                    $teile = explode("%%trenner%%", $wircontent);
                    echo $teile[0];
                    ?>
                </div>
                <hr />
                <div class="link-icons">
                    <?php
                    echo '<ul>';
                    $key_1_value = get_post_meta($post->ID, 'url', true);
                    // check if the custom field has a value
                    if ($key_1_value != '') {
                         echo '<li class="homepage"><a href="' . $key_1_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    ?>
                    <?php
                    $key_2_value = get_post_meta($post->ID, 'twitter_url', true);
                    // check if the custom field has a value
                    if ($key_2_value != '') {
                         echo '<li class="twitter"><a href="' . $key_2_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    ?>
                    <?php
                    $key_3_value = get_post_meta($post->ID, 'facebook_url', true);
                    // check if the custom field has a value
                    if ($key_3_value != '') {
                         echo '<li class="facebook"><a href="' . $key_3_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    ?>
                    <?php
                    $key_4_value = get_post_meta($post->ID, 'pinterest_url', true);
                    // check if the custom field has a value
                    if ($key_4_value != '') {
                         echo '<li class="pinterest"><a href="' . $key_4_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                    }
                    echo '</ul>';
                    ?>
                </div>
            </div>
        </div>
        <?php
    endwhile;
endif;
wp_reset_query();
?>


<?php query_posts('post_type=wir&showposts=-1&cat=-455,-456'); ?>
<div class="category-wrapper">
    <h3>Mitarbeiter</h3>
    <?php $zaehler = 0; ?>
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <?php $zaehler += 1; ?>
            <div class="category <?php
        if ($zaehler % 3 == 0) {
            echo 'no-space';
        }
        ?>">
                <div id="post-<?php the_ID(); ?>">
                    <h3><?php the_title(); ?></h3>
                    <div class="category-singlepic">
                        <?php
                         if (has_post_thumbnail()) : the_post_thumbnail('custom-thumbnail-size',  array(300, 210), array('class' => 'recent-thumbs'));
                        endif;
                        ?>
                    </div>
                    <div class="text"><?php the_content(); ?></div>
                    <hr />
                    <div class="link-icons">
                        <?php
                        echo '<ul>';
                        $key_1_value = get_post_meta($post->ID, 'url', true);
                        // check if the custom field has a value
                        if ($key_1_value != '') {
                             echo '<li class="homepage"><a href="' . $key_1_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                        }
                        ?>
                        <?php
                        $key_2_value = get_post_meta($post->ID, 'twitter_url', true);
                        // check if the custom field has a value
                        if ($key_2_value != '') {
                             echo '<li class="twitter"><a href="' . $key_2_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                        }
                        ?>
                        <?php
                        $key_3_value = get_post_meta($post->ID, 'facebook_url', true);
                        // check if the custom field has a value
                        if ($key_3_value != '') {
                             echo '<li class="facebook"><a href="' . $key_3_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                        }
                        ?>
                        <?php
                        $key_4_value = get_post_meta($post->ID, 'pinterest_url', true);
                        // check if the custom field has a value
                        if ($key_4_value != '') {
                             echo '<li class="pinterest"><a href="' . $key_4_value . '"  target="_blank"><span class="icon">  </span></a></li>';
                        }
                        echo '</ul>';
                        ?>
                    </div>
                </div>
            </div>
            <?php
        endwhile;
    endif;
    wp_reset_query();
    ?>
</div>


<?php query_posts('page_id=249'); //page-id der statischen 'wir'-seite  ?>
<?php if (have_posts()): while (have_posts()): the_post(); ?>
        <div id="post-container">
            <div class="category-wrapper">
                <div class="text">
                    <?php
                    echo $teile[1];
                    ?>
                </div>
            </div>
        </div>
    <?php endwhile;
endif;
wp_reset_query(); ?>


<?php get_footer(); ?>

Alles anzeigen

Jedoch hat mir das die ganze Wir-Seite zerschossen.

%%trenner%% = der Trenner den ich auf der Seite in den Content eingegeben habe.
explode() wertet ihn allerdings nicht als Trenner aus, stattdessen steht auf der Seite im Conten "%%trenner%%" an der Stelle an der der Text eigentlich aufgespalten werden sollte.

In den Array "$teile" wollte ich eigentlich mit der PHP-Funktion explode die Einzelteile des Textes reinschreiben und den ersten Teil oberhalb von den Custom Post Types ausgeben, den Zweiten unterhalb. Aber irgendwie klappt das nicht. Er teilt einfach nicht.

Ich bin ratlos.

FrageSelten

Ich finde dein Engagement in der Sache wirklich bemerkenswert, doch weiste was ich schon seit Jahren in meiner Agentur praktiziere: Ich erfinde das Rad nicht mehr neu und das funktioniert.

So wie der Code eurer Seite aussieht, wars mal ein fertiges Template. Stimmt das? Wenn ja, warum verwendest du dann nicht die Vorlagen dazu?! Die Seiten sind immer nach dem selben Pinzip aufgebaut.

Da gibt es eine page.php, die die Ausgabe der Posts steuert, dann gibts eine single.php die für einzelne Blog Seiten ist, dann gibt es die Template Dateien usw.

Du kopierst dir zuerst die page.php lokal auf die Platte, dann baust du die so um wie du die gerne hättest (lagerst dort nötige style direkt ein) und wenn es dann so aussieht wie du willst, nimmste den CSS Style da wieder raus aus dem Source, pflanzt es in deine style.css rein - verwende aber bitte nicht die selben Klassen und IDs, und benennst die lokal zu bearbeitende page.php in template-page.php und dann machste noch in die functions.php eine Fallabfrage mit if rein um auszuwählen was bei welcher Aktion genutzt wird. Fertig.

Deine Vorgesetzten geben sich doch als lockere Agenturcheffs dann sollte es doch keinen jucken wie du zu dem Ergebnis kommst was die haben wollen. Die interessiert nur das Ergebnis.

Doch jetzt haste erstmal des Template versaut und deshalb machs erstmal wieder rückgängig bevor du noch mehr kaputt machst.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie kann ich in Custom Post Types eine Art Haupttype erstellen?

Jetzt mitmachen!