راهنمایی در مورد صفحه اصلی وردپرس

میخواستم مانند این سایت فایل پیوست 27477 در صفحه اصلی سایت بر روی تصاویر بند انگشتی پست ها شماره بگذارم. مثل همین تصویر که مشاهده کردید به پست موزیک ها رتبه بندی با اعداد اضافه کنم(دقیقا مثل عکس)

دوستانی که آشنایی دارید لطفاً راهنمایی کنید (سپاس)

آدرس سایت مرجع با شماره بندی: http://www.shazam.com/charts/top-100/united-states

سلام، آزمایش نکردم ولی احتمالا باید اجرا بشه، تصاویر شاخص رو داخل تگ ordered list که با ol مشخص میشه بگذارید و به هر تصویر یک li اختصاص بدید. بعد هم با css بهشون استایل بدید.

باید کدنویسی بشه و راه حلی که بتونید خودتون انجام بدید وجود نداره.
توی همین انجمن بگردید دوستانی هستن در ازای هزینه کمی این کارو براتون انجام بدن

درود

سایتتون در دسترس نیست

نقل قول:

---

This site is currently not available. Please try again later.

---

ولی به راحتی قابل اجرا می باشد

سایتتون در دسترس نیستش
This site is currently not available. Please try again later.

با یک css انجام میشه !!!!!

روشی که در پست قبلی شرح دادم رو در لوکال هاست آزمایش کردم، جواب داد.

این کد صفحه اصلی هست، از روش <ol> <li> نتونستم شماره بندی رو انجام بدم، لطفاً راهنمایی کنید.

کد:

---

<?php


get_header(); ?>
       
                <div id="primary" class="content-area">
                <main id="main" class="site-main" role="main">


                <?php if ( have_posts() ) : ?>
                        <?php /* Start the Loop */ ?>
                        <?php while ( have_posts() ) : the_post(); ?>
<?php




$format = get_post_format();
$formats = get_theme_support( 'post-formats' );
$postclass = '';


if ( ! has_post_thumbnail() )
        $postclass = 'no-thumbnail';
?>
<article id="post-<?php the_ID(); ?>" <?php post_class( $postclass ); ?>>
        <div class="entry-thumbnail">
                <a href="<?php the_permalink(); ?>" title="<?php echo the_title_attribute(); ?>">
                        <?php if ( has_post_thumbnail() ) : ?> 
                                <?php the_post_thumbnail( 'pictorico-home' ); ?>
                        <?php endif; ?>
                </a>
        </div>
        <header class="entry-header">
                <?php if ( 'post' == get_post_type() ) : ?>
                <div class="entry-meta">
                        <?php pictorico_date(); ?>
                </div><!-- .entry-meta -->
                <?php if ( $format && in_array( $format, $formats[0] ) ): ?>
                        <a class="entry-format" href="<?php echo esc_url( get_post_format_link( $format ) ); ?>" title="<?php echo esc_attr( sprintf( __( 'All %s posts', 'pictorico' ), get_post_format_string( $format ) ) ); ?>"><span class="screen-reader-text"><?php echo get_post_format_string( $format ); ?></span></a>
                <?php endif; ?>
                <?php endif; ?>
                <?php if ( 'link' == $format ) : ?>
                        <?php the_title( '<h1 class="entry-title"><a href="' . esc_url( pictorico_get_link_url() ) . '" rel="bookmark">', '</a></h1>' ); ?>
                <?php else : ?>
                        <?php the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' ); ?>
                <?php endif; ?>
        </header><!-- .entry-header -->


        <footer class="entry-footer">
                <?php edit_post_link( __( 'Edit', 'pictorico' ), '<span class="edit-link">', '</span>' ); ?>
        </footer><!-- .entry-footer -->
</article><!-- #post-## --><?php endwhile; ?>


                <?php pictorico_paging_nav(); ?>


                <?php else : ?>


                        <?php get_template_part( 'content', 'none' ); ?>


                <?php endif; ?>


                </main><!-- #main -->
        </div><!-- #primary -->


<?php get_footer(); ?>

---

سلام، کد شما رو هم ویرایش کردم، توی لوکال هاست آزمایش کردم جواب داد، امتحان کنید:

کد:

---

<?php


get_header(); ?>
   
                <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
<ol>

        <?php if ( have_posts() ) : ?>
                        <?php /* Start the Loop */ ?>
            <?php while ( have_posts() ) : the_post(); ?>
<?php




$format = get_post_format();
$formats = get_theme_support( 'post-formats' );
$postclass = '';


if ( ! has_post_thumbnail() )
    $postclass = 'no-thumbnail';
?>

<li>
<article id="post-<?php the_ID(); ?>" <?php post_class( $postclass ); ?>>
    <div class="entry-thumbnail">
        <a href="<?php the_permalink(); ?>" title="<?php echo the_title_attribute(); ?>">
            <?php if ( has_post_thumbnail() ) : ?> 
                <?php the_post_thumbnail( 'pictorico-home' ); ?>
            <?php endif; ?>
        </a>
    </div>
    <header class="entry-header">
        <?php if ( 'post' == get_post_type() ) : ?>
        <div class="entry-meta">
           
        </div><!-- .entry-meta -->
        <?php if ( $format && in_array( $format, $formats[0] ) ): ?>
            <a class="entry-format" href="<?php echo esc_url( get_post_format_link( $format ) ); ?>" title="<?php echo esc_attr( sprintf( __( 'All %s posts', 'pictorico' ), get_post_format_string( $format ) ) ); ?>"><span class="screen-reader-text"><?php echo get_post_format_string( $format ); ?></span></a>
        <?php endif; ?>
        <?php endif; ?>
        <?php if ( 'link' == $format ) : ?>
            <?php the_title( '<h1 class="entry-title"><a href="' . esc_url( pictorico_get_link_url() ) . '" rel="bookmark">', '</a></h1>' ); ?>
        <?php else : ?>
            <?php the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' ); ?>
        <?php endif; ?>
    </header><!-- .entry-header -->


    <footer class="entry-footer">
        <?php edit_post_link( __( 'Edit', 'pictorico' ), '<span class="edit-link">', '</span>' ); ?>
    </footer><!-- .entry-footer -->
</article><!-- #post-## --><?php endwhile; ?>
</li>

   


        <?php else : ?>


            <?php get_template_part( 'content', 'none' ); ?>


        <?php endif; ?>

</ol>
        </main><!-- #main -->
    </div><!-- #primary -->


<?php get_footer(); ?>

---