Suche Plugin zur Darstellung der Kategorien auf der Startseite

biorob

Hallo,
mich beschäftigt mal wieder die Darstellung meiner Haupt- u. Unterkategorien.
Da ich sehr viele Kategorien anlegen muss und dort auch nicht weiter einsparen kann, hatte ich die Idee, die Kategorien komplett aus der Sidebar rauszunehmen und auf der Startseite anzuzeigen, ähnlich wie auf Linkverzeichnis Seiten. Zum Beispiel wie hier Webkatalog | Linkverzeichnis | Branchenverzeichnis | Branchenbuch

Hat jemand eine Idee, wie man das umsetzen kann?

Danke

Rob

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

marX

Statische Startseite mit Seitentemplate oder home.php bearbeiten (evtl. anlegen). Statt der Ausgabe der Posts in einem Loop gibst du einfach ein Listing der Kategorien aus: wp_list_categories(). Stylen kannst du das dann per CSS.

biorob

Hilfe beim CSS

Zitat von marX

Statische Startseite mit Seitentemplate oder home.php bearbeiten (evtl. anlegen). Statt der Ausgabe der Posts in einem Loop gibst du einfach ein Listing der Kategorien aus: wp_list_categories(). Stylen kannst du das dann per CSS.

So ich hab jetzt folgendes Template erstellt:

PHP

<div id="cats">
    <div class="post">
        <div class="header">
                    <h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3>                    
                </div>
        
        <div class="entry">
            <ul>
                <?wp_list_categories('hide_empty=0');?>
            </ul>
        </div>
    </div>
</div>

Alles anzeigen

Kann mir jetzt noch jemand beim CSS einen Tipp geben, wie ich 3 Spalten erzeugen kann, in denen dann die Kategorien nebeneinander nach unten laufen?

Danke

biorob

Hier mal noch die CSS Schnipsel

PHP

#cats {
    width:643px;
    position:absolute;
    left:0;
    top:280px;
    z-index:100;
    padding:20px 0 0 0;
}
#cats ul {
            list-style:none;
            color:#000;
            font-size:13px;
            margin:8px 0 0 30px;
            padding:0;
        }
        
            #cats ul li {
                display:table-row;
            }
            
                    
                    #cats ul li a {
                        color:#000;
                        text-decoration:none;
                    }
                    
                    #cats ul li a:hover {
                        color:#546367;
                        text-decoration:underline;
                    }

Alles anzeigen

PHP

.entry {
    width:610px;
height:300px;
    margin:0 0 30px 15px;
}

Und das Seitentemplate sieht so aus:

PHP

<?php
/*
Template Name: Links
*/
?>
<?php get_header(); ?>
<div id="cats">
    
                
        <div class="entry">
            <ul>
                <?wp_list_categories('hide_empty=0&title_li=<h2>' . __('Kategorien') . '</h2>');?>
            </ul>
        
    </div>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

Vielen Dank

marX

Hast du 3 Hauptkategorien mit Unterkategorien? Oder willst du alle Kategorien auf einer Ebene nebeneinander haben? Ohne HTML-Ausgabe von wp_list_categories() kann man nur allgemeine Tipps geben. Schau dir mal "float" an, zusammen mit "width:33%".

biorob

Ich habe sehr viele Haupt- u. Unterkategorien.
Deshalb möchte ich diese auch nicht in der Sidebar anzeigen.
float und width habe ich probiert, hat aber leider nichts gebracht
Danke

marX

Zitat von biorob

Ich habe sehr viele Haupt- u. Unterkategorien.
Deshalb möchte ich diese auch nicht in der Sidebar anzeigen.

Mir gings um die Struktur. Ich weiß immernoch nicht, was genau nebeneinander stehen soll...

Zitat

float und width habe ich probiert, hat aber leider nichts gebracht

Heißt im Klartext?

biorob

Oberkategorie Oberkategorie Oberkategorie
Unterkategorie Unterkategorie Unterkategorie
Unterkategorie Unterkategorie Unterkategorie
Unterkategorie Unterkategorie Unterkategorie

Vom Prinzip her solls so aussehen.

ich habe bei id cats float left und width 33% eingebaut mit dem Resultat, dass alle Kategorien sich gegenseitig überschreiben.

Danke

marX

Probiers mal so:

HTML

<ul id="cats">
       <?wp_list_categories('hide_empty=0');?>
</ul>

Code

#cats li {
float:left;
width:33%;
}
#cats li ul li {
display:list-item;
width:100%;
}

biorob

Nee leider geht es so auch nicht!

marX

Kannst du mal nen Link posten wo du das eingebaut hast? Haben alle Kategorien (etwa) gleich viele Unterkategorien?

biorob

Home | BiO 24Sieben

Hier der Link

biorob

Lösung als Plugin gefunden

Hallo marX,

So hab ein bissl bei den Plugins gestöbert und folgendes gefunden:
Multi Column Category List Plugin for WordPress Dagon Design

Jetzt ist es sauber und schön gelöst.

Nochmals Vielen Lieben Dank

Grüße Rob

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Suche Plugin zur Darstellung der Kategorien auf der Startseite

Jetzt mitmachen!