he estado trabajando en un plugin para wordpress para generar un galeria de imagenes a partir de una fuerte RSS
me base en este codigo:
Código
de este autor:
<?php function getPortfolio($feed_url) { $x = new SimpleXmlElement($content); // load XML string into object echo '<ul class="portfolio-items clearfix">'; $i=1; // start count at 1 // loop through posts foreach($x->channel->item as $entry) { $content = $entry->description; // get post content preg_match('/(<img[^>]+>)/i', $content, $matches); // extract featured image from post description and place in $matches array // format portfolio item output echo '<li class="portfolio-item">'; echo '<div><a href="'.$entry->link.'" title="'.$entry->title.'" target="_blank">' . $matches[0] . '</a></div>'; // output first image in $matches array, output link & title echo '</li>'; $i++; // increment counter if($i >= 7) // if counter more than 6 - quit break; } echo "</ul>"; } ?>
http://redvinestudio.com/how-to-read-rss-feeds-with-php-using-simplexml/
y luego dentro de una pagina pongo este codigo con la url del feed
Código
<?php getPortfolio("http://yoururl.com/feed/?post_type=portfolio"); ?>
y me queda asi:
ahora intente agregar codigo CSS para poner las imagenes de forma horizontal
dejando el codigo asi:
imagenes-desde-rss.php
Código
<?php function my_enqueued_assets() { } add_action('wp_enqueue_scripts', 'my_enqueued_assets'); function getPortfolio($feed_url) { $x = new SimpleXmlElement($content); // load XML string into object echo '<ul class="portfolio-items clearfix">'; $i=1; // start count at 1 // loop through posts echo "<ul>"; foreach($x->channel->item as $entry) { $content = $entry->description; // get post content preg_match('/(<img[^>]+>)/i', $content, $matches); // extract featured image from post description and place in $matches array // format portfolio item output echo '<div id="navmenui">'; echo '<li class="portfolio-item"><a href="'.$entry->link.'" title="'.$entry->title.'" target="_blank">' . $matches[0] . '</a>'; // output first image in $matches array, output link & title echo '</li>'; $i++; // increment counter if($i >= 20) // if counter more than 6 - quit break; } echo "</ul>"; echo "</div>"; } ?>
como ven hice archivo css
Código
function my_enqueued_assets() { } add_action('wp_enqueue_scripts', 'my_enqueued_assets');
que trae el siguiente codigo para decir que los los elementos:
gal.css
Código
pero alineo las imagenes de forma horizontal
#navmenui ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; } #navmenui li {display: inline; padding: 5px 20px 5px 20px}
que me falto?