rnmaterial
/
page.php

<?php get_header();?>
<body id="scheme-Paradox" class="lazy">
  <div class="material-layout mdl-js-layout has-drawer is-upgraded">
    <main class="material-layout__content" id="main">
      <div id="top"></div>
      <button class="MD-burger-icon sidebar-toggle">
      <span class="MD-burger-layer"></span>
      </button>
      <div class="material-post_container">
        <div class="material-post mdl-grid">
          <div class="mdl-card mdl-shadow--4dp mdl-cell mdl-cell--12-col">
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div class="post_thumbnail-custom mdl-card__media mdl-color-text--grey-50" style="background-image:url(<?php $img_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "Full");if($img_src){echo $img_src[0];}else{$rann=rand(1,19);echo get_bloginfo('template_url').'/img/random/material-'.$rann.'.png';}; ?>)">
              <p class="article-headline-p"><?php the_title();?></p></div>
              <div class="mdl-color-text--grey-700 mdl-card__supporting-text meta">
                <div id="author-avatar">
                <?php echo get_avatar(1,44,avatar); ?></div>
                <div>
                    <strong><?php the_author(); ?></strong>
                    <span><?php the_time('M d, Y')?></span></div>
                    <div class="section-spacer"></div>
                    <button id="article-fuctions-share-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
                    <i class="material-icons" role="presentation">share</i>
                    <span class="visuallyhidden">share</span></button>
                    <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
                      <a class="post_share-link" href="http://service.weibo.com/share/share.php?appkey=&title=<?php the_title();?>&url=<?php the_permalink();?>&pic=&searchPic=false&style=simple" target="_blank">
                        <li class="mdl-menu__item">分享到微博</li></a>
                        <a class="post_share-link" href="https://plus.google.com/share?url=<?php the_permalink();?>" target="_blank">
                          <li class="mdl-menu__item">分享到 Google+</li></a>
                        </ul>
                      </div>

                      <div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out"><?php the_content();?></div>
                      <?php endwhile; endif;?>
                      <style>#disqus-comment{background-color:#eee;padding:2pc}</style>
                    </div>
                    <nav class="material-nav mdl-color-text--grey-50 mdl-cell mdl-cell--12-col"></nav><!--强行占位-->
                    <?php comments_template();?>
                  </div>
                </div>
                <?php get_template_part( 'nav', 'index' ); ?>
              </aside>
              <div id="back-to-top" class="toTop-wrap">
                <a href="#top" class="toTop">
                <i class="material-icons footer_top-i">expand_less</i></a>
              </div>
              <?php get_footer();?>