작성일자
카테고리 워드프레스/워드프레스 완벽입문 FAQ

1. 앵커태그 마감 태그 빠진 사례


제가 요소검사로 보니까

 

<li id="menu-item-96" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-96">

<a id="logo" title="Graphic_Test" href="http://localhost/wordpress"></a>

<a href="http://localhost/wordpress/">Home</a></li>

 

다른 메뉴는 안그런데 꼭 메뉴에서 홈만 a링크가 두개 생기네요

보시고 알려주세요..

혼자서 홈페이지 제작한번 해보려다 머리 쥐나겠어요 ㅠㅠ

 

감사합니다!




답변> 코드 중에 어느 하나 빠지면 이런 현상이 일어나는데요. 작은 것 하나 찾기가 아주 어렵답니다.

아래 그림을 보시면 header.php 파일에서 </a> 태그가 빠졌습니다. 이것만 넣으면 잘 될겁니다.




그리고 블로그 상단의 툴바가 이상하게 나오는 것도 footer.php 파일에서 </a> 태그가 빠져서 그렇습니다.





2. 글자 하나 입력 오류


새로운 페이지에 글을 쓰면 양쪽공간이 넓고 글은 좁게 나옵니다.

아마 콘텐츠부분의 20%/60%/20%로 양쪽 공간은 넓고..그래서 어디를 수정해 주어야 할까요..




답변> 페이지를 만들 때 사이드바가 있는 템플릿을 선택해서 그런데요. 사이드바가 없는 기본템플릿을 사용할 경우에 대비해서 양쪽 폭을 20%씩 패딩을 사용했습니다. 


사이드바가 있는 상태로 페이지를 만들면 새로운 페이지 템플릿 파일을 만들어야하나 이미 있는 상태에서 줄이고자 한다면 해당 페이지 아이디가 있는 클래스 선택자를 사용하면 됩니다. 요소검사를 하면 body태그에 해당 페이지의 고유한 클래스 선택자가 인사말 페이지는 page-id-756이고 캘린터는 page-id-801입니다. 그래서 다음과 같이 하면 됩니다.


.page-id-756 article, .page-id-801 article { padding:30px; }


위 내용을 스타일시트에 추가하세요.


질문> 

페이지에 해당하는 .page-id-756 artcle {pading:30px;} 스타일을 추가했는데도 좁아지지않고 

크롬 요소검색을 하면 좌측 css에


.page-template-default article { padding:30px 20% 0; }

이나옵니다..


답변> 

.page-id-756 article, .page-id-801 article {

padding: 30px;

}


위 내용을 그대로 CSS 편집기에 입력했더니 잘 나옵니다.

책을 전체적으로 보고 진행하시는 것이 좋을 것 같습니다.

이런 내용들이 책에 자주 나오거든요.


제가 이렇게 고쳤습니다.그랬더니 않됐군요..ㅎㅎㅎ시키면 시키는대로 하겠습니다..^^

.page-id-756 artcle {padding:10px;}

.page-id-801 artcle {padding:10px;}


답변> 그랬군요. 글자 하나가 말썽이죠.ㅋ


3. ul, li 태그로 하위메뉴 만들기 오류


오늘은 좀 반성하는 글을 올려봅니다. 테마만들기에서 범했던 실수인데요. 제가 좀 덤벙대는 면이 있나봅니다. 초보답게 차근차근 아는 것도 다시보며 해야되는데 이것 아까했던 거니까 똑같은거지 하고 제멋대로 생각하고 해버리는 경향이 있는데 두번씩이나 되지 않던 것이 역시나 제멋대로 해버린 경우네요.메뉴추가에서 하위 메뉴를 만들면서 했던 실수였습니다. 하위메뉴를 만들면서


<li>메뉴</li> 

<ul> 

<li>하위메뉴</li> 

</ul> 로 하니 메뉴가 제대로 표현되지를 못한 것인데 엉뚱한 생각만 하고 있었습니다.


<li>메뉴 

<ul> 

<li>하위메뉴</li> 

<ul> 

</li> 여야 하위메뉴로서 역할을 하는 것인데 말입니다.


아무튼 베누시안님께서 하신 말씀대로 글자 하나하나 제대로 보고 하는 습관을 들여야 할 것 같습니다.


답변> 코딩하다보면 성격도 차분해진답니다.

저작자 표시 비영리 변경 금지
신고

티스토리 툴바