Hola
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:
<?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>";
} ?>
de este autor:
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
<?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
<?php
function my_enqueued_assets() {
wp_enqueue_style
('my-css-file', plugin_dir_url
(__FILE__) . '/gal.css', '', time());}
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
function my_enqueued_assets() {
wp_enqueue_style
('my-css-file', plugin_dir_url
(__FILE__) . '/gal.css', '', time());}
add_action('wp_enqueue_scripts', 'my_enqueued_assets');
que trae el siguiente codigo para decir que los los elementos:
gal.css
#navmenui ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }
#navmenui li {display: inline; padding: 5px 20px 5px 20px}
pero alineo las imagenes de forma horizontal
que me falto?