플러그인 없이 WordPress에 표를 삽입하는 방법

플러그인 없이 WordPress에 표를 삽입하는 방법은 무엇입니까?

WordPress는 매우 강력하지만 편집기가 매우 간단합니다. 아마도 WordPress는 풍부한 플러그인 기능으로 인해 배경 편집기를 단순화했을 것입니다. 물론 WordPress 편집기는 일부 간단한 텍스트와 이미지를 입력할 수 있지만 표와 같이 조금 더 복잡한 형식을 입력하려면 WordPress에 항복해야 합니다. WordPress 편집기에 "Word에서 붙여넣기" 기능 키가 있지만 Dreamweaver에서 편집한 테이블 코드를 WordPress 편집기에 붙여넣어도 Word에서 복사하여 WordPress에 붙여넣은 표가 사라지게 됩니다. 여전히 HTML로 완벽하게 렌더링할 수 없습니다. 체재.

추천: "wordpress tutorial"

워드프레스에서 표를 삽입하는 것은 어렵지 않습니다. wp-table 플러그인을 사용하면 쉽게 할 수 있지만 플러그인을 사용하면 문제를 해결할 수 있습니다. 문제가 발생하자마자 WordPress는 조만간 중단될 것입니다. 제 슬로건을 다시 한 번 말씀드리겠습니다. 코드로 할 수 있다면 플러그인을 절대 사용하지 마세요! 따라서 이 글에서는 wp-table 플러그인에 대한 언급은 하지 않으며, 필요한 친구들은 플러그인 없이 WordPress에 테이블을 삽입하는 방법을 소개하는 데 중점을 둡니다.

본론으로 들어가죠. 캡션 속성을 사용하여 이미지에 설명 테두리를 추가하는 것처럼 WordPress에 표를 삽입하려면 표에 대한 CSS 스타일만 정의하면 됩니다. 참조 코드는 다음과 같습니다.

코드는 다음과 같습니다.

/*----------table----------*/ 
table.table { 
border-spacing:2px; 
border-collapse:separate; 
background-color:#FFF; 
border-color:gray; 
border-style:outset; 
border-width:1px; 
} 
table.table th { 
background-color:#FFF; 
-moz-border-radius:0; 
border-color:gray; 
border-style:inset; 
border-width:1px; 
padding:1px; 
} 
table.table td { 
-moz-border-radius:0; 
border-color:gray; 
border-style:inset; 
border-width:1px; 
padding:1px; 
}

워드프레스 백엔드 편집기에서 표를 삽입할 때 드림위버 같은 편집기를 사용해 미리 표를 그린 후 코드를 HTML 형식으로 붙여넣고 인용하면 됩니다. class=" table", 예:

코드는 다음과 같습니다.

<table class="table" border="1" width="200" align="center"> 
<tbody> 
<tr> 
<td>第1行第1列</td> 
<td>第1行第2列</td> 
</tr> 
<tr> 
<td>第2行第1列</td> 
<td>第2行第2列</td> 
</tr> 
</tbody> 
</table>

효과:

Row 1, Column 1, Row 1, Column 2

Row 2, Column 1, Row 2, Column 2

위 내용은 플러그인 없이 WordPress에 표를 삽입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!