我最近想添加一种舒适的方式,自动将用户添加到包含信息和图像的小框中的页面。因此,我遵循本教程定制了代码:http://www.wpbeginner.com/wp-tutorials/how-to-display-an-author-list-with-avatars-in-wordpress-contributors-page/
在活动页面上,它使用了一个非常旧且令人讨厌的页面线框架,这很好用。这些元素正按照它们应该的方式对齐。(http://www.dreadfactory.de/testseite/)
但是,当我试图将完全相同的代码添加到一个包含212ChildTheme的简单页面时,布局就乱了。Twentyle2CSS肯定有一些问题,因为当我删除Twentyle2CSS导入时,框是好的(但当然剩下的都搞糟了)。)
您可以在此处查看代码如何在2012年生效:http://it.marvin-pollock.com/test
编辑1:添加页面代码
到目前为止,页面模板非常简单:
<?php
/*
Template Name: Profilseite
*/
?>
<?php get_header(); ?>
<div id="primary" class="site-content" style="width: 100%">
<div id="content" role="main" >
<div id="authorlist"><ul><?php contributors(); ?></ul></div>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_footer(); ?>
函数中的代码。php
// --- Creates List of Users (Needs Plugin "user Photo") --- //
// --- To exclude a Profile set display_name = inactive --- //
function contributors() {
global $wpdb;
$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users WHERE display_name <> \'admin\' AND display_name <> \'inactive\' ORDER BY display_name");
foreach ($authors as $author ) {
echo "<li>";
echo "<a href=\'";
the_author_meta(\'user_url\', $author->ID);
echo "\'>";
echo userphoto($author->ID);
echo "</a>";
echo \'<div>\';
echo "<a href=\'";
the_author_meta(\'user_url\', $author->ID);
echo "\'>";
echo "<h3>";
the_author_meta(\'first_name\', $author->ID);
echo "</h3>";
echo "</a>";
echo "<a href=\'";
the_author_meta(\'user_url\', $author->ID);
echo "\'>";
echo "<h3>(";
the_author_meta(\'last_name\', $author->ID); //TODO: Change to \'city\'
echo ")</h3>";
echo "</a>";
echo "<br />";
echo "<p>";
the_author_meta(\'description\', $author->ID);
echo "</p>";
echo "<br />";
echo "<a href=\'";
the_author_meta(\'user_url\', $author->ID);
echo "\'>";
echo "Termine und Kontakt ->";
echo "</a>";
echo "</div>";
echo "</li>";
}
}