Kategorie alphabetisch ordnen

stevie99

Man muss die Kategorien neu eingeben, dass funktioniert es einwandfrei

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

stevie99

Komando zurück.

Es funktionieren keine Unterkategorien, weder bei Deiner Methode noch bei dem Plugin.

Was mache ich jetzt ?

stevie99

Wie wende ich auf die "Startseite", also da wo A,B,C etc dann steht eine Klasse an und erreiche, dass die Buchstaben von links nach rechts dargestellt werden und nicht in einer Reihe nach unten ?

Wie teile ich dem Suchfeld eine eigene, völlig unabhängige Klasse zu ?

Monika

Zitat von stevie99

Komando zurück.
Es funktionieren keine Unterkategorien, weder bei Deiner Methode noch bei dem Plugin.
Was mache ich jetzt ?

#irgendwo habe ich dieser Tage gelesen, dass WP also das neueste massive Probs hat, wenn man aus der URL category rausstreicht..

es kann dann keine Unterkategorien finden..

Lösung derzeit keine - zumindest mir nicht bekannt.

css class erreichst Du indem Du sie hineinschreibst.

Code

<p> wird dann zu
<p class="ganz_neu">

was dort hingehört, damit dies schön in einer Zeile landet..

wie eh und je helf ich da nur, wenn es einen Link gibt, weil es dafür zig Hundert Möglichkeiten gibt wieso es nicht funktioniert

lg

marX

Zitat von Monika

#irgendwo habe ich dieser Tage gelesen, dass WP also das neueste massive Probs hat, wenn man aus der URL category rausstreicht..
es kann dann keine Unterkategorien finden..
Lösung derzeit keine - zumindest mir nicht bekannt.

Das war Stevie99 selbst, im Thread nebenan. Bei mir funktioniert das nachwievor ohne Probleme, auch mit Unterkategorien. Hatte ich aber weiter oben schon gepostet.
Stevie: Hast du in den Kategorien überhaupt überall Beiträge drin? Kategorie ohne Beiträge verursachen bei WP auch einen 404!

Zitat von stevie99

Wie wende ich auf die "Startseite", also da wo A,B,C etc dann steht eine Klasse an und erreiche, dass die Buchstaben von links nach rechts dargestellt werden und nicht in einer Reihe nach unten ?

Die Liste hat ja in meinem Code die ID #alphalist bekommen. Dazu dann dieser CSS-Code:

Code

#alphalist li {
display:inline; /* Listenelemente nebeneinander */
}
#alphalist li a{
display:block; /* Links zu Bloecken */
margin:0 .5em; /* Aussenabstand der Links 0.5em nach links und rechts */
}

stevie99

Wenn das stimmt was Monika sagt, dann bliebe mir nur "Category" umzubenennen.
Aber auch dazu finde ich nix, trotz massiver Suche !

marX

Zitat

If you like, you may enter custom bases for your category and tag URLs here. For example, using[COLOR="Red"] /topics/[/COLOR] as your category base would make your category links like [COLOR="#ff0000"]http://example.org/topics/[/COLOR]

Das steht direkt über dem Feld "Kategoriebasis" im WP-Backend unter Einstellungen > Permalinks. Wer lesen kann...

[size=8]Mal ganz abgesehen davon dass ich die Aussage "geht mit WP 2.3.1 nicht!" bereits durch meinen Link oben widerlegt habe...[/size]

stevie99

verwendest Du denn Subkategorien ?
Ich konnte keine sehen, auf Deiner Seite und genau die sind aber das Problem..
#
Frage noch:

Mit den Classen ist soweit klar. Aber wenn ich jetzt möchte, dass es exakt so angewandt wird, wie auch die eingefügten Postings (die wir miteinander gemacht haben). Wie muss ich es dann machen ? Das klappt irgendwie nicht wirklich.

Wenn ich das searchform bearbeiten will (aber nur das in "unserer" Datenbank), muss es dann

#alphasearch. searchform {
}

heissen ?

marX

Zitat von stevie99

verwendest Du denn Subkategorien ?
Ich konnte keine sehen, auf Deiner Seite und genau die sind aber das Problem..

Ich hab dich schon verstanden. Hier mal eine Unterkategorie:
1. Mannschaft - SV Fronberg SchreiersgrÃ¼n e.V.
Bei mir heißen die Kategorien "Abteilungen". Die Abteilungen "Fußball" und "Tischtennis" haben noch Unterkategorien.

Zitat

Mit den Classen ist soweit klar. Aber wenn ich jetzt möchte, dass es exakt so angewandt wird, wie auch die eingefügten Postings (die wir miteinander gemacht haben). Wie muss ich es dann machen ? Das klappt irgendwie nicht wirklich.

Wenn die IDs und Klassen genauso heißen und genauso strukturiert (verschachtelt) sind, dann sollten die auch das gleiche Aussehen haben.

Zitat

Wenn ich das searchform bearbeiten will (aber nur das in "unserer" Datenbank), muss es dann

Ich hab dem Formular in meinem Code oben die ID #alphasearch gegeben, über die kannst du stylen:

Code

#alphasearch {
/* Styles fuer das Formular */
}
#alphasearch input {
/* Styles fuer Input-Elemente */
}

Natürlich kannst du den <input>-Elementen auch noch Klassen oder IDs vergeben, um weiter zu verfeinern.

stevie99

Danke. Mit den Styles ist soweit alles klar.

Ich kriege es nur nicht hin, dass der Inhalt der von uns erstellten A,B,C Seiten so formatiert ist, wie dieser Artikel

PHP

<?php get_header();?>


    <div id="content" class="widecolumn">
                
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
        
    
        <div class="post" id="post-<?php the_ID(); ?>">
            <h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
    
            <div class="entry">
                <?php the_content('<p class="serif">Den ganzen Beitrag lesen  »</p>'); ?>
    
                <?php wp_link_pages(array('before' => '<p><strong>Seiten:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                <?php the_tags( '<p>Tags: ', ', ', '</p>'); ?>
                          
                <p class="postmetadata alt">
                    <small>
                        Der Beitrag wurde
                        <?php /* This is commented, because it requires a little adjusting sometimes.
                            You'll need to download this plugin, and follow the instructions:
                            http://binarybonsai.com/archives/2004/08/17/time-since-plugin/ */
                            /* $entry_datetime = abs(strtotime($post->post_date) - (60*120)); echo time_since($entry_datetime); echo ' ago'; */ ?>
                        am <?php the_time('l,') ?> den <?php the_time('j. F Y') ?> um <?php the_time('H:i') ?> Uhr ver&ouml;ffentlicht
                        und wurde unter <?php the_category(', ') ?> abgelegt.
                        du kannst die Kommentare zu diesen Eintrag durch den <?php comments_rss_link('RSS 2.0'); ?> Feed verfolgen.
                        
                        <?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                            // Both Comments and Pings are open ?>
                            du kannst einen <a href="#respond">Kommentar schreiben</a>, oder einen <a href="<?php trackback_url(); ?>" rel="trackback">Trackback</a> auf deiner Seite einrichten.
                        
                        <?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                            // Only Pings are Open ?>
                            Kommentare sind derzeit geschlossen, aber du kannst dennoch einen <a href="<?php trackback_url(); ?> " rel="trackback">Trackback</a> auf deiner Seite einrichten.
    
                    
                        <?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                            // Comments are open, Pings are not ?>
                            du kannst zum Ende springen und einen Kommentar hinterlassen. Pingen ist im Augenblick nicht erlaubt.
            
                        <?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                            // Neither Comments, nor Pings are open ?>
                            Kommentare und Pings sind derzeit nicht erlaubt.            
                        
                        <?php } edit_post_link('Beitrag bearbeiten.','<strong>|</strong> ',''); ?>
                        
                    </small>
                </p>
    
            </div>
        </div>
        
    <?php comments_template(); ?>
    
    <?php endwhile; else: ?>
    
        <p>Es gibt leider keine Beitr&auml;ge, die deinen Kriterien entsprechen.</p>




<?php endif; ?>
    
    </div>
<?php get_sidebar2(); ?>


<?php get_footer(); ?>

Alles anzeigen

Kannst Du vielleicht so nett sein und mir sagen wie ????

stevie99

Also ich meine Damit, wie ich eine feste Breite um das ganze Alphabet lege, denn im Moment kann ich ja nur die einzelnen Buchstaben bearbeiten

stevie99

Konkret möchte ich eigentlich, dass das hier:

PHP

<div id="content" class="widecolumn">
    <form id="alphasearch" action="" method="get">
      <fieldset>
      <input name="s" type="text" value="<?php the_search_query(); ?>" />
      <input type="hidden" name="cat" value="33" />
      <input type="submit" value="Suchen" />
      </fieldset>
    </form>


    <ul id="alphalist">
    <li><a href="<?php echo get_category_link(82); ?>">A</a></li>
    <li><a href="<?php echo get_category_link(35); ?>">B</a></li>
    <li><a href="<?php echo get_category_link(36); ?>">C</a></li>
    <li><a href="<?php echo get_category_link(37); ?>">D</a></li>
    <li><a href="<?php echo get_category_link(38); ?>">E</a></li>
    <li><a href="<?php echo get_category_link(39); ?>">F</a></li>
    <li><a href="<?php echo get_category_link(40); ?>">G</a></li>
    <li><a href="<?php echo get_category_link(41); ?>">H</a></li>
    <li><a href="<?php echo get_category_link(42); ?>">I</a></li>
    <li><a href="<?php echo get_category_link(43); ?>">J</a></li>
    <li><a href="<?php echo get_category_link(44); ?>">K</a></li>
    <li><a href="<?php echo get_category_link(45); ?>">L</a></li>
    <li><a href="<?php echo get_category_link(46); ?>">M</a></li>
    <li><a href="<?php echo get_category_link(47); ?>">N</a></li>
    <li><a href="<?php echo get_category_link(48); ?>">O</a></li>
    <li><a href="<?php echo get_category_link(49); ?>">P</a></li>
    <li><a href="<?php echo get_category_link(50); ?>">Q</a></li>
    <li><a href="<?php echo get_category_link(51); ?>">R</a></li>
    <li><a href="<?php echo get_category_link(52); ?>">S</a></li>
    <li><a href="<?php echo get_category_link(53); ?>">T</a></li>
    <li><a href="<?php echo get_category_link(54); ?>">U</a></li>
    <li><a href="<?php echo get_category_link(55); ?>">V</a></li>
    <li><a href="<?php echo get_category_link(56); ?>">W</a></li>
    <li><a href="<?php echo get_category_link(57); ?>">X</a></li>
    <li><a href="<?php echo get_category_link(58); ?>">Y</a></li>
    <li><a href="<?php echo get_category_link(59); ?>">Z</a></li>
    <li><a href="<?php echo get_category_link(60); ?>">*</a></li>
    <li><a href="<?php echo get_category_link(81); ?>">Alle Künstler</a></li>
    </ul>
    
    
    XXXXXXXXX Text
    
   Text <li><a href="<?php echo get_page_link(82); ?>">hier</a></li> Text.


    </div>

Alles anzeigen

exakt unter all den selben Klassen erscheint wie das:

PHP

<div id="content" class="widecolumn">


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






        <div class="post" id="post-<?php the_ID(); ?>">
            <h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>


            <div class="entry">
                <?php the_content('<p class="serif">Den ganzen Beitrag lesen  »</p>'); ?>


                <?php wp_link_pages(array('before' => '<p><strong>Seiten:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                <?php the_tags( '<p>Tags: ', ', ', '</p>'); ?>
                          
            </div></div>
      <?php endwhile; endif; ?>


    </div>

Alles anzeigen

marX

Ehrlich gesagt, ich versteh kein Wort, was genau du willst. Eine Breite für die Buchstabenliste kannst du über die #alphalist festlegen, auch Abstände etc.
Für die Auflistung verwendest du dann einfach diesselben Klassen wie bei dem anderen Loop.

Aber ich hab das Gefühl, ich versteh dich immer noch nicht so richtig. Kannst du vielleicht mal einen Screenshot mit Erklärungen posten?

stevie99

Zum beispiel dieser Link hier :
Text <li><a href="<?php echo get_page_link(82); ?>">hier</a></li> Text.

er macht Immer einen Punkt vor den text un einen Abstand davor und dahinter

marX

Code

#alphalist {
list-style:none; /* keine Listenpunkte */
}
#alphalist li {
display:inline; /* Listenelemente nebeneinander */
margin:0; /* kein Aussenabstand der Listenelemente */
padding:0; /* kein Innenabstand der Listenelemente*/
}
#alphalist li a {
display:block; /* Links zu Bloecken */
margin:0 0.5em; /* Aussenabstand der Links 0.5em nach links und rechts, kein Abstand nach oben/unten */
}

Alles anzeigen

So, kommentiert ist es. Die Werte solltest du also auch ohne meine Hilfe ändern können. Ansonsten schlage die Eigenschaften und ihre Wirkung in einer CSS-Referenz nach:
CSS 4 You - The Finest in Stylesheets: CSS-Referenz: Eigenschaften von A-Z
SELFHTML: Navigationshilfen / Kurzreferenz: CSS

stevie99

Danke MarX.
Das wusste ich aber ja schon alles.
Ich meine, wieso macht der Link einen Punkt vor den text und wieso macht er einen Absatz ?

marX

Ich hab die Links A, B, ..., Z in eine Liste (<ul>) gepackt, weil es semantisch eine Auflistung des Alphabets ist. Ein Listenelement bekommt standardmäßig ein Aufzählungszeichen und steht in einer eigenen Zeile. Beantwortet das deine Frage?

Also entweder wendest du meine CSS-Regeln an, oder du verwendest andere HTML-Elemente zur Auszeichnung dr Alphabetlinks (z.B. <p><a href="">A</a> <a href="">B</a> ... <a href="">Z</a></p>)

stevie99

Leider nicht ganz, MarX :(

Also: Wenn ich die Klassen anwende, was ich zum teil ja sogar schon gemacht habe, dann bekomme ich damit doch den Punkt nicht weg, oder ?

Ausserdem macht er immer einen Absatz vor in Nach dem Linktext und einen Punkt, wenn ich zum Beispiel folgenden Link eingebe:

marX

Deine Ausgabe sieht zur Zeit so aus, oder?

A
B
C
...
Z

Wenn ja - dann werden meine CSS-Regeln von oben (alle 3 zusammen!) das höchstwahrscheinlich unterbinden. Wenn nicht, dann kommt noch irgendeine andere Regel mit höherer Spezifität dazwischen. Dann musst du aber selbst suchen, da ich weder deinen vollständigen HTML-Code noch dein vollständiges CSS kenne.

Sehr nett zum CSS debuggen finde ich übrigens die "Inspect"-Möglichkeit der Firefox-Erweiterung Firebug. Damit siehst du sämtliche CSS-Eigenschaften für ein Element, inkl. der die an anderer Stelle wieder überschrieben werden.

stevie99

Firebug hab ich jetzt auch :) Guter Tip !
Danke

Dennoch weiss ich aber immer noch nicht, welcher Befehl diese Punkte verursacht bzw. wie man sie ausschliessen kann

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kategorie alphabetisch ordnen

Jetzt mitmachen!