2020년 8월 25일 "웹사이트 수정하자" 요약

2020년 8월 25일 의 비디오 녹화 "수정하자 WordPress 웹사이트" 미팅 이벤트.

이 게시물은 거래소와 팁을 요약합니다. 수정해 봅시다. WordPress 사이트 2020-08-25 | WPTO 미팅. 이것은 우리의 여섯 번째 온라인이었다 세션 사용 확대 / 축소.

이 노트는 2 부분으로 구성됩니다. 첫 번째는 세션 중에 작성한 메모는 정리 및 보완하고 요약및 추가된 링크 목록입니다. 노트 커버 대부분의 토론과 비디오를 더 유용하게 만듭니다. 이 것의 두 번째 부분 게시물은 필요한 경우 URL을 가볍게 편집하는 채팅 성적 증명서입니다.

이벤트 페이지의 댓글에서 도움말 요청이 이루어졌습니다. 그리고 줌의 채팅 메시지와 연대순으로 다소 논의 순서.

이 게시물에서는 비메오에서 WPTO의 쇼케이스를 소개합니다.

세션은 6:30에 시작하여 ~9:15에 끝났습니다.

다음 세션은 수정해 봅시다. WordPress 사이트 2020-09-14 | WPTO 미팅.

비메오에 WPTO의 쇼케이스

지난 6회의 세션에 대한 동영상은 비메오 쇼케이스, 오른쪽에있는 스크린 샷.

스폰서 웨글로트 소개

Tthe WordPress 토론토 미팅 그룹이 후원합니다. 웨글로트 (주) 그리고 캐나다 관리 컨소시엄.

Weglot는 웹사이트를 번역하는 가장 빠르고 유연한 방법입니다. 체크 아웃 a 짧은 데모.

자신을 위해 Weglot을 시도하고 얻을 15% 로 WordPress 토론토 멤버.

세션 노트

요약

이 세션에는 7명이 도움을 주었습니다.

앤디 자신의 사이트에 자원 봉사자의 도움을 요청
캐시 MLS 리스팅 통합 지원 원
펀 네 이미지 최적화에 대한 재교육 요청
레마 (주) 그녀가 설치하지 않은 플러그인을 삭제할지 여부를 조언을 원했습니다.
나탈리 게시물에 추천 이미지를 변경하는 데 도움이 필요
레마 (주) 이미지 캡션에서 회색 배경을 제거하는 방법을 요청했습니다.
Asif 호스트 서버에서 사용하는 OS가 중요한지, WP 호스팅이 어떻게 작동하는지 물었습니다.

세션의 링크 목록

앤디

그의 게시물 : 이 COVID는 우리에게 큰 타격을 주었습니다. 웹 사이트를 수정하는 데 도움이 될 수있는 관대 한 영혼을 찾고 나를 위해 또 다른 하나를 구축 할 수 있습니다. (그는 참석하지 않았지만 월리 웜스트롬은 그를 도와주겠다고 제안했다.)

캐시 스터먼

그녀는 누군가가 있는지 알고 싶어 MLS 목록을 통합한 경험이 WordPress 사이트?

패트릭 보아케 _experience_가 없지만 그냥 빠른 검색을했고, 이것에 대한 여러 플러그인이 있습니다.

캐시 스터먼 나는 플러그인경우 평가하려고해요 최상의 솔루션이며 얼마나 많은 작업이 관련되어 있는지가 가장 좋습니다. 나는 몇 가지 이야기했습니다 회사와 그들은 통합 및 요금을 수행하는 것이 매우 복잡하다고 말합니다. 최대 $1,500. 나는 서비스를 제공 할 수있는 것이 좋을 것이라고 생각했다 개인 브랜드 사이트를 원하는 부동산의하지만 난 그것이되지 않을 수 있음을 발견하고 있어요 문제 가치가 있다.

캐시는 문제를 조사하고 싶어 토론하고 클라이언트를 진행하는 방법에 대한 결정에 도달하십시오. 프로젝트.

클라이언트는 에이전트입니다. 문제는 WP 사이트의 MLS 통합입니다. 목록을 사용하여 해당 에이전트 외에 사용 가능한 트래픽에 대한 트래픽을 유도합니다. 나열된 속성입니다. 문제. MLS는 각 부동산에서 운영되는 서비스입니다. 온타리오주의 보드및 등록 된 에이전트가 데이터를 얻기 위해 라이센스를 필요로 피드. 미국 기업들은 MLS 서비스가 통합된 사이트 패키지를 판매합니다. 플러그인은 온타리오 주 등 모든 미국 보드와 대형 보드(예: 토론토 플러스)가 있습니다. 다른 모든 ON 보드). 한 사이트에서이 틈새 시장에 침입하기 어렵다 기초. 문제의 클라이언트는 개발자가 MLS 목록을 사이트 및 구현합니다. MLS는 2 비용, 통합 (플러그인)을 포함한다 제공된 검색 UI를 가정하는 데이터 피드는 허용되며 모든 작업이 필요합니다.

예를 들어 MLS RESO 웹 API 솔루션 가져오기 WordPress.

대부분의 에이전트의 사이트가 표준 검색 UI를 사용한다는 점을 감안할 때 목록을 구분하고 액수로 가치를 추가할 수 있는 기회가 있습니다. 더 나은 프론트 엔드와 하나를 설계.

캐시의결론은 MLS 통합을 떠나는 것입니다 이 틈새 요구 사항을 전문으로하는 사람들. 좋은 지역이 아닙니다. 손. 그녀는 또한 클라이언트가 활용할 위험에 직면합니다. 관련된 작업을 소중히 여기지 않습니다. 에이전트는 이미 브로커에게 수수료를 지불하고 있으며 추가 반복 요금을 지불하는 경향이 있다.

페르네 케인

19:00. 그녀의 사이트는 fernnekane.com.

그녀는 자신의 사이트에서 이미지를 최적화하는 것을 계속 어렵게 발견하고 물었다. 우리가 전에 그녀의 여러 모임을 지원하기 위해 사용 했던 방법을 검토합니다. 그녀는 지난 몇 개월 동안 그녀의 사이트를 정리그래서 지금 적은 이미지가있다 최적화.

이미지를 최적화하는 단계는 다음과 같습니다.

파일 형식이 PNG와 같은 적절한 형식인지 확인합니다. 또는 JPEG 및 변환 필요 한 경우 (그녀의 예 이미지는 27 MB 어도비 주식 GIF 이미지)
해상도가 적절한지 확인합니다(72 dpi가 좋습니다)
crop to appropriate size (for headers, 2000×1280; post images <1,000 in width)
최적화 크기(손실 이해 사용)

멜로이는 그녀를 워크플로우를 통해 포토샵 하나의 이미지에 있습니다. 이러한 단계는 파일을 감소 크기는 27 MB에서 ~ 150 KB까지.

페르네 사용 포토샵, 상대적으로 비싼 프로그램. 이미지 최적화 서비스는 무료 대안입니다. 타이니PNG 최대 20개까지 추천하였습니다. 이미지는 일괄 처리에 업로드될 수 있으며 개별 파일 크기 제한은 5입니다. Mb.

레마 (주)

19:25. 그녀는 플러그인을 발견, VafPress 포스트 포맷 UI, 설치하지만, 그녀의 사이트에 활성화하고 어떻게 발생했는지 모른다. 플러그인은 바프프레스 포스트 포맷 UI 플러그인 / 조각 Qode (들: VAFPress 포스트 포맷 UI). 그럴 이유가 없습니다. 그것은 삭제해야 하므로 플러그인을 유지 합니다. 그녀는 사이트의 관리자를 변경해야합니다 플러그인이 설치될 때를 제외하고는 자체적으로 플러그인이 나타나지 않기 때문에 암호 애드온 또는 꼭 사용해야하는 플러그인으로 다른 플러그인.

나탈리

그녀는 비영리 단체에서 일하고 있습니다. 그녀는 사이트에 WP.com 사용 하 고 지금 사이트 그라운드 호스팅에 WP.org 하나를 시도 하 고 있다. 사용 Elementor 페이지 빌더.

이 게시물에서 WP.com 사이트를 참조합니다. 에 호스팅 WordPress .com; WP.org, 하나에 다운로드한 코드를 사용하여 자체 호스팅 WordPress .org.

질문:

게시물에 추천 이미지를 변경하는 방법.

편집 UI를 찾는 데 어려움을 겪었으며, 추천 이미지. 즉, 일반적으로 오른쪽 사이드 바의 하단에 위젯입니다. UI가 다시 정렬되고 위젯이 사라졌습니다. 우리는 기어 아이콘 설정이 꺼져 있었습니다. 이제 그 에, 추천 이미지 상자가 나타나서 이제 문제의 이미지를 변경할 수 있습니다.

블로그의 첫 번째 게시물에서는 배경 이미지가 작동하지 않습니다. 배경 이미지를 제거하거나 최소한 배경 이미지로 변경합니다. 덜 관입. 또는 불투명도를 25%로 내려가거나 초점.

드롭다운 메뉴에 일부 페이지를 메뉴로 추가하는 방법 하위 카테고리? 우리는 페이지를 추가하고 메뉴 편집 절차를 통해 갔다 메뉴 항목을 들여쓰기하는 방법을 보여 주며(오른쪽으로 드래그) 하위 범주.

이것은 중요성과 가치를 강조 할 수있는 좋은 기회였다 페이지 상단에 표시되는 메시지 창의 예를 들어, 저장된 메뉴가 발생했거나 완료되었습니다. 우리는 경향이 있다 이러한 메시지를 무시하지만 귀중하며 주목해야 합니다.

레마 (주)

그녀의 질문은 그녀의 사이트에 관한 것이었습니다. 의 문화 진주, 갤러리 블로그를 사용하여 니사르그 | WP.org 테마.

그녀는 이미지 캡션(메타데이터)을 변경하는 방법을 알고 싶었습니다. 캡션은 그라데이션 회색 배경으로 표시됩니다. 그녀는 어떻게 제거합니까? 그게? 캡션은 사이트의 테마에서 지원될 수 있습니다. 재판을 통해 오류, 우리는 테마가 배경으로 회색 상자를 추가하기로 결정 캡션이 추가됩니다.

이미지 캡션을 변경하려면 무차별 암호 암호 암호 메서드를 교체하는 것입니다. 미디어 라이브러리의 이미지가 있거나 캡션을 텍스트로 사용합니다. 각 이미지 아래에 있습니다.

처음에 캡션을 삭제하고 배경은 사라 졌 어 요.

미디어 라이브러리에서 이미지를 발견하고 메타데이터에 캡션을 올 때 그것은 테마임을 확인 작동하지 않았다 배경을 제어합니다.

이 질문이 제기된 것은 이번이 처음이 아닙니다. 예를 들어 참조 캡션 아래에 회색 선을 얻기 | WordPress .org.

안에 사용자 정의, 우리는 찾지 못했습니다. 관련된 모든 것.

브라우저 사용 관리자, 우리는 발견 캡션 배경을 회색으로 설정하는 CSS입니다.

크롬 웹 관리자와 디버거가 편리합니다. 크롬내장. F12를 때려 서 발사할 수 있습니다. 브라우저 또는 웹 페이지를 마우스 오른쪽 단추로 클릭하고 선택하여 메뉴 검사 항목을 선택합니다. S: 방법 크롬 검사기 및 디버거를 사용하려면 (훌륭한 튜토리얼).

더 보기 크롬 데브툴 | 구글 개발자.

우리는 fig-caption 요소와 blocks-gallery-item__caption 문제의 캡션 텍스트를 제어하는 클래스입니다. 우리는 클래스의 발견 시행 착오에 의한 속성및 오른쪽 클릭 메뉴를 사용하여 스타일을 복사했습니다.

HTML 요소가 익숙하지 않은 경우(우리 모두에게 는 것 같이) HTML 무화과 태그.

우수한 CSS 학습 리소스는 HTML 및 CSS 에 오딘 프로젝트 사이트.

CSS의 진화에 대한 매혹적인 이야기는 최근 게시물을 참조하십시오. 웹 당국의 블로그에서 두 번째 끝에서, 'CSS X' | W3C.

해결할 시간이 없었던 질문은 다음과 같습니다.

우리는 관련 속성 요소를 발견, blocks-gallery-item__caption, which lead us to the blocks-gallery-item. 의 끝에 blocks-gallery-item__caption 조각 == $0 CSS 나타났다. 무슨 뜻인가요?

"마지막으로 선택한 DOM 노드 인덱스입니다. Chrome은 인덱스를 할당합니다. 선택한 각 DOM 노드에 대해. 따라서 $0은 항상 마지막 노드를 가리킵니다. 선택한 동안 $1은 이전에 선택한 노드를 가리킵니다." S: 무엇 ==$0(더블 은 달러 0)이 크롬 개발자 도구에서 의미합니까? | 스택 오버플로.

이중 밑줄의 의미는 무엇입니까? CSS 클래스 이름의 이중 밑줄?

Asif

리눅스와 의 차이점은 무엇입니까 Windows 호스팅 서버 및 WP 호스팅. 호스팅은 WP를 의미합니다. 응용 프로그램은 모든 OS가 그렇게 할 수 있기 때문에 해당 서버에서 실행됩니다. 모든 호스트는 WP와 원클릭 WP 설치를 제공합니다. 여러 호스팅이 있습니다. 기본 계층 위의 서비스 계층입니다. 첫 번째 계층은 WP를 관리합니다. 기본 서비스의 가격을 5~10배 까지 실행하고 더 많은 자동화가 포함되어 있습니다. 보안, 리소스 등 호스팅에서 하늘은 한계입니다. 체크 아웃 WordPress Vip.

그의 WP.com 사이트, 웹뷔르스의 블로그 마이그레이션할 수 있습니다. 자체 호스팅.

MDD호스팅 기본 호스팅에 추천되었습니다. Siteground 주요 호스팅 제공 업체 및 WPTO 회원 들 사이 인기.

많은 호스트가 무료 도메인 이름을 제공하고 새로운 도메인이 됩니다. 이 과정에서 도메인의 등록기관은? 다른 호스팅 계정에서 사용할 수 있습니까? 호스트에 문의하지만 이러한 도메인을 사용하여 시작할 수 있습니다. 다른 호스트의 이름입니다. 도메인 이름을 다른 도메인 이름으로 이동할 수 있습니다. 당신이 그것을 소유하고 전송이 직선이기 때문에 등록 및 호스트 적절한 과정에 호스트 전달. 호스트가 등록기관이 될 수 있다는 장점 중 하나는 호스트가 사이트 DNS 레코드를 처리합니다.

채팅 성적 증명서

첫 번째 메시지 의 시간에서 볼 수 있듯이 성적 증명서가 세션의 전반부가 누락되었습니다.

01:05:38 로빈 맥레이: 그 사람의 이름을 얻었나요? VafPress 플러그인에 대한 이전 질문?
01:08:25 데이비드 스충전: 가야 해요. 모두 감사합니다!
01:25:39 참석자: 방금 뛰어들었습니다. 늦은.
01:41:48 참석자: 이것이 도움이 될 수 있습니다. https://wordpress.org/support/topic/getting-a-gray-line-under-captions/
01:41:53 참석자: 나
01:42:02 MB: 예
01:45:03 참석자: 개발자 도구
01:46:20 패트릭 보아케: HTML을 배울 수 있는 쉬운 무료 방법 Css
01:46:35 참석자: 그러나 나는 그것이 때문에 수정되고 있다고 생각합니다. 적용 중인 클래스
01:46:42 패트릭 보아케: 오딘 프로젝트: https://www.theodinproject.com/
01:48:17 참석자: 그녀는 하단 부분을 너무 많이 줄입니다. 낮은.
02:00:22 자크 측량: 내 자신의 만남이 가야 해 내일 갤러리 플러그인
02:07:41 데일: 떠나야 합니다 – 고객과의 미팅 – 좋은 회의 – 많은 배울 - 감사합니다.
02:12:19 폴 워너: 정말 흥미로운 모임. A CSS 나를 위해 돌파구. 내가 결혼하고 싶다면 가야겠어.
02:13:56 아시프: 안녕. 이 세션이 끝나기 전에. 나는 호스팅에 대한 '초보자 수준'질문. 미안해요. 찾을 수 없습니다. '내 손을 들어 올'옵션.
02:14:29 나탈리 존슨: 정보.
02:14:58 MB: 자원 패트릭을 공유해 주셔서 감사합니다.
02:15:41 아시프: 야. 그냥 내 손을 들어 올릴 수있는 옵션을 발견했다. 깊은 방법을 포함!
02:17:02 로빈 맥레이: https://www.w3.org/blog/2020/03/css-x/
02:17:58 reema: 정말 고마워요!
02:20:57 패트릭 보아케: https://www.w3schools.com/.
02:21:43 패트릭 보아케: 많은 것들을 위한 또 다른 무료 코스 HTM CSS 자바 스크립트 SQL.
02:24:07 패트릭 보아케: "공공 인터넷 서버의 경우 리눅스는 일반적으로 지배적 인 것으로 계산, 잘 두 배 이상의 호스트 수를 전원으로 윈도우 서버 – 포함 많은 작은 플레이어에 의해 추적되는 전통적인 메인 프레임 OSes." https://en.wikipedia.org/wiki/Usage_share_of_operating_systems?wprov=sfla1.
02:28:45 아시프: 웹뷔르. wordpress .com.
02:29:50 알렉스 시로타: https://www.mddhosting.com/.
02:29:51 아시프: https://www.mddhosting.com/.
02:29:57 알렉스 시로타: 모질라의 MDN 웹 문서를 잊지 마세요 – https://developer.mozilla.org/en-US/docs/Web/CSS.
02:38:02 아시프: 감사합니다. 모든 도움과 레이아웃.
02:38:14 아시프: 불행히도 지금 떠나야 합니다.
02:43:52 나탈리 존슨: mddhosting은 다음 사용 해도 괜찮습니까?
02:44:23 나탈리 존슨: 감사합니다.
02:44:42 나탈리 존슨: 감사합니다, 이것은 훌륭했습니다.
02:44:43 MB: 감사합니다!

이번 달의 밋업 노트와 채팅 성적 증명서에 대한 것입니다.

다음은 또 다른 온라인 세션입니다. 수정해 봅시다. WordPress 사이트 2020-09-14 | WPTO 미팅. RSVP및 질문이나 요청을 게시할 수 있습니다.

로빈 맥레이 (Linkedin)