비디오: 뉴스레터 편집하기-모바일 템플릿 선택, sms로 뉴스레터 url전송 2024
HTML 편집 및 CSS 편집 버튼이 포함 된 템플릿 사용자 정의 페이지를 통해 Joomla 템플릿의 실제 HTML 및 CSS 코드를 가져올 수 있습니다. 관심이있는 CSS 파일을 클릭하면 템플릿의 HTML 또는 CSS 코드를 볼 수 있습니다.
Joomla에서 템플릿을 사용자 정의하면 대개 CSS 코드가 변경됩니다.
<>템플릿의 CSS 파일을 편집하기 위해 열려면 다음 단계를 따르십시오.
-
템플릿의 세부 정보 페이지에서 CSS 편집 버튼을 클릭하십시오.
사용자 정의 템플리트 페이지가 열립니다. 이 페이지는 템플릿과 관련된 CSS 파일을 나열합니다. 대개 그 템플릿이 많이 있습니다.
-
수정하려는 스타일의 이름을 클릭하십시오.
스타일의 CSS 파일 (template. css)이 Template Manager에서 편집을 위해 열립니다.
템플릿. CSS 파일은 길다 - 약 16 페이지 - Joomla 템플릿으로 들어가는 파일 중 하나 일뿐입니다. 선의의 CSS 파일이며, 시작 방법은 다음과 같습니다.
** 핵심 HTML 설정 물건 *** / / *************************** / html {높이: 100 %; margin-bottom: 1px;} form {margin: 0; 안쪽 여백: 0;} body {font-family: Helvetica, Arial, sans-serif; 라인 높이: 1. 3em; 여백: 0px 0px 0px 0px; 글꼴 크기: 12px; color: # 333;} a: 링크, a: visited {텍스트 장식: 없음; font-weight: normal;} a: hover {text-decoration: 밑줄; font-weight: normal;} 입력. 버튼 {커서: 포인터;} p {여백 - 위쪽: 0; margin-bottom: 5px;} img {border: 0 none;} / ********************************** ******* / / *** 템플릿 관련 레이아웃 요소 *** / / ***************************** ************ / #page_bg {패딩: 10px 0; margin-bottom: 1px;} div. center {text-align: center;} div # 래퍼 {margin-left: 자동; margin-right: auto;} 본문. width_medium div # wrapper {width: 950px;} …
불행하게도이 파일을 편집하려면 자신이 직접 변경 한 내용을 CSS에서 처리해야합니다. (Joomla에 내장 된 훌륭한 WYSIWYG 코드 편집기는이 상황에 아주 좋습니다.)
예를 들어, HTML 테이블은 검색 엔진이 페이지의 내용을 이해하기 어렵게 만드는 매우 엄격한 구조입니다. 반면에 CSS 구현은 브라우저마다 크게 다르며 일부 구형 브라우저에서는 최소한의 CSS 만 사용할 수 있습니다. Joomla의 Beez 템플릿은 테이블없는 CSS 템플릿의 예입니다.
알다시피 Joomla 템플릿을 진정으로 커스터마이징하는 것은 가볍게 수행 될 수있는 것이 아닙니다.그러면 원하는 템플릿을 어떻게 얻을 수 있습니까? 당신은 그것을 다운로드 할 수 있습니다. 온라인 Joomla 템플릿이 있습니다. 일부는 무료이며 다운로드를 위해서는 약간의 수수료가 부과됩니다.