메뉴 건너뛰기

살며 사랑하며


조회 수 27 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

타임라인모듈 사용시 게시판명 나오게 수정하기

 

출처 : https://moonhouse.co.kr/xetip/388839

 

이 방법은 타임라인모듈을 수정하는 것이 아니라 통합게시판으로 사용할 게시판의 모듈을 수정해 주어야 합니다.
 
위의 게시판스킨은 sketchbook5스킨의 목록형입니다.
이런 경우는 modules/board/skins/sketchbook5/_list_normal.html 을 아래와 같이 수정해 주시면 됩니다.
 

테이블 헤더에서 아래내용을 찾아 빨간부분 추가

<block cond="$val->type=='title' && $val->idx==-1">
<th scope="col" cond="$timeline_info" class="m_no"><span>게시판</span></th>
< th scope="col" cond="!$mi->show_cate && $mi->use_category=='Y'" class="m_no"><span>{$lang->category}</span></th>
< th scope="col" class="title"><span><a href="{getUrl('sort_index','title','order_type',$order_type)}"><!--@if(!$mi->link_board)-->{$lang->title}<!--@else-->{$lang->link_site}<!--@end--><i cond="$sort_index=='title'" class="arrow {$order_icon}"></i></a></span></th>
< /block>

공지목록과 일반목록에서 아래내용을 찾아 빨간부분 추가
<block cond="$val->type=='title' && $val->idx==-1">
<td class="mid" cond="$timeline_info"><a href="{getUrl('module_srl', $document->get('module_srl'))}"><strong>{htmlspecialchars($modules_info[$document->get('module_srl')]->browser_title)}</strong></a></td>
< td cond="!$mi->show_cate && $mi->use_category=='Y'" class="cate" style="color:{$category_list[$document->get('category_srl')]->color}"|cond="$category_list[$document->get('category_srl')]->color!='transparent'"><strong>{$category_list[$document->get('category_srl')]->title}</strong></td>
< td class="title">
~~ 내용 생략 ~~
< /td>
< /block>


조회 수 19 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

유튜브 영상을 모바일에서 볼 때 비율이 이상하다고 느낄때

유튜브 동영상 소스 코드는 iframe을 이용하고, 가로 크기와 세로 크기가 정해져있습니다

<div class="video-container"><iframe src="https://www.youtube.com/embed/N_NN4bh75Bk" frameborder="0" allowfullscreen></iframe></div>

이를 해결하는 방법을 소개합니다.

CSS 추가

다음 코드를 CSS에 추가합니다.

.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:90%; }

유튜브 소스 코드 변경

유튜브 소스 코드를 video-container을 클래스 값으로 가지는 요소로 감쌉니다

 

 출처 - https://xetown.com/tips/1125303


조회 수 17 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

워드프레스 플러그인 | 간단하게 표 작성 TablePress [무료]

 

출처 - https://kimbori-web.tistory.com/5

 

 무료 플러그인 추천 

 

 

 TablePress 

코드를 작성하지 않고 표(table)을 작성해 삽입할 수 있는 무료 플러그인

html을 작성하여 테이블을 만들지 않아도 쉽게 테이블을 만들 수 있습니다.

한 테이블을 만들어 페이지 몇곳에 올린 후, 수정할 때 해당 테이블 플러그인을 한번만 수정하면

모두 바뀌게 되니, 빠른 수정이 가능하겠습니다.

 

 

1. 플러그인 설치하기

워드프레스 로그인 > 플러그인-플러그인 추가하기 > TablePress 검색 > 설치

 

 

 

2. 설치된 플러그인

플러그인이 설치되면 좌측에 TablePress 탭이 생깁니다. (제가 이미 2개의 표를 추가하여 나타나있네요)

 

 

 

3. 표 새로 등록하기

좌측 탭 TablePress-새로운 표 추가 > 표 이름과 설명을 입력한 후 표의 행(가로 줄), 열(세로 줄)을 입력 > 표추가

 

 

 

4. 표 작성하기

화면이 넘어가면 본격적으로 표를 작성하시면 됩니다. (위 이미지의 '표 내용'에 작성하시면 됩니다)

 

 

5. 표 조작하기

*행(가로줄) 삭제하기 : 삭제할 행의 앞 체크박스에 체크 > '표조작'에서 삭제 버튼 클릭

*셀 병합하기 : 셀을 합칠때 쓰는 코드

-열(rowspan/세로줄) 병합 : 빈 칸에 #rowspan#을 넣습니다 (가로가 아닌 세로 칸에 넣어줍니다)

-행(colspan/가로줄) 병합 : 만약 왼쪽칸은 글씨가 있고, 오른쪽 칸은 글씨가 없을시 오른쪽 칸에 #colspan#을

넣어주면 왼쪽칸으로 합쳐집니다.

 

그 외에 링크, 이미지 삽입, 행 열 숨기기 추가 등이 있으니 잘 살펴보신 후 사용하시면 될꺼같습니다^^

 

 

 

6. 미리보기 & 저장

표 작성이 완료 되면 하단에 미리보기 또는 저장 박스를 눌러줍니다

저장전, 미리보기를 눌러주시면 팝업으로 나타납니다 (요금(주중, 주말)과 비고 부분에 셀이 합쳐진걸 볼 수 있습니다.)

 

 

 

7. 단축코드 복사하기

TablePress-모든 표 > 해당 표이름에 마우스를 올릴 시 '단축코드 표시' 링크가 뜹니다. 그 링크 클릭 후 복사

 

 

 

8. 페이지에 표 삽입하기

페이지-새 페이지 추가(또는 삽입할 페이지) > 내용에 복사한 단축코드를 붙여놓기

또는, TabePress에서 표삽입 버튼을 사용하여 표 삽입 > 업데이트 버튼 클릭

 

 

9. 확인

페이지 제목밑에 있는 페이지 보기를 눌러 삽입한 표를 확인 해줍니다.

칸 위에 마우스를 올리면 옅은 회색으로 해당 행에 배경색을 입여줍니다.


목록
Board Pagination Prev 1 Next
/ 1
Widgets
위로