Darstellung (output) des Plugins "Post Shortcodes" anpassen

  • Moin Moin,

    ich bin absolut neu bei Wordpress und versuche mich momentan daran einen Verein dabei zu unterstützen eine neue Seite zu bauen.
    Das ist, mit Vorarbeit eines ehemaligen Mitglieds, auch gut gelungen.
    Aber ich komme jetzt bei einer Aufgabenstellung an meine Grenzen:

    Ich nutze das Plugin "Post Shortcodes" um per Shortcode die letzten 5 Beiträge der Seite auf einer bestimmten Seite anzeigen zu lassen.
    Das funktioniert auch, leider ist die Darstellung eine andere, als wenn ich zum Beispiel über den Kalender meiner Beiträge bestimmte Beiträge anzeigen lasse.
    Ich möchte gerne, dass beide Anzeigen so aussehen, wie es aussieht wenn ich über den Kalender Beiträge aufliste.
    Es gibt da auch einenen Text in dem Plugin, mit dem ich vermute das machen zu können, aber ich verstehe es leider nicht:
    [h=3]Change Layout[/h]

    • Do you want to change the layout of shortcode or widget output, ( Like you want to add bootstrap layout. ) then you can copy function pcs_get_post_output() from the plugin folder post-shortcode/inc/pcs-shortcode.php file, then paste it into your theme functions.php file and rename function name as pcs_get_custom_post_output().


    Kann mir hier evtl. jemand helfen das Problem zu lösen?

    Gewünschte Darstellung:

    http://www.duesseldorfdolphins.de/wordpress/category/wettkaempfe/

    Falsche Darstellung:

    http://www.duesseldorfdolphins.de/wordpress/aktuelles/stories/

    Vielen Dank

    Nils

    • Anzeige

    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

  • Ich vermute in der Funktion wird die Ausgabe definiert und dass du dort Anpassungen machen kannst. Wichtig wäre der Teil ab "while ( have_posts() ) : the_post();". Den Rest müsstest du dann komplett an dein Theme anpassen, sprich die div, h3 bzw. h2 und die Classes etc.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Moin,

    vielen Dank schon mal für die Antwort! Leider komme ich damit nicht weiter.. :???:

    Es gibt in dem Plugin noch eine Box, in der man schienbar das Aussehen, je nach Template anpassen kann.
    Ich habe in dem Plugin das Template WS genutzt. Kann man in dem CSS evtl. mit einem Befehl sagen, dass er generell das Standard-Theme nehmen kann?

    Hier der Text aus der Box:

    /* pcs style */

    .pcs-reset{line-height: 1.7em;margin-bottom: 3px;}
    .pcs-main{overflow: hidden;padding: 10px !important;}
    .pcs-sub:first-child {margin-top: 0;}
    .pcs-sub{margin-top: 15px;padding-right: 10px;clear: both;display: block;}
    .pcs-sub,.pcs-body{overflow: hidden;}
    .pcs-img,.pcs-body{display: block;vertical-align: top;box-sizing: border-box;}
    .pcs-body {width: 60%;float: left;}
    .pcs-img{float: left;width: 30%;margin: 0 10px 10px 0!important;}
    .pcs-title{font-size: 15px;display: block;padding: 0px;margin: 0px;margin-bottom: 5px;}
    .pcs-excerpt{font-size: 13px;text-align: justify;display: block;}
    .pcs-content{font-size: 12px;text-align: justify;display: block;}
    .pcs-meta{display: block;font-size: 12px;float: left;}
    .pcs-meta a{font-size: 12px !important;}
    .pcs-rm{font-size: 15px;display: inline-block;clear: both;text-align: left;}
    .pcs-img img{max-width: 100%;max-height: 100%;margin: 0 auto;}
    .pcsmeta{float: left;padding-right: 10px;display: inline-block;}
    .pcs-meta .glyphicon{margin-right: 3px;}
    .pcs-cust-field{display: block;clear: both;}

    /* pcs style for Widget Style as ws and Grid Widget Style as gws */

    .ws .pcs-sub,.gws .pcs-sub{border-bottom: 1px solid #777;}
    .ws .pcs-title a,.gws .pcs-title a{color: #222;}
    .ws .pcs-excerpt,.gws .pcs-excerpt{color: #333;}
    .ws .pcs-content,.gws .pcs-content{color: #444;}
    .ws .pcs-meta,.ws .pcs-meta a,.gws .pcs-meta,.gws .pcs-meta a{color: #555;}
    .ws .pcs-rm,.gws .pcs-rm{color: #666;}
    .ws a:hover,.gws a:hover{color: #000 !important;}

    /* pcs style for Inverse Widget Style as iws and Inverse Grid Widget Style as igws */

    .iws.pcs-main,.igws.pcs-main{background-color: #333;}
    .iws .pcs-sub,.igws .pcs-sub{border-bottom: 1px solid #777;}
    .iws .pcs-title a,.igws .pcs-title a{color: #eee;}
    .iws .pcs-excerpt,.igws .pcs-excerpt{color: #ddd;}
    .iws .pcs-content,.igws .pcs-content{color: #ddd;}
    .iws .pcs-meta,.iws .pcs-meta a,.igws .pcs-meta,.igws .pcs-meta a{color: #ccc;}
    .iws .pcs-rm,.igws .pcs-rm{color: #eee !important;}
    .iws a:hover,.igws a:hover{color: #fff !important;}

    /* pcs style for Grid Widget Style as gws and Inverse Grid Widget Style as igws*/

    .gws .pcs-body,.igws .pcs-body,.gcore .pcs-body{width: 100%;}
    .gws .pcs-img,.igws .pcs-img,.gcore .pcs-img{width: 100%}

    /* pcs style for pagination */

    .pcs-pagination{display: block;clear:both;overflow: hidden;}
    .pcs-pagination ul {display: inline-block;padding: 0;margin: 10px 1px;border-radius: 50%;list-style-type: none;}
    .pcs-pagination ul li {float: left}
    .pcs-pagination ul li a,.pcs-pagination ul li span{float: left;padding: 10px 15px;line-height: 1.5;color: #0275d8;text-decoration: none;background-color: #fff;border: 1px solid #ddd;display: block;margin-left: -1px}
    .pcs-pagination ul li a:hover,.pcs-pagination ul li span.current{background-color: #0275d8;color: #fff;}

    Vielen Dank

  • Moin,

    ich habe jetzt erst mal einen Work-Arround, der aber die Pflege einer zusätzlichen Kategorie nötig macht.
    Falls mir also noch jemand helfen kann, wäre ich dankbar!

    Besten Dank

    Nils

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!