Easy Responsive Footer

[cogdog (Alan Levine)]

10개의 커밋이 뒤처진 사이트에서 업데이트 시 비슷한 오류 메시지가 표시됩니다:

오류가 발생했습니다: 요청에 잘못된 매개변수를 제공했습니다: 
JSON 포인터 '/4/text'의 속성이 존재해야 합니다. JSON 포인터 
'/4/title'의 속성은 최소 1자 이상이어야 합니다. JSON 포인터 
'/5/text'의 속성이 존재해야 합니다. JSON 포인터 
'/5/title'의 속성은 최소 1자 이상이어야 합니다.

[tgxworld (Alan Tan)]

@sfg85 @cogdog 괜찮으시다면 link_sections와 links 설정의 현재 값을 개인 메시지로 보내주시겠어요?

[cogdog (Alan Levine)]

설정 편집기에 접근하는 방법을 알아낸 후( @tgxworld 님께 감사드립니다) 문제를 발견했습니다. 링크 섹션에 빈 설정 항목이 2개 있었습니다. 이 항목들을 삭제하자 업데이트가 정상적으로 작동했습니다.

그리고 새 버전은 훨씬 더 쉬운 편집기를 제공합니다. 다시 정상적으로 사용할 수 있게 되었습니다.

[sfg85 (sfg8)]

@cogdog @tgxworld 포럼에서 링크와 스크린샷을 각각 하나씩만 올릴 수 있어서 이 문제를 우회해야 했습니다. 그래서 답변을 작성하던 중 해당 게시물에 대한 스크린샷을 하나 찍었습니다. 아래를 확인해 주세요:

도움이 되길 바랍니다. 추가 정보가 필요하면 말씀해 주세요.
감사합니다!

[tgxworld (Alan Tan)]

테마 페이지에 가서 아래에 있는 "설정 편집기"를 클릭한 후, links와 link_sections 설정의 값을 알려줄 수 있을까요?

[sfg85 (sfg8)]

여기 있습니다:

	{
        "setting": "link_sections",
		"value": "Shop|About|Contact"
	},
	{
        "setting": "links",
		"value": "Shop, Shop for products, https://www.domainname.com/en/store/?utm_souce=sfrmftr, blank, Shop for products|About, the Forum is proudly sponsored and hosted by domainname.nl.,https://www.domainname.com/en/store/?utm_souce=sfrmftr|Contact, contact@domainname.com, mailto:contact@domainname.com"
	},

[sfg85 (sfg8)]

결국 저는 링크 자체(링크 섹션이 아닌)를 제거했습니다. 그렇게 하니까 업그레이드가 가능해졌습니다. 새 메뉴에 링크를 다시 추가하려고 시도하다가, 기본값인 _blank 타겟으로 저장하려고 할 때 다음과 같은 오류가 발생했습니다: 'JSON 포인터 ‘/1/links/0/target’의 속성은 [“_blank”, “_self”, “_parent”, “_top”] 중 하나여야 합니다.’

타겟을 _self로 변경했더니 저장할 수 있었습니다. 이후 링크를 다시 편집하러 들어가서 타겟을 _blank로 변경하고 저장할 수 있었습니다.

각 링크마다 위와 같은 과정을 반복해야 했습니다.

위 정보가 디버깅에 도움이 될 수도 있고, 아니면 컴포넌트 문제로 인해 도움이 안 될 수도 있습니다.

[sfg85 (sfg8)]

그리고 새 메뉴도 멋지네요!

[Roi]

음, 내 사이트 중 하나가 업그레이드되지 않고 다음 오류가 발생합니다:

오류가 발생했습니다: 마이그레이션 "0004-migrate-social-links-setting"이(가) 다음 런타임 오류를 발생시켰습니다: TypeError: helpers.isValidUrl is not a function

이 사이트들의 설정이 꽤 유사한데, 이상하네요. 혹시 어떤 아이디어가 있으신가요?

[Helga_Razinkova (Helga)]

안녕하세요, 이 컴포넌트 정말 좋습니다! 감사합니다. 첫 번째 열을 회사 로고로 대체해서 다른 열들과 정렬되도록 할 수 있는 방법이 있을까요?

[BH10]

훌륭한 컴포넌트네요, 잘 만들었습니다!

카테고리가 하나만 있을 때 상자 중앙에 위치합니다. 왼쪽으로 이동할 수 있을까요? 이상적으로는 ‘리뷰하기’ 섹션을 화면 왼쪽에, 소셜 미디어 링크를 오른쪽에 배치하고 싶습니다.

[Jane_Shen]

안녕하세요, Easy Footer에 사용자 지정 푸터 코드를 추가하는 방법을 알고 싶습니다. 가져오기 옵션이 있나요? 여기에는 내보내기만 보입니다.

[AntiMetaman]

이 컴포넌트에 텍스트 외에도 이미지 지원이 추가될 수 있나요? 그러면 푸터에 로고를 넣을 수 있을 것 같습니다.

[blindzero (Matthias)]

정말 멋진 컴포넌트네요, 감사합니다.

질문이 하나 있습니다. 너무 단순한 질문일지도 모르겠네요

smalllinks를 제외하고 거의 모든 요소를 줄이거나 제거했습니다… 여기까지는 괜찮습니다. 그런데… 푸터가 항상 화면 영역 밖으로 밀려나 있어서, 로그인/회원가입 페이지(비공개/폐쇄형 포럼)에서도 사용자가 스크롤을 해야 합니다. 충분한 공간이 있을 때 스크롤 없이 푸터가 화면에 표시되도록 하는 방법이 있을까요?

감사합니다!

[Olle11]

푸터의 색상을 어떻게 변경하나요?

현재는 검은색인데, 푸터의 색상을 밝은 색으로 바꾸고 싶습니다.

[Arkshine]

@blindzero

여유 공간이 충분할 때 스크롤 없이 푸터가 표시되도록 하는 방법이 있을까요?

안녕하세요, 오신 것을 환영합니다. 테마나 새로운 컴포넌트에 이 CSS를 시도해 볼 수 있습니다:

.login-page {
    .sidebar-wrapper {
        display: none;
    }
    
    #main-outlet {
        min-height: auto;
    }
    
    .custom-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

조정이 필요할 수 있지만, 시작점으로 삼을 수 있습니다.

@Olle11

푸터의 색상을 어떻게 변경하나요?

예를 들어 이 CSS를 사용할 수 있습니다:

.custom-footer {
  background-color: #006699;
}

[Olle11]

배경색은 잘 작동했습니다. 감사합니다. 푸터의 글자 색상은 어떻게 변경하나요? 어떤 이유에서인지 제 푸터 텍스트 색상이 노란색으로 나와 있습니다.

[Arkshine]

기본 색상 값은 다음과 같습니다. 조정할 수 있습니다:

.custom-footer {
  .flexbox {
    color: var(--secondary);
  }
  
  .first-box {
    .blurb {
      color: var(--secondary-high);
    }
  }
  
  .third-box {
    .social {
      .social-link {
        .d-icon {
          color: var(--secondary);
        }
      }
    }
    .small-link {
      color: var(--secondary-high);
    }
  }
  
  .footer-section-link-wrapper a {
    color: var(--secondary-high);
  }
}

[Olle11]

아, 이걸 어디서 수정할 수 있을까요? (–secondary)를 색상 코드로 그냥 교체하면 되나요?

[Arkshine]

맞습니다. 기본적으로 CSS 변수를 사용하지만, var(..)를 원하는 CSS 색상으로 대체할 수 있습니다.