Auf Thema antworten

Beitrag

<blockquote data-quote="patrick_l" data-source="post: 2480718" data-attributes="member: 194379">1. OnePager erst einmal statisch mit HTML, CSS und JS umsetzen2. Template für WordPress aufbereiten / zerlegenZunächst deine OnePage Website mit allen betönigten Dateien umsetzen. Sprich das Grundgerüst, alle primären CSS Formatierungen sowie benötige / verwendete Scripte udn Bibliotheken (JS &gt; jQuery).Jetzt Schritt für Schritt dein WP Theme aufbauen. Deinen &quot;OnePager&quot; mit Hilfe einer front-page.php anlegen. Darin erstellst du in den einzelnen Sections einen Loop, der die jeweilige Seite ausgibt. Dazu mit Costom Queries arbeiten, um Seiten (Pages) auszugeben.[php]&lt;main id=&quot;primary&quot; role=&quot;main&quot;&gt;&nbsp; &nbsp; &lt;section id=&quot;about&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;?php&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $query = new WP_Query( 'pagename=about' );&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ( $query-&gt;have_posts() ) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; while ( $query-&gt;have_posts() ) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $query-&gt;the_post();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;div class=&quot;container&quot;&gt;';&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; the_content();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;/div&gt;';&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; wp_reset_postdata();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ?&gt;&nbsp; &nbsp; &lt;/section&gt;&nbsp; &nbsp; &lt;section id=&quot;work&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;?php&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $query = new WP_Query( 'pagename=work' );&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ( $query-&gt;have_posts() ) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; while ( $query-&gt;have_posts() ) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $query-&gt;the_post();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;div class=&quot;container&quot;&gt;';&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; the_content();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;/div&gt;';&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; wp_reset_postdata();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ?&gt;&nbsp; &nbsp; &lt;/section&gt;&lt;/main&gt;[/php]&nbsp;So setzt du das ganze für alle anderen Bereiche (Seiten/Pages) fort. Gibst dessen Inhalt per Costom Queries aus. Wenn du deine Website jedoch etwas flexibler machen möchtest, deine Seite ganz klassisch aufbauen. Anschließend deinen OnePager lediglich als Child-Theme umsetzen.&nbsp;&nbsp; An der Navigation ändert sich so nichts. Nur das dort lediglich als Anker eine ID angesprochen wird. In der single.php eine angepasste / eigene Navigation ausgeben, mit der man ohne weiteres wieder zur Hauptseite (OnePager) gelangt. Theme samt Templates kann man natürlich noch weiter aufbauen. Sei es dessen Funktionalität und Einstellungsmöglichkeiten im Backend (Dashboard).Liebe Grüße, Patrick</blockquote>

[QUOTE="patrick_l, post: 2480718, member: 194379"] 1. OnePager erst einmal statisch mit HTML, CSS und JS umsetzen 2. Template für WordPress aufbereiten / zerlegen Zunächst deine OnePage Website mit allen betönigten Dateien umsetzen. Sprich das Grundgerüst, alle primären CSS Formatierungen sowie benötige / verwendete Scripte udn Bibliotheken (JS > jQuery). Jetzt Schritt für Schritt dein WP Theme aufbauen. Deinen "OnePager" mit Hilfe einer front-page.php anlegen. Darin erstellst du in den einzelnen Sections einen Loop, der die jeweilige Seite ausgibt. Dazu mit Costom Queries arbeiten, um Seiten (Pages) auszugeben. [php]<main id="primary" role="main"> <section id="about"> <?php $query = new WP_Query( 'pagename=about' ); if ( $query->have_posts() ) { while ( $query->have_posts() ) { $query->the_post(); echo '<div class="container">'; the_content(); echo '</div>'; } } wp_reset_postdata(); ?> </section> <section id="work"> <?php $query = new WP_Query( 'pagename=work' ); if ( $query->have_posts() ) { while ( $query->have_posts() ) { $query->the_post(); echo '<div class="container">'; the_content(); echo '</div>'; } } wp_reset_postdata(); ?> </section> </main>[/php] So setzt du das ganze für alle anderen Bereiche (Seiten/Pages) fort. Gibst dessen Inhalt per Costom Queries aus. Wenn du deine Website jedoch etwas flexibler machen möchtest, deine Seite ganz klassisch aufbauen. Anschließend deinen OnePager lediglich als Child-Theme umsetzen. An der Navigation ändert sich so nichts. Nur das dort lediglich als Anker eine ID angesprochen wird. In der single.php eine angepasste / eigene Navigation ausgeben, mit der man ohne weiteres wieder zur Hauptseite (OnePager) gelangt. Theme samt Templates kann man natürlich noch weiter aufbauen. Sei es dessen Funktionalität und Einstellungsmöglichkeiten im Backend (Dashboard). Liebe Grüße, Patrick [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!