wp_list_bookmarks

manta656

Hey ich habe ein Design erstellt, in dem die Link List so aussieht :

HTML

<ul id="links_list">
      <li><a href="#">Link 0<br/>
        <span>http://www.link_0.com</span></a></li>
      <li class="links2"><a href="#">Link 1<br/>
        <span>http://www.link_1.com</span></a></li>
      <li><a href="#">Link 2<br/>
        <span>http://www.link_2.com</span></a></li>
      <li class="links2"><a href="#">Link 3<br/>
        <span>http://www.link_3.com</span></a></li>
</ul>

wie kann ich nun den befehl:

PHP

<?php wp_list_bookmarks(); ?>

so einfügen, dass der erste Link in der ersten ''Spalte'' kommt, der zweite Link in der zweiten etc.

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

mfitzen

Versuchs mal mit

Code

ul li {display: inline;}

EDIT: Aber ich glaube ich habe Dich falsch verstanden, wenn ich mir das jetzt nochmal so durchlese...

manta656

Ja also einfach gesagt :
Erster Link bekommt Style 1
Zweiter Link bekommt Style 2
Dritter Link bekommt Style 1
Vierter Link bekommt Style 2

Die Styles wechseln sich halt ab ob ich entweder

HTML

<li>

[FONT=monospace]
schreibe oder
[/FONT]

HTML

<li class="links2">

Falls erwünscht, kann ich auch ein Screen zur verdeutlichung geben ;)

MStemberg

Mit get_bookmarks und modulo?

mfitzen

Hatte das zuerst so verstanden, dass die Links wie Spalten ausgegeben werden sollen...

Schau Dir mal diesen Thread an, vielleicht kommst Du damit einer Lösung Deines Problems näher: http://forum.wordpress-deutschland.org/design/50927-w…s-zuweisen.html

MStemberg

So hatte ich das auch verstanden.
Mit dem Code als Anhalt sollten aber unterschiedliche Styles zu realisieren kein Problem sein...
Also ich hab`s mal ganz quick & dirty so gemacht (der Code ist furchtbar bestimmt, sollte aber eine Idee geben):

Code

$bookmarks=get_bookmarks();
//print_r($bookmarks);
$size=sizeof($bookmarks);
//echo "SIZE: $size";
echo "<TABLE BORDER=1><TR>";
for ($a=0;$a<$size; $a++)  {
$dummy=$a % 2;
if ($dummy==0) {
$bgcolor="#ffff00";
} else if ($dummy==1)  {
$bgcolor="#ff0000";
}
echo "<TD bgcolor=\"$bgcolor\">LINK $a: ".$bookmarks[$a]->link_name ."---". $bookmarks[$a]->link_url."</TD>";
if ($a % 2) {
echo "</TR><TR>";
}
}
if ($dummy==0) {
echo "<TD>&nbsp;</TD>";
}
echo "</TR></TABLE>";

Alles anzeigen

Gibt mir eine zweispaltige Tabelle aus, linke Spalte gelber, rechte Spalte roter Hintergrund mit Link Name und Link URL.
Statt Hintergrundfarben kann man ja leicht Styles setzen...

manta656

Leider habe ich es nicht richtig hinbekommen. Hier der aktuell verwendete Code, der jedoch durch die Linklist ausgetauscht werden soll.(Bitte auch Anhang anschauen)

HTML

<ul id="links_list">
      <li><a href="http://www.codforums.com">CoDForums<br/>
        <span>http://www.codforums.com</span></a></li>
      <li class="links2"><a href="http://www.callofduty.com">Call of Duty HQ<br/>
        <span>http://www.callofduty.com</span></a></li>
      <li><a href="http://www.twitter.com/CoDForums">Twitter<br/>
        <span>http://www.twitter.com/CoDForums</span></a></li>
      <li class="links2"><a href="http://www.infinityward.com">Infinity Ward<br/>
        <span>http://www.infinityward.com</span></a></li>
      <li><a href="http://www.youtube.com/codforumsyt">Youtube<br/>
        <span>http://www.youtube.com/codforumsyt</span></a></li>
    </ul>

Alles anzeigen

CSS

#links_list{
    margin:15px 0 0 0;
    padding:0 0 0 0px;
    list-style:none;
    overflow:hidden;
}


#links_list li{
    line-height:22px;
    background:#0b0b0b;
    width:255px;
    padding:5px 14px;
}


#links_list li a{
    color:#c9c9c9;
    font:bold 12px arial;
    text-decoration:none;
}


#links_list .links2{
    color:#c9c9c9;
    font:bold 12px arial;
    line-height:22px;
    background:transparent !important;
    width:273px;
}


#links_list li span{
    color:#174471;
    font:normal 11px arial;
}

Alles anzeigen

Ich hoffe jetzt müsste es verständlich sein. Momentan ist nichts online, deshalb kann ich euch auch keinen Link geben.
Geklappt hat es bisher auch noch nicht richtig, auch nach vielem herum probieren :-(.

mfitzen

So wie im Bild soll´s am Ende aussehen? Mit den 2 unterschiedlichen dunklen Farben für die Links?

manta656

Jep so dass der erste Link in die erste Farbe kommt, der zweite Link in die zweite Farbe etc. Also immer abwechselnd.
Und die Farbe wird bestimmt, durch die Klasse bei dem <li> Tag.

mfitzen

Das kannst Du einfacher haben... Erstelle eine Grafik mit den beiden Farben. Dann weist Du diese per CSS der entsprechenden Box (div oder class) zu und passt das padding oder margin der Links innerhalb dieser Box an.

manta656

Hey vielen Dank, ich werde es mal versuchen. Wie soll ich jedoch definieren, wie oft das Bild wiederholt wird bzw was geschieht bei ungeraden Link Anzahlen, dann ist eine Farbe leer^^

Willkommen! Melden Sie sich an oder registrieren Sie sich.

wp_list_bookmarks

Jetzt mitmachen!