Custom Post Types Frontend / Design

Klosterwurm

moin moin...

und zwar habe ich mich jetzt 2 Tage mit dem Custom Post Types beschäftigt und hab jetzt noch ein kleines Problem mit dem Design.

Und zwar hab ich vom Design aufbau immer so gemacht das ich Seiten anlege und dann das Templat anlege <?php /* Template Name: Videos */ ?> in der Videos befindet sich aber der ganze Design aufbau also der ganze HTML Code vom Design und der Content hat

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; endif; ?>

denn Inhalt.

Jetzt wollte ich ein Video-Blog erstellen das er wie bei den Artikel auch als Blog anzeigt nur das Problem ist mit mein Templat. Wie bekomme ich das jetzt hin das ich auch ein Templat erstellen kann wo halt mein ganzer Design aufbau (htmlcode von header, content bis footer) drinne ist und was muss ich beim Content einfügen.

Hoffe mich versteht jemand.... :smile:

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

endcore

Ich verstehe irgendwie nicht richtig was dein Problem ist :D Mag daran liegen das Text irgendwie kein Sinn ergibt.

Um einen Custom Post Type auszugeben musst du der Loop noch sagen welchen Sie ausgeben soll. Das fehlt bei deinem Code oben. Du müsstest die Loop entsprechend anpassen:

PHP

<?php 
query_posts("post_type=NAME"); //hier wird der post type bestimmt
if (have_posts()) : while (have_posts()) : the_post();
  the_content();
endwhile; endif; ?>

Wenn du jetzt einen Blog aufbauen willst, musst du die Ausgabe entsprechend anpassen (HTML+CSS):

PHP

<?php 
query_posts("post_type=NAME"); //hier wird der post type bestimmt
if (have_posts()) : while (have_posts()) : the_post(); ?>
  <article class="post id-<?php echo $post->ID; ?>">
     <h1><?php the_title(); ?></h1>


     <p class="meta">Verfasst am <?php the_time('d.m.Y'); ?> von <a href="<?php echo   get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" title="Geschrieben von <?php the_author(); ?>"><?php the_author(); ?></a></p>


     <?php the_content(); ?>
   </article>
endwhile; endif; ?>

Alles anzeigen

Ich hoffe das hilft dir weiter.

Gruß,

Christian

Klosterwurm

@endcore danke für die Antwort, ja ich weiss bischen kompliziert geschrieben. Also das mit den Loop das hab ich ja alles nur vom Templat bekomme ich das nicht hin. Mein Aufbau ist das ich immer eine xxxx.php habe und da befindet sich immer mein ganzen Design also vom Header, Content und Footer.

Also so z.B: Messe:

PHP

<?php /* Template Name: Messe */ ?>
<!DOCTYPE html>
<html>


<head>


    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>


<!-- Meta -->
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="description" content="<?php bloginfo('description'); ?>" />
<meta name="keywords"  content="xxxxx" />
<meta name="author" content="xxxx" />






<!-- CSS -->
<link href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" rel="stylesheet">
<link href="<?php bloginfo('template_directory'); ?>/content.css" type="text/css" rel="stylesheet">
<link href="<?php bloginfo('template_directory'); ?>/favicon.ico" type="image/x-icon" rel="shortcut icon">


<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/scripte/jquery.fancybox.css?v=2.0.6" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/scripte/helpers/jquery.fancybox-buttons.css?v=1.0.2" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/scripte/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
<link href="<?php bloginfo('template_directory'); ?>/scripte/jquery.simplyscroll.css" type="text/css" rel="stylesheet">


<!-- Favicon -->
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon">


<!-- JS -->
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/html4shiv.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/fancybox.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/jquery.fancybox.js?v=2.0.6"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripte/helpers/jquery.fancybox-media.js?v=1.0.0"></script>




</head>


<body>


<div id="layout">


  <header>
    <a href="startseite"><img src="<?php bloginfo('template_directory'); ?>/style/nr_logo_header.jpg" width="990" height="140" style="border: 0px;" /></a>
  </header>


       <div class="clear"></div>


         <nav>
        <div id="menu">
           <ul id="navigation">
            <li><a href="<?php echo get_option('home'); ?>/startseite">Startseite</a></li>
            <li><a href="<?php echo get_option('home'); ?>/unternehmen">Über uns</a></li>
            <li><a href="<?php echo get_option('home'); ?>/leistungen">Leistungen</a></li>
            <li><a href="<?php echo get_option('home'); ?>/reparaturen-und-wartung">Reparturen &amp; Wartung</a></li>
            <li><a href="<?php echo get_option('home'); ?>/angebote">Angebote</a></li>
             <li><a href="<?php echo get_option('home'); ?>/category/allgemein">News</a></li>
              <li id="aktiv"><a href="<?php echo get_option('home'); ?>/gallery">Messe</a></li>
            <li><a href="<?php echo get_option('home'); ?>/kontakt">Kontakt</a></li>
          </ul>
        </div>
     </nav>


         <div class="clear"></div>




     <section id="head_messe">
        <div id="header_kontakt">
          <div id="adresse">xxxx<br />xxxx<br />xxxxx<br />
          <br />Tel.: xxxxx<br />Fax.: xxxx<br />
          E-mail: <a class="emaillink" href="mailto:xxxx">xxxx</a>
          </div>
        </div>
         <div id="header_end"><img src="<?php bloginfo('template_directory'); ?>/style/nr_header_cont.jpg" width="990" height="20" /></div>
     </section>


         <div class="clear"></div>


       <div id="content">
        <div id="content_left">
         <img src="<?php bloginfo('template_directory'); ?>/style/nr_box_leistungen.jpg" width="330" height="230" style="border: 0px;" />
           </div>
         <div id="content_right">
           <div id="content_inner">
             [B]<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
           <?php the_content(); ?>
          <?php endwhile; endif; ?>[/B]
          </div>
         </div>
       </div>


            <div class="clear"></div>


   <footer>
     <div id="footer_trenner"></div>
      <div id="footer_navigation">xxxx xxxxx | <a class="footerlink" href="news">News</a> | <a class="footerlink"  href="messe">Messe</a> | <a class="footerlink"  href="impressum">Impressum</a> | Webdesign by <a class="footerlink kn"  href="http://www.xxxxx">xxxxxx</a></div>
   </footer>




</div></body>
</html>

Alles anzeigen

weil mein Design Aufbau für jede Seite anders ist der Banner/Header mal mit links box mal nicht etc... hoffe jetzt weißt du was ich meine. :roll:

Klosterwurm

mmm... da kann mir wohl keiner weiterhelfen. Shit.... :(

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Custom Post Types Frontend / Design

Jetzt mitmachen!