전체보기 (119) 썸네일형 리스트형 210707 그누보드 게시판 활용해서 상담 문의 페이지 만들기 홈페이지 메뉴 중 '상담 신청'을 누르면 게시판 리스트로 가지 않고 바로 상담글 작성 페이지로 가도록 하고 관리자가 아닌 사람들은 상담 문의 게시판 리스트에 접속할 수 없게 하고 싶었다. 1. 게시판 생성 : contact 라는 이름의 게시판을 만들고, 접근 권한은 글쓰기는 비회원 가능으로 하고 리스트를 보거나 글을 읽는 것은 관리자만 가능하게 함. 2. 메뉴 링크 : /bbs/write.php?bo_table=contact 이런 식으로 걸어준다. bo_table 뒤 값은 게시판 만들 때 정한 게시판 테이블명 3. 스킨 설정 : 상담 문의용 글쓰기 페이지 디자인 및 내용 수정을 하기 위해서 게시판 basic 스킨을 받아서 이름을 contact 로 바꿔 다시 같은 경로에 올려준다. (경로 : root/sk.. 210624 bootstrap carousel 이미지 슬라이드는 부트스트랩이 먹었나(?) 보다. 검색하니까 이것만 나오네. 예제 보니까 엄청 잘 되어 있기도 하다. 플러그인 삽입만 잘 해놓으면 따로 javascript 많이 쓸 필요 없이 그냥 html 코드 가져다 붙이는 걸로 거의 다 해결 된다. 근데 예제 보면서 써보려는데 엄청 엄청 안된다. 그래서 w3wschools.com 에 나와 있는 예제 보고 하나씩 하나씩 수정했다. 내 기준 안 되던 이유는 부트스트랩에서 다운로드 받아 업로드한 js 파일이랑 css 파일이 이상했다. 내가 파일을 잘못 찾아 업로드 했을 수도 있지만 여지껏 제작된 플러그인 사용하면서 이런 적 없었는데, 처음이다. 예제에 설명 되어 있는대로 같은 이름의 파일을 찾아서, bootstrap.min.css랑 bootstrap.min.. 210520 menu 관련 ajax 데이터 불러오기 오류 또 다른 카페24 스킨 제작하는데 이전에 만든 list.js 파일이 여기서는 ajax 데이터를 불러오지 못했다. 다른 스킨에서는 잘 사용 중인데 새로 만드는 스킨에서는 안 되는 것. 당황해서 이것 저것 다 찾아 보고 뒤져보고 했는데 이유는 결국 관리자 메뉴 사용 설정이었음. 메뉴 관련 ajax 데이터를 사용하려면 관리자 로그인 > 상품관리(상단) > 상품관리(왼쪽)> 편의기느 설정 > 팝업 메뉴를 사용함으로 하기. 210427 워드프레스 테마 수정 경로 맨날 하는 게 아니라 하다 안하다 오랜만에 하다 하니까 할 때마다 기억이 안 난다. 이건 기록을 안 해놨네. 어디까지나 내가 수정 하고 있는 theme인 twentytwentyone 기준. header : [theme 경로]/[templates-parts]/[header]/site-header.php index : [theme 경로]/[templates-parts]/[content]/content-excerpt.php 이게 개빡치네. 바디 상단 내용 중에 아래 코드블럭 내용을 먼저 찾기 시작했는데, 당연히 헤더는 아닐 거라 생각하고 바디 쪽 관련되어 보이는 내용에서만 졸라 찾았는데 결국 theme 경로 root에 있는 header.php 에 들어 있는 내용이었음. ([theme]/header.php) 그.. 210420 카페24 마이 페이지 회원 등급 관련 모듈 카페24 마이 페이지 작업을 하는 중인데 의외로 기본 마이 페이지에는 현재 로그인한 회원의 등급 표시가 뜨지 않는다. 근데 요즘은 대부분 기본으로 마이 페이지 첫 화면에서 나(로그인한 회원)의 회원 등급이 표시 되게 만드는 거 같다. 구글링하니 카페24에서 제공하는 도움말에 나온다. sdsupport.cafe24.com/product/%ED%95%9C%EA%B5%AD%EC%96%B4-%EB%A7%88%EC%9D%B4%EC%87%BC%ED%95%91-%EB%A9%94%EC%9D%B8/5931/ 한국어 마이쇼핑 메인 모듈 가이드 참고 방법 모든 모듈은 무료로 제공되는 표준 디자인을 기준으로 제작되었으며 어떤 페이지에도 자유롭게 사용하실 수 있습니다. 왼쪽의 카테고리 구분은 제공되는 표준 디자인을 sdsupp.. 210409 카페24 쇼핑몰 상세 리스트 서브 메뉴 표시 설정 와 오늘 또 새로 알았다. 저번 상세 리스트에서 탑 메뉴, 하위 메뉴 있으면 하위 메뉴 클릭시 뜨는 페이지에서는 하위 메뉴가 다시 안 뜨고 그 하위 메뉴가 탑 메뉴처럼 떴었다. 그래서 이 부분은 내가 따로 작업해야겠따 하고 작업을 했지. 그랬는데 찾아보니 이미 관리자 페이지에서 설정으로 가능한 부분이었다ㅎ 방법은 관리자 페이지 -> 상품관리(상단) -> 상품관리(왼쪽) -> 편의기능 설정 -> 분류 설정 에서 내 입맛대로 설정 가능함. 첨에 뭔지도 모르고 하위분류만 표시로 했었는데 그것이 바로 화근이었던 것. 이건 필요없게 되었지만 잘 가지고 있으면 또 언젠가 어딘가 쓸 날이 오겠지.. 210408 jquery CSS table tr td 부모 자식 요소 조건 따라 찾아서 스타일링 아따 써먹으려고 했는데 카페24 디테일 페이지는 넘 복잡하다. 일단 포기. 내용은 화면상의 table과 그 자식 tr을 찾는다. 찾아서 각각 확인한다. tr의 css 중 display가 none 으로 되어 있는지 아닌지. none 으로 되어 있으면 다시 반대로 올라간다. 첨엔 $(this).parent() 를 한 번만 했는데 안 되서 보니까 table, tbody, tr 순이었다. 그래서 parent() 를 한 번더 추가해줌. 그니까 tr의 부모 요소(=tbody)의 부모 요소(=table)를 숨김 처리한다. $(document).ready(function() { a = $('table tr'); a.each(function(i,e) { if ($(this).css('display')=='none') {.. 210407 원래 있는 속성 안의 이미지 주소 바꾸기 카페24 상품 상세 페이지 하면서 상품 옵션 선택하면 리스트가 착착 생기는데, 그 옆에 삭제 버튼의 X 박스가 너무 못생겼다. 구조는 a 링크 태그 안에 이미지 파일이 들어 있는 거라서 그 내부 이미지만 바꿔주면 될 거 같았다. content 라는 게 있네. CSS .delete {content: url('/img/x.png');width:12px;height:12px;padding:0 5px 61px 0;} 끝 210405 select box 콤보 박스 css! www.daleseo.com/css-selects/ CSS 콤보박스 스타일링 - Engineering Blog by Dale Seo www.daleseo.com 궁금한 내용 찾다보면 오히려 기본적인 내용 설명이 잘 안되어 있는데 여기는 기본적인 부분되게 정리를 잘해주셔서 아무것도 모르는데 도움이 된다. 아래는 옵션 박스 스타일링. 이거는 그냥 스타일시트에서는 안된다고. 자바스크립트를 써야 한다고 함ㅎ 내용을 보니까 셀렉트 박스의 옵션 자체에는 css가 적용이 안되는 게 참트루인 거 같고, 여기서 자바스크립트 쓰는 건 option 부분의 내용을 복사해서 select 태그와 option 태그를 div로 바꿔서 셀렉트 박스인것처럼 보이게 효과를 준다. 지금은 이렇게까지 해서 할 필요가 없지만 언젠가는 쓸 일이.. 210405 링크 책갈피 링크 클릭시 책갈피를 써봤는데 원하는 위치 위에 다 책갈피를 잡아도 계속 그 아래쪽 내용부터 뜨더라. 그래서 수정한 것. HTML 이전 1 2 3 4 5 ··· 12 다음
