Artikelbild für statische Seiten

SchneiderS

Hallo,

Wenn ich für einen Beitrag ein Artikelbild festlege,
dann wird dieses Bild je nach Theme zum Beispiel so angezeigt:

http://www.dessign.net/gridthemeresponsive/

Wenn ich jetzt aber keine Beitragsseiten nutze, sondern hauptsächlich statische Seiten:
kann ich bestimmte Beitragsbilder von statischen Seiten auf anderen statischen Seiten genauso auflisten wie oben angezeigt?

Oder ist diese Funktion nur für Beiträge gedacht?
Wie kann ich bestimmte Artikelbilder/Beitragsbilder in verschiedenen Seiten ausgeben?

Gruß Sam

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

Melewo

Ja, das sollte eigentlich gehen, falls Du in PHP oder Theme-Entwicklung fit bist. Du könntest dann eine Kopie von der Datei ziehen, diese als Template-Datei anlegen und Post Type ändern. Falls Du nicht fit bist, dann vergiss es, würde ich sagen.

SchneiderS

Zitat von Melewo

Ja, das sollte eigentlich gehen, falls Du in PHP oder Theme-Entwicklung fit bist. Du könntest dann eine Kopie von der Datei ziehen, diese als Template-Datei anlegen und Post Type ändern. Falls Du nicht fit bist, dann vergiss es, würde ich sagen.

Danke! Gibts dafür ein Plugin? Wieso kann ich statischen Seiten ein Artikelbild zuweisen? Das macht für mich dann irgendwie kein sinn...

Melewo

Deshalb schrieb ich doch, entweder Du bist fit oder Du bist es nicht. Nur als Demo, bzw. als kleiner Ansatz, wobei das bei case noch nicht so bleiben kann. Da müsstest Du noch etwas anderes entwickeln.

PHP

<?php
$args = array("posts_per_page" => 20, "post_type" => "page");
$qobj = new WP_Query($args);


if ($qobj->have_posts()):


    while ($qobj->have_posts()) : $qobj->the_post();
        
        // Titel


        switch ($post->ID) {
            case 33:
                echo "Image 33";
                break;
            case 47:
                echo "Image 47";
                break;
            case 104:
                echo "Image 104";
                break;
        }


   // Content


    endwhile;
endif; 
wp_reset_query();
?>

Alles anzeigen

SchneiderS

Also nach langem probieren hab ich endlich eine sehr schöne Lösung gefunden.
Der ein oder andere wird die Lösung bemängeln, aber ich bin damit sehr zufrieden.

Hauptsächlich hatt mir bei dieser Arbeit eine sehr nette und geduldige Dame geholfen. Monika Thon-Soun von http://texto.de. Auf Sie bin ich gestoßen, nach dem ich lange gegoogelt hab. Ihr Lösungsvorschlag und ihre geduldige und aktive Hilfe (auch für jemanden, der etwas länger brauch) hatt das Ergebnis gebracht, was ich mir gewünscht hatte.

Ich möchte nochmal betonen: Ohne Frau Thon-Soun wäre ich NIE auf diese Lösung gekommen. Der Lösungsvorschlag kam von Ihr!

Und weil ich so begeistert bin, möchte ich den Weg mit anderen teilen. Falls jemand vor der selben Frage steht, wie man Artikelbilder von Seiten (Pages) auf einer anderen statischen Seite auflisten kann. Hier ein Lösungsvorschlag:

Schritt 1: Erstelle ein neues Template
Geh in dein FTP Server
-> Lad dir die Datei page.php herrunter
-> kopiere page.php und bennen die neue php datei, so dass du Sie verstehen kannst. (Beispiel: page-wasauchimmerduwillst.php)
-> Dateien wieder hochladen
-> lösche den gesamten Inhalt von der neuen page-wasauchimmerduwillst.php un füge folgendes ein:

PHP

<?php


/*


Template Name: wasauchimmerduwillst


*/


?>
<?php get_header(); ?>


<?php
$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();


$wp_query->query( array( 'post_type' => 'page','post__in' => array( 1,2,3,4) ) );
while ($wp_query->have_posts()) : $wp_query->the_post(); ?>




<div class="entrykachel"> 
    <a class="kachel" href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'blogpage-thumb' );?></a> <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
</div>
<?php endwhile;  $wp_query = null; $wp_query = $temp;?>




<?php get_footer(); ?>

Alles anzeigen

Beachte, dass die IDS der Seiten im aaray mit deinen Seiten übereinstimmen sollten!
Nähere Erläuterungen, was genau was ist findest du hier:

http://www.texto.de/wp-als-cms-meh…gen-lassen-597/

Schritt 2: Erweitere funtions.php
In functions.php füngst du folgende Code ein:

Code

//my postthumb size 
if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails' );
        set_post_thumbnail_size( 250, 9999 ); // default Post Thumbnail dimensions   
}


if ( function_exists( 'add_image_size' ) ) { 
    add_image_size( 'category-thumb', 75,75,true ); //300 pixels wide (and unlimited height)
    add_image_size( 'blogpage-thumb', 300, 198, true ); //(cropped)
    add_image_size( 'frontpage-thumb', 590, 197, true ); //(cropped)
    add_image_size( 'frontsmall-thumb', 75, 75, true ); //(cropped)


}

Alles anzeigen

Quelle und Erläuterung:
http://www.texto.de/artikelbilder-…verwenden-1384/

Schritt 3: CSS Datei Anpassen

Hier gibt es bestimmt auch andere Möglichkeiten. Trotzdem: Was ich gemacht hab und was auch funktioniert:

Code

/*  GRUPPIERUNG KACHELN */
.entrykachel {
    width: 200px;
    float: left;
    margin: 5px;
}

Schritt 4: Seiten mit Artkelbildern füllen
Geh zum Dashboard
-> Zur gewünschten statischen Seite wo deine Artkelbilder gelistet werden sollen
-> Wähle als Template (rechts) dein Template, welches du gerade eben erstellt hast.
-> Speichern und freuen.

Das wars! Bei mir hat es wunderbar funktioniert. Und das Ergebnis sieht so aus:
http://www.design-individuell.eu/beta/

Jetzt hab ich trotz dem Erfolg, noch eine Frage an euch:

Wenn ich den Inhalt (content) einer Seite unter diesen Artkelbildern ausgeben möchte. Dann kopier ich ja eigentlich nur den Content Inhalt der datei page.php und das unterhalb von meinem oben stehenden Code.

Jetzt hab ich aber das Problem, dass bei dem aktuellen Theme, nur ein bruchteil von dem angezeigt wird, was ich eigentlich im Backend stehen hab.

Ihr seht in http://www.design-individuell.eu/beta/ unter den Artkelbildern nur ein Text mit Textilveredelung. Im Backend steht jedoch wesentlich mehr. Warum?

Mein Code gesamter Code des verwendeten Templates sieht so aus:

PHP

<?php


/*


Template Name: leistungen


*/


?>
<?php get_header(); ?>


<?php
$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();


$wp_query->query( array( 'post_type' => 'page','post__in' => array( 26,72,8,68,10,503,529,506) ) );
while ($wp_query->have_posts()) : $wp_query->the_post(); ?>




<div class="entrykachel"> 
    <a class="kachel" href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'blogpage-thumb' );?></a> <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
</div>
<?php endwhile;  $wp_query = null; $wp_query = $temp;?>




<?php do_atomic( 'before_content' ); // hatch_before_content ?>


    <div id="content">


        <?php do_atomic( 'open_content' ); // hatch_open_content ?>


        <div class="hfeed">


            <?php if ( have_posts() ) : ?>


                <?php while ( have_posts() ) : the_post(); ?>


                    <?php do_atomic( 'before_entry' ); // hatch_before_entry ?>


                    <div id="post-<?php the_ID(); ?>" class="<?php hybrid_entry_class(); ?>">


                        <?php do_atomic( 'open_entry' ); // hatch_open_entry ?>


                        <?php echo apply_atomic_shortcode( 'entry_title', '[entry-title permalink="0"]' ); ?>


                        <div class="entry-content">
                            <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'hatch' ) ); ?>
                            <?php wp_link_pages( array( 'before' => '<p class="page-links">' . __( 'Pages:', 'hatch' ), 'after' => '</p>' ) ); ?>
                        </div><!-- .entry-content -->


                        <?php echo apply_atomic_shortcode( 'entry_meta', '<div class="entry-meta">[entry-edit-link]</div>' ); ?>


                        <?php do_atomic( 'close_entry' ); // hatch_close_entry ?>


                    </div><!-- .hentry -->


                    <?php do_atomic( 'after_entry' ); // hatch_after_entry ?>


                    <?php do_atomic( 'after_singular' ); // hatch_after_singular ?>
                    
                    <?php comments_template( '/comments.php', true ); // Loads the comments.php template. ?>


                <?php endwhile; ?>


            <?php endif; ?>


        </div><!-- .hfeed -->


        <?php do_atomic( 'close_content' ); // hatch_close_content ?>


    </div><!-- #content -->


    <?php do_atomic( 'after_content' ); // hatch_after_content ?>


<?php get_footer(); // Loads the footer.php template. ?>

Alles anzeigen

Seltsam ist für mich eins: Unter dem Theme Thirteen (beispiel: http://www.bibelimkopf.de) hab ich kein Problem mit der Anzeige des kompletten Inhalts. Nur bei dem Theme Hatch von AlienWP.

Wenn das Problem gelöst ist, wär ich sehr sehr dankbar.
Da versteckt sich irgendwo ein blöder Code, der mir nur ein kleinen Anteil anzeigt.
Und ich bin irgendwie am Ende meines Lateins. -_-

Gruß und Vielen Dank.
Schneider

Monika

grüß Dich auch hier :-)

ich glaub ich fands eine Lösung, wenngleich ich es gut finde, wenn es einen "weiterlesen" Link gibt
das verleitet zum Lesen auf dieser Seite und das sollt ja so sein :-)

PHP

<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'hatch' ) ); ?>

1. Möglichkeit verändere diesen Teil in

PHP

<?php the_content();?>

und verwende den "more tag" nicht im Inhalt

SchneiderS

Done - aber immernoch nur ein Auszug dieser Seite.
hm...

Monika

hartnäckig,

PHP

<?php
global $more;
$more = 0;
the_content();
?>

wenn das auch nicht hilft => steh ich auch kurz an :-)

SchneiderS

also ich hoff ich mach alles richtig...
immernoch nur nen auszug -_-
ich glaub ich nehm ein anderes theme...

mein template:

PHP

<?php


/*


Template Name: leistungen


*/


?>
<?php get_header(); ?>


<?php
$temp = $wp_query;
$wp_query= null;
$wp_query = new WP_Query();


$wp_query->query( array( 'post_type' => 'page','post__in' => array( 26,72,8,68,10,503,529,506) ) );
while ($wp_query->have_posts()) : $wp_query->the_post(); ?>




<div class="entrykachel"> 
    <a class="kachel" href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'blogpage-thumb' );?></a> <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
</div>
<?php endwhile;  $wp_query = null; $wp_query = $temp;?>




<?php do_atomic( 'before_content' ); // hatch_before_content ?>


    <div id="content">


        <?php do_atomic( 'open_content' ); // hatch_open_content ?>


        <div class="hfeed">


            <?php if ( have_posts() ) : ?>


                <?php while ( have_posts() ) : the_post(); ?>


                    <?php do_atomic( 'before_entry' ); // hatch_before_entry ?>


                    <div id="post-<?php the_ID(); ?>" class="<?php hybrid_entry_class(); ?>">


                        <?php do_atomic( 'open_entry' ); // hatch_open_entry ?>


                        <?php echo apply_atomic_shortcode( 'entry_title', '[entry-title permalink="0"]' ); ?>


                        <div class="entry-content">
                            [B]<?php global $more; $more = 0; the_content(); ?>[/B]
                            <?php wp_link_pages( array( 'before' => '<p class="page-links">' . __( 'Pages:', 'hatch' ), 'after' => '</p>' ) ); ?>
                        </div><!-- .entry-content -->


                        <?php echo apply_atomic_shortcode( 'entry_meta', '<div class="entry-meta">[entry-edit-link]</div>' ); ?>


                        <?php do_atomic( 'close_entry' ); // hatch_close_entry ?>


                    </div><!-- .hentry -->


                    <?php do_atomic( 'after_entry' ); // hatch_after_entry ?>


                    <?php do_atomic( 'after_singular' ); // hatch_after_singular ?>
                    
                    <?php comments_template( '/comments.php', true ); // Loads the comments.php template. ?>


                <?php endwhile; ?>


            <?php endif; ?>


        </div><!-- .hfeed -->


        <?php do_atomic( 'close_content' ); // hatch_close_content ?>


    </div><!-- #content -->


    <?php do_atomic( 'after_content' ); // hatch_after_content ?>


<?php get_footer(); // Loads the footer.php template. ?>

Alles anzeigen

Monika

keine Ahnung ob dieses Theme irgendwo was filtert
vielleicht hats eine OptionPage im Adminbereich?

SchneiderS

Ok mitlerweile hat mich das Theme und meine Dummheit angekäst.
Ich hab ein neues Theme installiert: Stargaza

Es wird zwar alles angezeigt, aber jetzt sind die Kacheln nicht so wie
geplant: http://design-individuell.eu/beta/

Meine CSS Datei:

Code

.entrykachel img {
    max-width: 100%;
    display: block;
}


.entrykachel {
    display: inline-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
/*somit erweitert padding nicht die Boxgröße*/
    width: 24%;
    margin-right: 1%;
}

Alles anzeigen

Text ist jetzt unten (jipiii) aber die Kacheln sind jetzt auch untereinander, obwohl display: inline-box; ?!?

Ganz interessant, wenn ich das display: inline-box; wegnehm und mit float:left ersetz, verschwindet wieder der content, aber mein Kachelmuster entsteht...hm

Ich hab das Gefühl, dass das ziel gaaanz nahe ist...

SchneiderS

Bevor ich hier alle verrückt mach: Ich lös das Problem in dem ich einfach <div>-Container erzeug und damit ist das thema vom Tisch. Es war ne sehr interessante Lösung, aber mit meinen PHP und HTML Kenntnissen, lass ich mal lieber die Finger davon Weg. Das Ergebnis ist das selbe...

Also: Ich nutze keine Artikelbilder auf einer statischen Seite, sondern im Texteditor einfach nur <div>-container. ...falls es jemanden interessiert.

@Alle Helfer: vielen Dank für eure Mithilfe, dass ist nicht selbstverstädnlich, dass ihr euch in mein projekt so rein gedacht habt! Danke danke danke. Vor allem an Monika ;-)

hug
sam

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Artikelbild für statische Seiten

Jetzt mitmachen!