제32강 워드프레스 헤더만들기 B 테마만들기 22편 > 워드프레스

무료강좌-디비라

워드프레스

워드프레스 강좌 게시판입니다.

※ 가장 하단이 첫강좌입니다

워드프레스강좌 | 제32강 워드프레스 헤더만들기 B 테마만들기 22편

본문

※ 영상을 선명하게 보기 안내
  1. 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
  2. 팝업목록에서 "품질" 선택하세요.
  3. 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
워드프레스강좌님의 워드프레스강의 청각장애인을 위한 자막
15463957276388.jpg

 안녕하세요 어디 패스 강좌 30 두번째 시간입니다

이번 강좌는 정 광자의 이어지는 두번째 강좌입니다
바로 시작하도록 하겠습니다
이제 간단하게 로코 의 영역이 어디까지인지 확인하기 위해서 경계선을 한번
만들어 보도록 하겠습니다
이제 보신 바와 같이 로고 영역 박스를 확인하실 수가 있습니다
그러면 이 박스를 로고 의 마우스 오버 가 되었을 때만 보여주도록 바꿔
보도록 하겠습니다
2 플레이 해보시면 마우스 오버 할 때마다 외곽 박스가 표시되는 것을
보실 수가 있습니다
이제 헤더에 우측 상단에 간단한 팜 메뉴를 넣어 보도록 하겠습니다
쌀 구성은 간단합니다 탑메뉴 란 drb 태그 안에 탑 메뉴 내 브라는
내비게이션을 만들어서 보여주도록 하겠습니다
일단 헤드 점 php 파일의 html 코드를 먼저 추가해 보겠습니다
현재 사이트 메인 메뉴로 사용하는 스마트 내비게이션 대신에
두번째 맨 인색한 내비게이션을 사용합니다
세칸 내 매개 션 에는 카페 링크 아 로그인
2개의 상단메뉴 를 보여주도록 하겠습니다
이 첫 번째 메뉴와 두번째 메뉴는
테마 에서 확인하실 수가 있습니다
이렇게 보이시죠
그리고 스타일을 사용할 탑 메뉴 내비게이션은 메뉴 강좌 첫번째 시간에
사용했던 내비게이션 태그를 적응 했던 스타일을 그대로 복사해서 약간 수정
해 주도록 하겠습니다
탑메뉴 중에 로그인 로그아웃 메뉴는 일반적인 면화 달리 상태에 따라서
둘중에 하나의 메뉴 먼 보여줘야 하기 때문에 약간의 추가적인 작업이
필요하게 됩니다
무슨 이야기인가 하면 사용자가 로그인하지 않은 상태라면 로그인해 라는
메뉴를 보여주고 사용자가 현재 로그인 데 상태면 로고 왔 메뉴를 보여
줘야 합니다
이 펑 7 워드프레스 에서 기본적으로 제공하지 않기 때문에 제가 직접
만들어서 사용해 보도록 하겠습니다
펌 3 점 php 파일의 이 기능을 아는 애들 로그인 아웃 메뉴라는 펑션
을 만들어 줄 예정입니다
위치는 무조건 3칸 내비 계신 메뉴에 출력되도록 만들어 줍니다
잘 보셨다 가 나중에 이것을 위젯으로 만들어서 사용하셔도 되고 다양하게
활용하시기 바랍니다

그럼 이제 마지막으로 스탈 치 파일의 코드를 추가해 보도록 하겠습니다
메뉴 css 에 대한 설명은 메뉴 강좌에서 이미 자세하게 설명 들었으므로
생략하도록 하겠습니다
32강 은 여기까지 마무리 하고 33강 에서 마무리 짓도록 하겠습니다

댓글 0개

등록된 댓글이 없습니다.

 
Total 39건 1 페이지
썸네일
제목

Menu