집 > 프로그램들 > Joomla 연락처 아이콘이 포함된 폴더입니다. Joomla 메뉴 항목에 아이콘 추가. 간단하고 좋은 방법. 이것이 어떻게 밝혀 져야 하는가


Joomla 연락처 아이콘이 포함된 폴더입니다. Joomla 메뉴 항목에 아이콘 추가. 간단하고 좋은 방법. 이것이 어떻게 밝혀 져야 하는가




작성자:사랑하는 독자 여러분을 환영합니다. 이 기사에서는 작지만 동시에 CMS Joomla의 아이콘 인 좋은 사이트의 유용한 세부 정보 인 favicon에 대해 이야기 할 것입니다. 사이트에 파비콘을 추가하고 기존 항목을 변경하는 방법을 배웁니다.

파비콘은 웹 브라우저에서 사이트 제목 바로 앞, 더 정확하게는 제목 태그의 내용 앞 탭에 표시되는 사이트의 작은 파비콘(아이콘)입니다. 즉, 대체로 ico 확장자를 가진 특정 형식과 크기의 이미지입니다.

동시에 적절하게 선택된 파비콘이 사이트에 고유성과 고유성을 부여하고 사용자가 빠르게 기억한다는 데 동의할 것입니다. 검색 엔진은 검색 결과 목록(검색 결과가 포함된 목록)을 생성할 때 사이트 제목 앞에 파비콘도 표시합니다.

따라서 사용자의 시선을 가장 먼저 사로 잡는 것은 아이콘입니다. 각각 사이트의 아이콘입니다. 사용자가 친구를 보면 사이트를 방문하도록 강요 할 가치조차 없습니다. 따라서 Joomla 3에서 favicon을 변경하는 방법에 대한 질문은 초보자들 사이에서 꽤 인기가 있으므로 자세한 답변을 드리겠습니다.

브라우저 간 호환성을 보장하기 위해 favicon을 만들 때 원칙적으로 모든 브라우저에서 지원하기 때문에 ico 이미지 형식을 선택합니다. 최신 브라우저는 이제 PNG 및 GIF와 같은 형식을 지원하지만 Mozilla FireFox는 JPEG 및 애니메이션 GIF도 지원합니다. 그러나 어쨌든 오래된 버전의 웹 브라우저를 사용하는 사용자가 있으므로 일반적으로 허용되는 ico 형식을 계속 사용해야한다고 생각합니다.

형식을 결정했다면 사이트 파비콘으로 사용할 수 있는 이미지의 크기를 알아봅시다. 여기에서는 모든 것이 간단합니다. favicon의 크기는 매우 "표준"이며 최대 브라우저 간 호환성을 보장해야하는 경우 16x16 픽셀입니다. 동시에 다양한 모바일 장치 및 특정 브라우저의 경우 32x32, 96x96 및 192x192 픽셀 아이콘을 사용할 수 있습니다.

이제 Joomla 사이트에 favicon을 설치하는 방법에 대해 이야기해 보겠습니다. 그러나 아직 아이콘이 없으므로 아이콘을 만들어 봅시다. 이를 생성하는 가장 편리한 방법은 온라인 생성기를 사용하는 것입니다. 이렇게 하면 추가 소프트웨어를 설치하지 않아도 되고 일반적으로 이러한 서비스는 생성된 아이콘과 함께 필요한 코드를 복사할 수 있습니다. 아이콘을 표시합니다.

현재 파비콘 아이콘을 만드는 가장 인기 있는 서비스 중 하나는 이 기사에서 사용하는 favicon.ru 생성기입니다. 단일 아이콘 대신 다양한 크기의 아이콘이 생성되는 전체 아카이브를 생성하는 꽤 좋은 favicon-generator(favicon-generator.org)도 있습니다. 따라서 각 크기에 대해 연결 코드도 제공됩니다.

파비콘을 만들려면 다음 이미지를 선택합니다.

웹 개발의 최신 트렌드와 접근 방식

웹 사이트 구축에서 처음부터 빠른 성장을 위한 알고리즘을 배웁니다.

이제 선택한 이미지를 특별한 형식으로 업로드하는 것으로 충분하며 대체로 생성이 완료됩니다.

이미지 업로드 후 아이콘을 생성할 관심영역을 선택하고 “다음”을 클릭합니다.

생성 후 브라우저에 새로운 파비콘이 표시되는 예를 볼 수 있으며 보기가 적합하면 “파비콘 다운로드” 버튼을 클릭하여 파일을 다운로드합니다. 따라서 아이콘이 준비되었습니다.

Joomla의 Favicon - 활성 템플릿 디렉토리의 루트에 있습니다. 예를 들어, Beez3 템플릿의 경우 이 폴더는 templates\beez3입니다. 즉, 다운로드한 파일을 지정된 폴더에 배치하여 표준 아이콘을 대체하고 브라우저에서 정보를 업데이트하는 것으로 충분합니다. 브라우저에 파비콘을 표시하는 코드는 Joomla 엔진에서 직접 생성하므로 수동으로 작성할 필요가 없습니다. 관심 있는 분들을 위해 이 코드가 html.php 파일의 \libraries\joomla\document\html에서 생성되었음을 분명히 밝힙니다. 아이콘을 표시하기 위해 Joomla 코어는 위 파일에서 호출되는 addFavicon()이라는 특수 메서드를 제공합니다.

이제 Joomla 3에서 파비콘을 변경하는 방법을 알았습니다. 일반적인 개발을 위해 내가 원하는 유일한 것은 아이콘을 표시하는 코드를 제공하는 것입니다. 수동으로 작성해야 하는 경우입니다.

/ 2008-09 줌라! 커뮤니티 매거진

이 기사에서는 Joomla!의 기사 제목에 사용자 정의 이미지를 추가할 수 있도록 메뉴 유형에 새 매개변수를 추가하는 쉬운 방법을 보여드리겠습니다. 대지. 이 방법은 "페이지 클래스 접미사" 및 "모듈 클래스 접미사"를 사용하여 특정 메뉴 또는 모듈과 관련된 콘텐츠를 사용자 정의하는 것과 유사합니다. 접미사는 하나의 특정 매개 변수가 아니라 관련 페이지 요소에 영향을 미치기 때문에 "페이지 클래스 접미사" 대신 아래에 설명된 방법을 선택했습니다. 이 간단한 예에서는 페이지의 한 요소(기사 제목)에 하나의 매개 변수만 추가하려고 합니다.

1. 먼저 예제 데이터를 생성해 봅시다.

프로세스에서 사용할 샘플 데이터를 생성해 보겠습니다.

"기사"라는 "섹션"을 만듭니다. 다음으로 세 가지 범주를 만듭니다. 이러한 카테고리의 경우 카테고리의 각 기사에 적절한 이미지를 추가하여 사용성을 높일 예정입니다.

다음으로 각 범주에 샘플 콘텐츠가 포함된 4개의 텍스트 기사를 만듭니다. 이를 위해 Mass Content 확장 프로그램을 사용하는 것이 좋습니다.

2. XML "메뉴 유형"에 새 매개변수 추가

Joomla!의 루트 디렉터리로 이동합니다. 이 경로(components/com_content/views/category/tmpl)에 따라 폴더 "tmpl"을 따르십시오.

blog.xml을 열고 태그가 지정된 줄 바로 뒤에 아래 매개변수를 추가합니다. . default.xml 파일에 대해 동일한 작업을 수행합니다.

description="개별 카테고리 기사 제목 스타일 지정을 위한 클래스 접미사 추가"/>

중요 사항:이 예에서 "description" 매개변수는 새 줄에서 시작합니다. xml 파일에 코드를 입력할 때 모든 코드가 줄 바꿈 없이 한 줄에 있는지 확인하십시오.

3. 사용자 지정 템플릿 만들기(템플릿 재정의)

줌라에서! 1.5에서는 기본적으로 코어에서 제공되는 기본 콘텐츠 출력 템플릿을 대체할 자체 템플릿을 생성할 수 있는 놀라운 기능이 있습니다. 사용자 지정 템플릿(템플릿 재정의)은 매우 편리하고 사용하기 쉽습니다. 먼저 기본 구성 요소의 마크업 파일을 템플릿 폴더의 "html" 폴더에 복사합니다. 다음으로 변경합니다. 줌라! templates/yourtemplate/html/ 폴더에서 사용자 정의 마크업 파일을 찾고 파일을 사용하며 코어의 마크업 파일을 "무시"합니다.

이렇게 하려면 /templates/yourtemplate/package로 이동합니다. 새 패키지를 만들고 이름을 "html"로 지정합니다. html 폴더에서 새 디렉토리를 만들고 이름을 "com_content"로 지정합니다. 템플릿에 이미 "html" 또는 "com_content" 디렉토리가 있는 경우 운 좋게도 만들 필요가 없습니다.

"com_content" 폴더에 두 개의 폴더를 만듭니다. 하나는 "기사"로, 다른 이름은 "카테고리"로 지정하십시오.

예를 들어:

/templates/rhuk_milkyway/html/com_content/category /템플릿/rhuk_milkyway/html/com_content/article

이제 코어에 있는 마크업 파일을 복사(이동하지 마십시오!!!) - components/com_content/views/category/tmpl/blog_item.php 파일을 /templates/your_template/html/com_content/category에 복사합니다.

메모:이 파일이 이미 존재하는 경우 덮어쓰지 않는 것이 가장 좋습니다. 기존 파일을 사용하여 예제의 단계를 계속 진행할 수 있습니다.

다시 복사(이동하지 마십시오!!!) components/com_content/views/article/tmpl/default.php를 /templates/your_template/html/com_content/article에 복사

마크업 파일에 아이콘을 표시하기 위한 디자인 요소 추가

편집을 위해 /templates/your_template/html/com_content/category/blog_item.php 파일을 엽니다.

item->params->get("pageclass_sfx"); ?>" 폭="100%">

item->params->get('link_titles') && $this->item->readmore_link != "") : ?>

항목->readmore_link; ?>"

class="콘텐츠페이지제목item->params->get('pageclass_sfx'); ?>»>

params->get('icon_suffix'); ?>»>

escape($this->항목->제목); ?>

params->get('icon_suffix'); ?>»>

escape($this->항목->제목); ?>

이제 새로 복사한 /templates/yourtemplate/html/com_content/article/default.php 파일을 엽니다.

빨간색으로 강조 표시된 줄을 제외하고 아래 코드를 볼 수 있습니다. 이들은 추가한 다음 이 파일을 저장할 요소입니다.

params->get("pageclass_sfx"); ?>" 폭="100%">

params->get('link_titles') && $this->article->readmore_link != "") : ?>

기사->readmore_link; ?>"

class="콘텐츠페이지제목params->get('pageclass_sfx'); ?>»>

params->get('icon_suffix'); ?>»>

escape($this->기사->제목); ?>

params->get('icon_suffix'); ?>»>

escape($this->기사->제목); ?>

4. CSS 스타일 및 이미지 추가

좋습니다. Joomla 템플릿의 기본 요소를 준비했습니다. 이제 이 강의의 디자인 부분으로 넘어가겠습니다.

가장 먼저 해야 할 일은 위에서 언급한 범주(FAQ, 미디어, 책)에 대한 아이콘을 선택하는 것입니다. 이를 위해 실크 아이콘 세트의 아이콘을 사용할 수 있습니다 , 그들은 이미 원하는 크기 (16px), 투명도가있는 PNG-32 파일을 가지고 있으며 물론 무료입니다.

저는 아래 3가지를 선택했습니다. 이 사진을 복사하여 /templates/your_template/images에 배치하면 됩니다.

이제 기본 템플릿 CSS 파일(일반적으로 template.css) /templates/yourtemplate/css/template.css를 열고 다음 CSS 코드를 추가합니다.

배경: url(../images/info.png) no-repeat 0px 5px;

배경: url(../images/photo.png) no-repeat 0px 5px;

배경: url(../images/book_open.png) no-repeat 0px 5px;

메뉴 항목에 스타일 지정(메뉴 항목)

위의 코드에서 필요한 클래스(예: faq, 미디어, 책)의 이름을 볼 수 있습니다. 이제 메뉴 관리자에 입력하는 데 사용할 수 있는 옵션입니다.

이렇게 하려면 먼저 Joomla! 콘텐츠 출력으로 "블로그 - 카테고리 콘텐츠"를 사용하여 새 메뉴 항목을 만듭니다.

오른쪽의 메뉴 항목 옵션에는 "기사 아이콘 클래스"라는 새 옵션이 있는 "고급" 탭이 표시됩니다. 이 필드에는 faq, media 또는 book의 세 가지 값 중 하나를 입력할 수 있습니다. 새 메뉴 항목을 저장한 후 Joomla!의 프런트엔드 카테고리 블로그를 검색합니다. 사이트를 클릭하고 새 메뉴 항목을 선택합니다. 기사를 "가져오자마자" 아이콘과 함께 제목을 표시하는 새로운 옵션이 표시됩니다.

기존 설정을 변경하거나 더 추가하려면 위의 예와 같이 새 CSS 클래스를 추가하기만 하면 됩니다. 템플릿에서 이 방법을 사용하시기 바랍니다. 줌라를 즐기세요!

Joomla 사이트의 추가 식별은 고유한 아이콘 또는 파비콘일 수 있습니다. Joomla 사이트의 Favicon은 사이트의 모든 페이지와 함께 만들어진 탭 및 북마크의 제목에 브라우저에 반영됩니다. 기본적으로 CMS Joomla에서 관리하는 모든 사이트에는 동일한 표준 아이콘이 있습니다. Joomla 사이트의 보이는 부분과 관리 패널의 아이콘만 다릅니다. 방문자가 보는 사이트 부분의 아이콘은 쉽게 변경할 수 있습니다.

Joomla 사이트의 아이콘(favicon)을 변경해야 하나요?

사이트 아이콘 교체는 사이트 최적화의 주관적인 구성 요소에만 영향을 미칩니다. 사이트의 페이지를 북마크한 방문자는 모든 북마크 목록에서 해당 페이지를 쉽게 찾을 수 있습니다. 또한 사이트 아이콘은 검색 및 신청 도구에 반영됩니다. 예를 들어 Yandex 웹마스터의 사이트 목록에 있습니다.

또한 표준 Joomla 아이콘을 교체하면 귀하의 사이트가 Joomla에서 관리된다는 광고가 중단되며 이는 사이트의 보안을 강화하는 단계 중 하나입니다.

새 Joomla 아이콘 요구 사항

Favicon이라는 단어는 두 개의 영어 단어인 즐겨찾기와 아이콘의 줄임말입니다. Joomla 아이콘에는 자체 표준이 있습니다. 크기는 16x16 또는 32x32 픽셀이어야 합니다. 만든 favicon 은 256색이어야 합니다. 그리고 가장 중요한 것은 Joomla 아이콘 형식이 favicon .ico 여야 한다는 것입니다.

Joomla 사이트의 파비콘을 교체하는 단계

Joomla 사이트 아이콘 교체는 몇 가지 간단한 단계로 수행됩니다.

  • PNG 또는 JPEG 사진에서 고유한 아이콘을 생성합니다. 또는 온라인 서비스 또는 사진 프로그램을 사용하여 직접 아이콘을 그립니다.
  • 이미지에서 ico 형식, 크기 16(32)×16(32) px의 파비콘을 만듭니다.
  • 이전 favicon을 모두 삭제하면서 사이트 디렉토리에 새 아이콘을 업로드하십시오.
  • 사이트의 기본 페이지 템플릿에 특수 코드를 삽입하십시오.

각 단계를 자세히 분석해 보겠습니다.

1단계. Joomla 사이트 아이콘 만들기

인터넷에는 모든 사진에서 favicon .ico 아이콘을 생성하는 많은 온라인 도구가 있습니다. 여기서 다음 사항에 주의해야 합니다.

favicon에 흰색 배경이 없도록 하려면 해당 소스가 생성될 때 배경이 투명해야 하며 형식이 같아야 합니다. 저장 시 PNG. png 이외의 사진 형식을 사용하면 배경이 흰색 또는 검은색인 Favicon이 표시됩니다. 이 사이트의 상단 메뉴 항목인 웹마스터 도구에서 인터넷의 훌륭한 아이콘 저장소를 찾을 수 있습니다.

검색 상자에 파비콘 생성기를 입력하여 직접 파비콘 생성기를 찾을 수도 있습니다. 여기에서 아이콘 생성기의 주소를 제공하겠습니다.

  1. pr-cy.ru/favicon
  2. tools.dynamicdrive.com/favicon
  • iconfinder.com
  • freepik.com/free-icons
  • genericons.com
  • flaticons.net
  • iconbird.com
  • iconizer.net
  • webhostinghub.com
  • iconspedia.com
  • iconsearch.ru
  • icons8.com
  • glyphicons.com
  • findicons.com
  • icomoon.io
  • iconarchive.com
  • themify.me
  • thenounproject.com
  • flaticon.com

Favicon 아이콘은 다음과 같이 만들어집니다.

  • 미리 미래 아이콘의 원본 사진을 찾으십시오.
  • 발전기를 엽니다.
  • 발전기 로더 창에서 컴퓨터의 아이콘을 선택합니다. Joomla 16×16 픽셀의 미래 아이콘 크기를 선택합니다.
  • "만들기"와 같은 버튼을 누르십시오.
  • Favicon은 몇 초 만에 생성됩니다. 그런 다음 컴퓨터에 다운로드하는 것만 남아 있습니다. 이렇게하려면 "다운로드"버튼이 있습니다 컴퓨터의 아이콘, 디렉토리에 업로드해야합니다.

2단계. 웹사이트 디렉토리에 새 아이콘 업로드

사이트의 새 아이콘(favicon)을 업로드해야 하는 사이트 디렉토리의 위치는 다음과 같습니다.

이전에는 favicon .ico를 배치하기 위한 필수 위치가 사이트의 루트 디렉토리였습니다. 이제 상황이 조금 완화되었습니다. 동적 템플릿을 사용하면 사이트의 모든 디렉터리에 아이콘을 업로드할 수 있으며, 코드(아래)에서만 이 디렉터리의 경로를 명확하게 지정해야 합니다. 그러나 동시에 아이콘이 사이트 루트에서 멀수록 브라우저에 로드하는 데 더 오래 걸린다는 점을 기억해야 합니다. 그리고 사이트를 로드하는 속도를 위해 작은 일에서도 싸워야 합니다.

클래스="엘리아드유닛">

따라서 Joomla 사이트의 루트에 기본 파비콘을 업로드하는 것이 좋습니다. 다운로드하려면 호스팅의 관리 패널에서 FTP 클라이언트 또는 승인이 필요합니다. 새 아이콘(파비콘 )을 업로드하기 전에 모든 사이트 폴더를 확인하고 업로드한 템플릿에 설치되었을 수 있는 이전 파비콘을 제거하거나 이름을 바꾸십시오. 템플릿이 있는 폴더를 별도로 확인하십시오. 템플릿 하위 폴더에서 favicon.ico 파일을 제거합니다. 기존 파비콘을 제거한 후 새 파비콘을 사이트 루트에 업로드합니다. 사이트 디렉토리의 Favicon은 사이트의 기본 페이지 템플릿에 코드를 삽입하는 데 남아 있습니다.

메모:이 단계에서 사이트 아이콘이 이미 변경되었을 수 있습니다. 일부 템플릿에서는 아이콘을 표시하는 코드(아래 코드에 대해)가 사이트 템플릿에 이미 작성되어 있으므로 카탈로그에서 아이콘을 바꿀 때 브라우저 탭에서도 변경할 수 있습니다. 이것을 보려면 사이트의 캐시를 지우고 브라우저를 다시 시작해야 합니다.

3단계. 코드를 사이트 템플릿에 붙여넣어 파비콘 아이콘을 표시합니다.

메모:이 방법은 더 이상 사용되지 않으며 주요 브라우저에서는 이 코드를 붙여넣지 않고 새 아이콘이 표시됩니다. 사이트 루트와 템플릿에서 모든 이전 파비콘을 제거하는 것으로 충분합니다. 또한 브라우저와 사이트의 캐시를 지웁니다.

코드(아래)는 Joomla 홈페이지 템플릿의 태그 사이에 삽입됩니다. (아래 예). 인터넷에서 Joomla 사이트용 코드(favicon)에 대한 몇 가지 옵션을 찾을 수 있습니다. 모든 Joomla 사이트에서 작동하는 코드의 예를 들겠습니다.

코드 원. 아이콘은 사이트의 캐시를 지운 후 거의 즉시 나타납니다.

코드 2. 브라우저에 양식 요소의 유형(유형)을 표시하지 않기 때문에 이 아이콘은 1-2일 후에 브라우저에 나타납니다.

코드 3. 루트 디렉토리에 없는 아이콘(favicon)의 경우(patch-to는 favicon 폴더의 경로입니다).

  • 코드는 이 맞춤법 SHORTCUT ICON 및 이 바로가기 아이콘과 함께 작동합니다.
  • 사이트의 코드가 XHTML이 아닌 HTML인 경우 "/>"가 아닌 ">"로 코드를 종료해야 합니다.

IE 브라우저에 아이콘을 표시해야 하는 경우 다음 코드를 추가해 보십시오.

코드를 템플릿에 삽입한 후 저장하는 것을 잊지 말고 사이트의 캐시도 지우십시오.

  • 관리자 패널 >>>사이트>>>유지 관리>>>모든 캐시 지우기(Joomla 버전 1.7-2.5-3.x의 경우)
  • 관리자 패널>>>도구 >>>모든 캐시 지우기(버전 1.5용)

사이트 아이콘을 표시하기 위해 붙여넣은 코드의 예:

안녕하세요, 블로그 사이트 독자 여러분. 오늘 우리는 Joomla에 대한 일련의 수업을 계속할 것입니다.

오늘 발행물의 주제는 사이트 콘텐츠(콘텐츠)의 구성, 프레젠테이션 및 관리입니다. 또한 섹션, 카테고리 및 자료 삭제의 뉘앙스를 자세히 고려하고 새 자료를 추가할 때 가능한 설정을 자세히 연구합니다.

Joomla의 콘텐츠 구조 및 계층 구조

프로젝트 페이지의 콘텐츠 구성 및 표시는 다음 구성 요소를 사용하여 수행됩니다. 기사 작업을 위해 콘텐츠 작업을 위한 기본 제공 구성 요소가 사용됩니다. 사실, 해당 설정에 대한 액세스는 일반적인 것과 다소 다르며 이를 위해서는 "구성 요소" 항목이 아니라 "재료" 항목을 최상위 메뉴에서 선택해야 합니다.

기사를 섹션 및 범주로 구성하거나 분류하지 않은 상태로 둘 수 있습니다. Joomla에는 사이트 페이지에 콘텐츠를 표시할 수 있는 다른 구성 요소도 있습니다.

예를 들어 이것은 연락처의 기본 제공 구성 요소이거나 웹 링크 목록을 표시하는 것입니다. 예를 들어 모든 종류의 사진 갤러리를 구성하는 데 사용되는 타사 확장 프로그램을 사용할 수도 있습니다. 아래 링크에서 이 매혹적인 프로세스에 대한 자세한 간행물을 찾을 수 있습니다.

페이지의 주요 부분 주변을 따라 콘텐츠를 표시하는 모듈의 도움으로 콘텐츠 출력도 가능합니다. 이 기사에서는 기사와 함께 작동하도록 설계된 내장 구성 요소를 사용하여 출력 방법을 자세히 살펴보겠습니다.

기사의 텍스트는 호스팅 하드 드라이브의 폴더가 아닌 데이터베이스에 저장됩니다. 이 구성을 사용하면 Joomla에서 콘텐츠를 빠르게 재구성할 수 있습니다. 한 디렉토리에서 다른 디렉토리로 텍스트가 있는 파일을 이동하는 대신 기사에 대한 새 속성을 설정하는 것으로 충분하며 즉시 다른 섹션 및 범주에 할당됩니다.

앞에서 언급한 것처럼 CMS는 이전에 사용했던 정적 사이트처럼 페이지를 ".HTML" 파일로 저장하지 않습니다. Joomla는 링크를 클릭하는 순간 웹 페이지를 생성하므로 메뉴에서 링크를 변경하여 보고 있는 문서를 쉽게 수정할 수 있습니다. 내용 자체는 변경되지 않습니다.

가장 간단한 경우 메뉴의 링크는 이미 에 추가한 기사 중 하나의 기사를 열 수 있습니다. 그러나 전체 범주 또는 섹션의 내용(어떤 형식으로든 포함된 모든 자료의 목록)을 웹 페이지에 표시하도록 구성하는 것도 가능합니다.

이 경우 메뉴에서 링크를 따라가기만 하면 됩니다. 필요한 옵션을 선택하여 관리자 패널의 메뉴에서 링크를 클릭할 때 정확히 표시되는 내용을 구성할 수 있습니다. 그러나 이것에 대해서는 나중에 이야기하겠습니다.

콘텐츠를 구성하는 가장 쉬운 방법은 분류되지 않은 기사, 어떤 섹션 및 범주에도 속하지 않습니다. 이 방법은 예를 들어 계층 구조가 단순히 불필요하고 불필요한 경우와 같이 Joomla에서 명함 사이트를 만들 때 적절하고 수요가 있을 수 있습니다.

동시에 관리자 패널에서 "표준 소재 템플릿"이라는 항목을 생성하여 각 메뉴 링크에 별도의 기사를 걸 수 있습니다. 이 경우 사이트를 만드는 데 최소한의 시간을 소비하게 됩니다. 모든 미묘함과 철회 방법을 다룰 필요가 없습니다. 여러 기사를 작성하고 각 기사를 메뉴의 링크에 걸면 충분합니다. 모든 것 - 명함이 생성되었다고 가정할 수 있습니다.

그러나 기사가 12개 이하인 경우에만 편리하고 관련성이 있습니다. 더 많은 항목이 있고 시간이 지남에 따라 추가할 계획이라면 계층적 콘텐츠 구성 없이는 할 수 없습니다. 이러한 목적을 위해 섹션 및 범주(2단계 계층 구조)가 사용되며 이에 따라 기존 자료와 시간이 지남에 따라 추가될 자료를 분산시킬 수 있습니다.

계층 구조의 최상위 수준은 콘텐츠(재료)를 직접 배치할 수 없는 섹션입니다. 기사를 배치하려면 이미 카테고리가 있으며 카테고리는 반드시 일부 섹션에 속해야 합니다. 간단히 말해서 섹션은 자체 내에 범주만 포함하지만 범주에는 이미 기사(컨텐츠)가 포함되어 있습니다.

계층 구조는 다음과 같습니다.

가장 좋은 선택은 섹션의 구조와 그 안에 내포된 범주를 미리 생각하는 것입니다. 이것은 나중에 그들 사이에 많은 자료를 전송하는 것보다 훨씬 쉬울 것입니다. 이미 중첩 체계를 자세히 고려했으므로 반복하지 않겠습니다. 그는 또한 그들의 창조와 설정에 대해 이야기했습니다.

이제 사이트를 콘텐츠로 채우는 과정에 대해 이야기하고 싶습니다. 여기에서는 모든 것이 간단 해 보입니다. 비주얼 편집기에서 텍스트를 채우고 그림을 삽입하고 결과를 저장하십시오. 그러나 처음에는 이런 저런 행동을 하는 방법에 대해 약간의 어려움과 오해가 있을 수 있습니다. 그래도 Joomla에는 완전히 직관적인 인터페이스가 없으므로 작업이 필요합니다.

관리자 패널에서 섹션, 카테고리 및 자료 제거

하지만 콘텐츠를 만드는 방법을 배우기 전에 콘텐츠를 올바르게 삭제하는 방법을 배우는 것이 좋습니다. 여기서도 까다롭고 복잡한 것은 없지만 이 경우 발생할 수 있는 뉘앙스가 있습니다. 예를 들어 데모 데이터를 추가하도록 지시하는 엔진의 체크박스를 선택 취소하지 않았기 때문에 콘텐츠가 새 프로젝트에 저장될 수 있습니다.

물론 콘텐츠 작업 및 관리를 위한 엔진의 모든 가능성을 시각적으로 볼 수 있습니다. 모듈의 위치에 실제로 배치된 가 표시되고 Joomla 관리자 패널에서 자료 구성을 확인하고 마지막으로 자신의 기사, 카테고리 및 섹션을 추가할 준비가 된 것입니다. 하지만 이를 위해서는 먼저 모든 데모 데이터 삭제.

엔진을 설치하는 경우 데모 자료와 함께 앞으로 필요하지 않을 다양한 섹션, 카테고리 및 기사가 생성됩니다. 제거해야 합니다. 복잡하지 않은 것 같지만 방해가 될 수 있는 몇 가지 사항을 알아야 합니다.

먼저 삭제는 계층 구조의 맨 아래부터 시작해야 합니다. 기사에서. 기사가 있는 카테고리는 삭제할 수 없고 카테고리가 있는 섹션은 삭제할 수 없기 때문입니다.

둘째, 기사가 차단되었을 수 있으며 기사를 삭제하려면 잠금을 재설정해야 합니다. 글쎄, 이것 외에도 관리자에서 제거하면 영구적으로 지워지지는 않지만 휴지통에 들어가 제거해야 함을 알아야합니다. 하지만 먼저 해야 할 일이 있습니다.

Joomla에서 기사를 삭제하려면 관리자 패널의 상단 메뉴에서 "자료" - "자료 관리자"를 선택해야 합니다. 열리는 창에서 필터를 사용하여 특정 섹션 또는 특정 범주의 기사만 표시할 수 있습니다.

간행물의 반대편에 있는 이 목록에서 스위치 대신 잠금 아이콘이 표시되면 현재 편집 중이 아님을 의미합니다. 저것들. 이 기사의 편집 페이지가 있는 창이 브라우저에서 열립니다. 또는 닫았지만 동시에 편집 페이지에서 "닫기" 또는 "저장" 버튼을 클릭하는 것을 잊었습니다. 따라서 열려 있는 것으로 간주되며 Joomla 데이터베이스에서 삭제할 수 없습니다.

이 경우 차단된 게시물을 삭제하려면 상단 메뉴의 관리자 패널에서 "도구" - "잠금 재설정" 항목을 선택해야 합니다. 그 후에는 모든 자료가 잠금 해제되고 삭제할 수 있습니다.

재료 관리자에서 옆에 있는 상자를 선택하여 삭제할 개별 항목을 선택하거나 전체 팩을 한 번에 삭제할 수 있습니다. 필터를 사용하여 특정 섹션 또는 범주의 자료만 표시한 다음 "행 수" 영역의 목록 맨 아래에서 "모두" 옵션을 선택할 수도 있습니다.

이제 이름에 인접한 열의 맨 위 필드에 체크 표시를 하고 창 상단에 있는 "장바구니에 추가" 버튼을 클릭하면 됩니다. 선택한 모든 기사가 휴지통으로 이동됩니다.

최종 제거를 위해 관리자 패널의 상단 메뉴에서 "자료" - "바구니" 항목을 선택하고 열리는 창에서 해당 항목을 모두 선택한 다음 "삭제" 버튼을 클릭합니다. 창 상단:

모든 것, 자료는 끝났고 이제 남은 것은 카테고리 및 섹션 관리자에 하나씩 (관리자 패널의 상단 메뉴에서) 더 이상 기사가없는 불필요한 카테고리를 모두 삭제 한 다음 불필요한 섹션을 삭제하는 것입니다. 더 이상 범주가 있습니다.

글쎄, 우리는 Joomla에서 콘텐츠를 제거하는 방법을 배웠습니다. 이제 콘텐츠를 만드는 방법을 배울 차례입니다. 아시다시피 파괴는 건설보다 쉽습니다. 섹션과 카테고리의 구조를 만드는 것에 대해서는 이야기하지 않겠습니다. 나는 이것에 대한 전체 기사를 가지고 있었고 (조금 더 높은 링크가 제공됨) 새로운 자료를 추가하는 데 바로 갈 것입니다.

Joomla에서 콘텐츠 추가 및 배포

이렇게 하려면 관리자 패널의 상단 메뉴에서 "자료" - "관리자"를 선택해야 합니다. 사이트에서 사용 가능한 모든 기사의 제목이 표시되는 친숙한 창이 열립니다. 모든 데모 데이터를 방금 삭제한 경우 이 목록은 비어 있습니다. Material Editor 창의 툴바를 살펴보고 거기에 있는 버튼의 기능을 살펴보겠습니다.

처음 두 개의 "아카이브에서" 및 "아카이브로" 버튼은 아카이브에서 기사의 압축을 풀고 아카이브에 배치하는 데 사용됩니다. 내 생각에 아카이브 작업에 거의 사용되지 않는 기능은 실제로 쓸모가 없으며 작업에 필요하지 않습니다.

"표시" 및 "숨기기" 버튼을 사용하면 대량 게시(사이트 페이지에 자료 표시) 또는 게시에서 대량 제거를 수행할 수 있습니다. 이렇게 하려면 이 작업을 적용하려는 기사 옆의 확인란을 선택한 다음 이 버튼 중 하나를 클릭해야 합니다.

해당 행에서 적십자 또는 녹색 확인 표시를 클릭하여 목록의 개별 기사와 관련하여 자료 출력을 사용자 정의할 수 있습니다.

"이동" 버튼을 사용하면 선택한 자료(앞에 체크 표시)를 Joomla의 다른 범주 또는 섹션으로 이동할 수 있습니다. "복사" 버튼은 복사만 가능합니다. "휴지통으로"를 사용하면 선택한 자료를 휴지통으로 이동하여 복원하거나 영구적으로 삭제할 수 있습니다.

"편집"을 사용하면 편집을 위해 선택한 기사를 열 수 있습니다(관리자 목록에서 기사 제목을 클릭하는 것과 동일). "만들기"를 사용하면 기사의 텍스트를 작성할 수 있는 새 자료를 추가하는 창을 열 수 있습니다.

"옵션" 버튼을 사용하면 모든 재료에 대한 기본 설정을 지정할 수 있습니다. 향후 Joomla에 추가할 모든 새 자료와 이미 추가한 기사에 대해 기본적으로 사용됩니다.

자료에 대한 거의 동일한 설정(일부 제외)은 각 개별 기사를 작성하거나 편집할 때 변경할 수 있습니다(자세한 내용은 마지막 부분 참조). 물론 원하는 기본 설정을 지정하는 것이 훨씬 편리하고 기사를 작성할 때 이 특정 발행물에 적합하지 않은 경우에만 필요에 따라 변경하십시오.

Joomla 관리자 패널에서 새 문서 만들기

새 자료를 추가하려면 "만들기" 버튼을 사용해야 합니다. 결과적으로 텍스트를 입력하고 다양한 설정을 할 수 있는 창이 열립니다.

나중에 사이트 페이지에 표시될 원하는 이름을 입력해야 하는 "제목" 필드를 작성해야 합니다. 별칭 필드는 . 거기에 공백없이 라틴 문자로 입력해야합니다. 실제로 페이지의 미래 URL (주소)이 메뉴의 링크를 통해 별도로 표시되는 경우입니다.

타사 구성 요소를 사용하여 CNC를 구성하는 경우 "별칭" 필드를 채울 필요가 없습니다. 나는 이미 썼다. 그런데 이 구성 요소는 적절한 404 오류 페이지를 만드는 데도 도움이 되며 이 또한 환영합니다.

새 기사의 경우 해당 필드에서 섹션과 카테고리를 선택해야 합니다. 원하는 경우 어느 것에도 속하지 않도록 만들 수 있습니다. 분류되지 않음(소위 정적 페이지를 생성하는 데 추가로 사용될 수 있음). 이렇게 하려면 "섹션" 및 "카테고리" 필드에서 "지정되지 않음" 옵션을 선택하십시오.

"게시됨" 필드의 체크 표시는 저장 후 즉시 게시되며 표시를 위해 해당 메뉴 항목이 생성된 경우 사이트 페이지에 나타날 수 있음을 의미합니다. 이 간행물은 예를 들어 해당 메뉴 항목(블로그 또는 목록 형식)을 생성한 범주의 일부로 표시될 수 있습니다.

예를 들어 "카테고리 블로그" 유형의 "뉴스" 메뉴 항목을 생성하고 새 기사를 추가하면 프로젝트 메뉴에서 "뉴스" 링크를 클릭할 때 사이트에서 이 자료를 사용할 수 있습니다. 초보 사용자가 이해하기 가장 어려운 점은 Joomla에는 정적 웹 사이트와 같은 페이지가 없으며 관리 영역에 추가하는 모든 콘텐츠(컨텐츠)가 데이터베이스에 저장된다는 것입니다. 웹사이트에서는 콘텐츠가 메뉴에서 연결될 때만 표시됩니다.

따라서 먼저 콘텐츠를 추가한 다음 웹 사이트 메뉴에서 해당 콘텐츠에 대한 링크를 만들어야 합니다. 페이지에 무엇을 표시해야 하는지 뿐만 아니라 콘텐츠를 배치하는 방법도 정의합니다. 그러나 우리는 이미 조금 앞서 실행했으며 Joomla 관리자 패널에서 새 자료 만들기로 돌아가야 합니다.

창 상단에는 기본적으로 "아니오" 위치의 확인 표시가 활성화된 "주요 항목에" 필드가 하나 더 있습니다. 즉, 이 기사는 사이트의 기본 페이지에 표시되지 않습니다.

이 필드의 "예" 위치를 확인하는 생성 또는 편집 시 모든 발행물은 기본 페이지에 블로그로 표시됩니다. 관리자 패널의 상단 메뉴에서 "자료" - "홈 매니저" 항목을 선택하여 메인 페이지에 표시되는 기사를 관리할 수 있습니다.

새 자료를 추가하는 창의 주요 부분에서 Joomla에 내장된 시각적 편집기의 기능을 사용하여 향후 기사의 텍스트를 입력할 수 있습니다. 개인적으로 저는 다른 시각적 편집기인 JCE를 사용하는 것을 선호합니다. JCE를 설치하고 기본 편집기로 만드는 방법을 알아보려면 위의 링크를 읽으십시오.

원칙적으로 시각적 편집기에서 작업하는 것은 텍스트 Word에서 작업하는 것과 유사하지만 Joomla에서는 여전히 HTML 코드 편집으로 직접 이동해야 하는 경우가 있습니다(기본 편집기 도구 모음에 "HTML" 버튼이 있음).

문서의 HTML 코드를 이해하고 변경할 수 있는 능력은 시각적 편집기 문제를 빠르고 쉽게 해결하는 데 도움이 됩니다. 따라서 필요한 경우 내 블로그 ""의 제목 내용을 숙지하시기 바랍니다.

개인적으로 대부분의 경우 시각적 편집기를 전혀 사용하지 않습니다. 처음에는 실제로 HTML 코드를 사용하여 연습 한 다음 익숙해졌습니다. 그러나 이것은 취향과 개인 취향의 문제입니다. 우리는 기사의 텍스트를 만들고 필요한 경우 이미지 등을 추가한다고 가정합니다. 스스로 알아낼 수 있는 것들.

기사 추가 시 설정할 수 있는 설정(파라미터)

창 오른쪽에 있는 세 개의 탭을 사용하여 만들 수 있는 새 재료에 대한 설정을 살펴보겠습니다. 첫 번째 항목은 "매개변수 - 기사"라고 하며 "저자" 필드에서 작성자로 간주될 사용자를 선택할 수 있습니다.

"닉네임" 필드에 저자의 실제 이름을 표시하지 않으려면 이 자료를 게시할 가명을 입력할 수 있습니다. 저작자에 대한 정보가 맨 위에 표시되지만이 자료의 설정에서 설정 한 경우에만 표시되지만 이에 대해 조금 더 이야기하겠습니다.

"액세스" 필드에서 이 문서를 볼 수 있는 사용자 그룹(모두 또는 등록된 사용자만 또는 관리자만)을 선택할 수 있습니다. "만든 날짜" 필드에서 만든 날짜를 지정할 수 있으며 이 자료에 대한 설정에서 금지하지 않는 한 기사가 있는 페이지에 표시됩니다.

필요한 경우 "게시됨" 필드에 지연된 게시 날짜를 입력할 수 있습니다. 이 경우 이 글을 저장하면 이 필드에 지정한 날짜와 시간 이후에만 사이트에 나타납니다.

따라서 휴가를 떠나기 전에 Joomla 관리자 패널에서 한 번에 많은 자료를 추가할 수 있지만 하루 간격으로 순차적 게시를 설정하여 자신의 모습을 연출할 수 있습니다. 기본적으로 현재 날짜와 시간이 기록됩니다.

"만료" 필드에서 이 기사가 게시에서 제거되는 날짜를 지정할 수 있습니다. 예를 들어 일회성 프로모션을 수행할 때 필요할 수 있으며 그 후에는 더 이상 필요하지 않습니다. 기본적으로 이 필드는 "never"로 설정되어 있으며 이는 이 자료를 수동으로만 게시 취소할 수 있음을 의미합니다. 이 필드와 이전 필드에서 날짜를 선택하려면 오른쪽에 있는 달력 아이콘을 클릭해야 합니다.

Joomla의 기사(자료)에 대한 고급 설정

"옵션 - 고급" 탭은 이 기사가 사이트에 완전히 표시될 때만 활성화되는 콘텐츠 설정을 지정합니다(예: 카테고리를 표시할 때 방문자가 기사 발표 하단의 "세부 정보" 링크를 클릭할 때) Joomla의 블로그). 종종 이러한 고급 옵션을 변경하는 사람은 거의 없습니다. 방법을 모르거나 필요하다고 생각하지 않습니다.

개인적으로 저는 여전히 이러한 고급 옵션 중 일부를 변경해야 한다고 생각합니다. 그러나 먼저 재료 관리자 페이지에서 "매개변수" 버튼을 클릭하고 동일한 매개변수에 대해 원하는 설정을 선택하여 모든 기사에 대해 한 번에 이 작업을 수행할 수 있습니다.

결과적으로 이러한 고급 기사 설정은 모든 새 기사를 작성할 때 기본적으로 적용됩니다(기본 옵션은 "전역 사용"). 그러나 콘텐츠를 만들거나 편집할 때 일부를 변경할 수 있습니다.

자세히 알아보자 모든 설정 검토 Joomla에서 자료를 만들거나 편집할 때 수행할 수 있는 "옵션 - 고급" 탭에서:


새 재료 생성 창의 다음 설정 탭은 "메타 데이터"입니다.

여기에서 주로 검색 엔진 로봇을 대상으로 하는 사이트에서 보이지 않는 기사에 대한 정보를 설정할 수 있습니다. 실제로 이 탭의 일부 필드는 검색 엔진 최적화에 매우 강력한 영향을 미칩니다. 나는 이미 이것에 대해 자세히 썼기 때문에 반복 할 필요가 없다고 생각합니다. 거기.

행운을 빕니다! 블로그 페이지 사이트에서 곧 만나요

당신은 관심이있을 수 있습니다

섹션 및 범주, Joomla의 블로그 및 자세히 버튼을 사용하여 Joomla에서 기사(콘텐츠) 생성 및 표시
줌라란?
Joomla의 섹션 목록, 무작위 및 최신 뉴스, 관련 자료, 임의 사진 및 HTML 코드를 표시하는 모듈
메뉴 항목을 사용하여 카테고리 또는 섹션을 기반으로 Joomla에서 블로그를 만드는 방법과 콘텐츠 표시를 위한 기타 옵션
내장된 Joomla 구성 요소를 사용하는 사이트 및 피드백 양식에 대한 연락처
Joomla에서 블로그, 카탈로그 및 포털을 만들기 위한 K2 구성 요소 - 기능, 설치 및 Russification
Joomla의 모듈 - 위치, 구성 및 출력을 보고 클래스 접미사 할당
CMS Joomla - 무료 콘텐츠 관리 시스템, 페이지 생성 및 캐싱 원칙
Joomla에서 정적 HTML 사이트를 동적 사이트로 업그레이드하는 방법
Xmap 구성 요소를 사용하여 Joomla 사이트용 지도 만들기

사이트의 매력을 높이는 한 가지 방법은 메뉴 항목에 아이콘을 추가하는 것입니다. 아이콘은 메뉴 항목의 내용과 관련된 작은 그림입니다. 그들의 이점은 사용자의 관심을 끌고 사이트에 대한 충성도를 높이는 것입니다. 이 기사에서는 메뉴 항목에 아이콘을 추가하는 두 가지 방법에 대해 설명합니다: 빠르고, 쉽지만 나쁜, 복잡하고, 길지만 좋은..

줌라. 1단계. 아이콘 크기 선택.

아이콘은 작은 그림입니다. 먼저 아이콘에 대한 요구 사항이 무엇인지 알아봅시다. 나는 다음을 골라냅니다.

  1. 아이콘은 텍스트 크기에 맞아야 합니다.
  2. 아이콘은 배경이 투명하거나 메뉴가 있는 배경과 유사해야 합니다.
  3. 아이콘의 파일 크기는 작아야 합니다("무거움"이 아님).

인터넷에서 가장 일반적인 아이콘 크기는 16x16픽셀입니다. 사이트 파비콘(브라우저의 주소 표시줄 앞에 있는 작은 그림)의 크기이기 때문입니다.

다음은 이러한 아이콘의 예입니다.

사이트 사이트의 경우 이 크기를 선택하겠습니다.

메뉴 항목에 아이콘 추가줌라. 2단계. 적합한 아이콘을 검색합니다.

아이콘을 검색하고 선택하는 방법이 여러 가지인 경우. 첫 번째는 Google 이미지 검색입니다.

이상하게도 이 검색은 여전히 ​​매우 서투르게 작동합니다. 때로는 전혀 작동하지 않습니다. 지금은 21세기이고 Yandex와 Google은 정확한 크기로 이미지를 검색하는 방법을 배우지 않았습니다.

검색에서 필요한 크기의 아이콘만 표시하려면 설정을 지정하십시오.

이 PS를 꾸짖기 위해 서두르지 마십시오. Yandex는 정확한 크기를 전혀 검색하지 않습니다 :-).

두 번째 방법은 아이콘 집합으로 사이트를 검색하거나 집합을 직접 검색하는 것입니다. 아이콘은 무료와 상업용으로 나뉩니다. 무료 아이콘의 선택은 매우 풍부합니다.

많은 아이콘을 선택해야 하는 경우 혼동하기 쉽습니다. 메뉴 항목과 아이콘 간의 매핑 목록을 유지해야 합니다.

메뉴 항목에 아이콘 추가줌라. 3단계. 아이콘 바인딩. 쉬운 방법.

아이콘을 선택한 후 사이트의 메뉴 항목에 연결할 수 있습니다. 두 가지 방법에 대해 이야기하겠습니다. 첫 번째는 메뉴 항목 설정인 "이미지 링크" 옵션을 통해 연결됩니다.

여기에서는 메뉴 항목의 이미지를 선택하기만 하면 됩니다. 매우 간단하고 빠르고 편리합니다. 그러나 이것은 최선의 선택과는 거리가 멀고 그 이유는 다음과 같습니다. 각 아이콘은 사이트에 표시되는 그림입니다. 사용자의 브라우저는 사이트에 들어갈 때 모든 이미지를 순차적으로 로드합니다. 요청을 보내고, 응답을 받고, 이미지를 업로드합니다. 모든 사진이 로드될 때까지 계속됩니다. 이러한 작업을 수행할 때마다 몇 분의 1초가 걸리지만 사진이 많을 때는 페이지 로딩 시간이 몇 초 더 걸립니다. 하지 않는 방법에 대한 생생한 예는 사이트 joomla-master.org입니다. 개발자는 분명히 이런 식으로 메뉴 항목에 대한 그림을 추가했습니다. 결과가 어떻게 되었는지 살펴보겠습니다.

사이트의 메인 페이지를 여는 것은 단순히 사용자의 브라우저와 컴퓨터를 위반하는 것입니다.

메뉴 항목에 아이콘 추가줌라. 3단계. 아이콘 바인딩. 좋은 방법입니다.

좋은 방법은 CSS 스프라이트를 사용하는 것입니다. 그들의 본질은 모든 아이콘이 하나의 그림에 배치되고 CSS를 사용하여 액세스된다는 것입니다. 이 접근 방식 덕분에 사용자의 브라우저는 하나의 이미지만 로드하므로 페이지 로드 시간이 단축됩니다. 나쁜 소식은 CSS 스프라이트로 메뉴 항목에 아이콘을 추가하는 것이 위에서 설명한 방법보다 훨씬 더 어려운 작업이라는 것입니다. 좋은 소식은 이제 스프라이트를 훨씬 쉽게 만들 수 있는 서비스가 있다는 것입니다.

스프라이트를 만드는 방법을 알아 봅시다.


모두 준비되었습니다. 스프라이트 이미지 표시를 조금 더 편집해야 합니다. Firebug를 사용하면 쉽게 처리할 수 있습니다. 무슨 일이 있었는지, 왼쪽에 있는 이 사이트에서 볼 수 있습니다.

스프라이트의 주요 단점은 업데이트가 어렵다는 것입니다. 예를 들어 아이콘을 추가해야 하는 새 메뉴 항목이 하나라도 있는 경우 스프라이트를 다시 만들어야 합니다.

Joomla 메뉴 항목에 대한 아이콘을 만드는 방법을 간단하고 훌륭하다고 말했지만 어느 것이 더 나은지 명확하게 말할 수는 없습니다. 각 방법에는 고유한 장점과 단점이 있습니다. 아이콘이 적거나 자주 변경되는 경우 첫 번째 방법을 사용하는 것이 좋습니다. 많은 아이콘이 있고 아이콘이 연결된 메뉴 항목과 같이 일정하게 유지되는 경우 분명히 스프라이트를 사용해야 합니다.

접촉