워드프레스 표 오류 관련 코드 변경법

주의사항

  • 본 프로젝트의 데이터는 인공지능 학습용으로 사용됩니다.
  • 본 프로젝트는 아래 가이드 숙지 후에 작업이 가능합니다.
  • 반려된 건에 대해 수정하지 않고 다시 제출하는 경우, 3회 이상 반려를 당할 경우 작업 불가 대상이 될 수 있습니다.
  • 데이터 할당을 받기 위하여 대충 작업하고 반려받아 재작업하는 행위는 엄격히 금지됩니다. 발견 시 작업금지 회원이 될 수 있습니다.
  • 반려된 건에 대해 26시간 이내 재작업하지 않으면 작업물이 삭제됩니다.

워드프레스 모바일 화면 스크롤 오류

이 페이지는 가이드를 모바일로 볼 때 이미지 표에 스크롤이 생기는 경우를 대비하여 만들었습니다.

[**이 이상 안 되는 경우는 저도 몰라요…! 😊]

오류가 없는 경우

※오류가 없는 경우 아래의 표처럼 표시됩니다.※

왼쪽 표 내용1

  • 첫 번째 칸 내용 1

  • 첫 번째 칸 내용 2
왼쪽 표 내용

2

  • 두 번째 칸 내용 1
  • 두 번째 칸 내용 2

1. 기본 오류의 경우 코드 수정하기

png, jpeg 등의 파일이 삽입 된 표가 위 아래로 스크롤이 생긴 경우 수정법입니다.

    • 해당 가이드의 워드프레스 작업창을 열어 텍스트 화면으로 전환해줍니다.
    • 오류가 발생한 표에 해당하는 코드 부분을 찾은 뒤  표 내용에  해당하는  검정부분의 앞 뒤 코드를 파란색 코드로 변경하여 줍니다. (아래 코드를 복사 붙여넣기 해주세요!)
    •  표 내용 앞 쪽 코드
      <table style=”width: 608px;”>
      <tbody>
      <tr style=”height: 27px;”>
      <td style=”width: 123px; height: 27px; text-align: center;”>
    • 표 내용 뒷 쪽 코드
      </ul>
      </td>
      </tr>
      </tbody>
      </table>

2. 표에 사용된 코드 찾는 법

“비주얼” 페이지에서 원하는 표 부분을 드래그 한 뒤
“텍스트” 페이지로 전환하면 선택된 표에 사용된 코드를 확인할 수 있습니다!

 

2. URL을 이용하여 삽입한 영상 크기 조정하기

    • 워드프레스 작업창을 열어 텍스트 화면으로 전환해줍니다.
    • URL을 이용한 영상 삽입 시 코드
    • 위 코드의 1번 2번 부분의 코드를 변경해주세요.
      1번 자리에 변경할 코드
      <div class=”video-container”><iframe width=”560″ height=”315″ src=”
      2번 자리에 변경할 코드
      ” frameborder=”0″ allowfullscreen></iframe></div>
    • 변경된 코드

      코드 변경 전 코드 변경 후
    • 끝!

2. URL을 이용한 영상이 들어간 표에서 오류가 생긴 경우 코드 수정하기

동일 오류가 생기면 예시 첨부하겠습니답. 우선은 설명만 봐주세용 :>

  • 해당 가이드의 워드프레스 작업창을 열어 텍스트 화면으로 전환해줍니다.
  • 2.URL을 이용하여 삽입한 영상 크기 조정하기에서 변경한 코드의

    노란색으로 표시된 앞 뒤에 [기본 오류의 경우 코드 수정하기] 에서 사용한 코드를 추가해주세요.
  • 앞 부분에 들어가는 코드
    <table style=”width: 608px;”>
    <tbody>
    <tr style=”height: 27px;”>
    <td style=”width: 123px; height: 27px; text-align: center;”>
  • 뒷 부분에 들어가는 코드
    </ul>
    </td>
    </tr>
    </tbody>
    </table>
  • 변경된 코드
  • 끝!
  • Updated on 2021년 6월 3일

    Was this article helpful?