因此，我在我的电脑上本地建立了一个网站，并将其转化为wordpress的自定义主题。我的老板想让不喜欢看代码的人轻松管理网站。大多数页面都很简单，可以为普通用户进行编辑，但是我有一些页面，我不太确定如何使编辑更简单。一个页面使用一个表格列出团队成员，当单击他们的名字时，一个带有团队成员简历的全屏覆盖层会向下滑动。

我面临的挑战是如何设置，以便网站管理人员在需要添加或删除团队成员时，只需键入该人员的姓名和个人简历，它就会自动将姓名和个人简历包装在正确的标记中，并将姓名正确地放在表中？

我想可能是一个插件，但我查看了wordpress提供的内容，并没有真正找到我要找的内容。我想也许写我自己的插件会有用，但我不确定从哪里开始，因为我只写了非常基本的插件。

下面是代码的相关部分。如果有其他有用的信息，请告诉我。

HTML

 <div class="main TeamPage">
    <div id="username1" class="overlay">
       <div class="overlay-content team_member">
          <a class="closebtn" href="javascript:void(0)" onclick="closeNav(\'tgaffney\')">x</a>
          <p class="name">Name</p>
          <p class="title">Title</p>
          <p class="description">...</p>
       </div>
    </div>

    <table class="team">
       <tr>
          <td>
             <span class="teamName" onclick="openNav(\'username1\')">Name</span>
             <span class="team">...</span>
          </td>
          <td>
             <span class="teamName" onclick="openNav(\'username2\')">Name</span>
             <span class="team">...</span>
          </td>
       </tr>
    </table>
 </div>

 $(document).ready(function() {
   openNav(id);
   closeNav(id);
 });
   function openNav(id) {
       document.getElementById(id).style.height = "100%";
   }

   function closeNav(id) {
       document.getElementById(id).style.height = "0%";
   }

 /**** 15. Overlay Styling ****/

 .overlay {
   height: 0%;
   width: 100%;
   position: fixed;
   z-index: 1;
   top: 0%;
   left: 0%;
   background-color: rgb(255,255,255);
   background-color: rgba(255,255,255,0.75);
   overflow-y: hidden;
   transition: .75s;
   margin: auto;
 }

 .overlay-content {
   position: relative;
   top: 30%;
   max-height: 50%;
   max-width: 60%;
    margin-left: auto;
    margin-right: auto;
   text-align: left;
   overflow-y: auto;
   background-color: white;
 }

 .overlay-content p.description {
    font-size: 85%;
 }

 div.team_member {
   padding: 20px;
   line-height: 1.5em;
   border: 2px solid black;
 }

 div.team_member p.name {
   font-size: 1.5em;
   font-weight: bold;
   padding-bottom: 2px;
 }

 div.team_member p.title {
   font-size: 1em;
   font-style: italic;
   padding-bottom: 5px;
 }