Offsprout | A Better White Label WordPress Page Builder

구식 도구를 사용하여 웹 사이트를 구축하는 웹 디자이너입니까? 클라이언트 작업을 끝내고 새로운 고객을 찾을 충분한 시간이 없다고 생각합니까? 대부분 웹 사이트를 구축하는 데 소중한 시간을 낭비하고 있습니다 언제 당신이 당신의 사업을 구축하는데 시간을 할애 할 수 있 었는가

그것이 우리가 오프 프 루트를 만든 이유입니다! 웹 디자이너를위한 가장 빠른 화이트 라벨 웹 사이트 빌더 Offsprout를 사용하면 코딩 배경없이 멋진 웹 사이트를 신속하게 구축 할 수 있습니다 시간의 일부에 직관적 인 디자인 인터페이스로 쉽게 사용할 수 있습니다 요소를 드래그 앤 드롭하여 고객의 웹 사이트를 만듭니다

그리고 오프 스케이트 중앙 집중식 디자인 엔진을 통해 색상 글꼴과 내용까지도 변경할 수 있습니다 단 몇 번의 클릭만으로 전체 사이트에서 디자인 할 수 있습니다 완전한 사이트 설계 Offsprout Theme를 사용하여 단 몇 분 만에 머리글 바닥 글과 다른 사이트 영역을 포함합니다 어디에서 시작해야할지 모르시겠습니까? 문제 없어! 수백 페이지에서 선택 섹션 템플릿 디자인을 빠르게 시작한 다음 고객의 회사 정보를 추가하십시오 로고 및 소셜 미디어 프로필 및 Offsprout 's Site Grower가 데이터를 삽입합니다

템플릿에 자동으로 추가하여 완전히 디자인 된 사이트를 구축 할 수 있습니다 고객에게 웹 사이트에 대한 액세스 권한을 부여 할 때가되면 Offsprout의 강력한 기능 권한 빌더를 사용하면 변경 사항을 쉽게 제어 할 수 있습니다 사이트에서 귀하의 노력은 보호됩니다 우리는 어떻게 귀하의 브랜드가 귀하의 비즈니스에 중요하다는 점을 알아 두십시오 Offsprout은 완전히 흰색 인 라벨을 부착 할 수 있습니다

그래서 뭘 기다리고 있니? 오늘 Offsprout을 시도하고 시간을 절약하십시오 웹 사이트를 구축하고 비즈니스 구축에 더 많은 시간을 투자하십시오 Offsproutcom에서 Offsprout를 무료로 사용해보세요

How to Display Random Posts in WordPress

당신은 WordPress 웹 사이트에 임의의 게시물을 추가하는 쉬운 방법을 찾고 있습니까? 이 비디오를 계속 시청 해 두 가지 방법을 사용할 수 있습니다 WordPress에 임의의 게시물을 추가 할 수 있습니다

음악 소개 시작하려면 먼저 WordPress 대시 보드, 우리는 우리가 클릭 할 것이다 우리 플러그인 지역에 가고 싶다 새로운 추가 고급 무작위 소식 위젯이라는 플러그인을 찾고 있습니다 우리가 원하는 것은 그렇게하고 설치하겠습니다 일단 당신이 그것을 설치하면 계속해서 활성화해야합니다 이제 활성화되었습니다 여기에서 볼 수 있습니다

우리는 Appearance, Widgets로 갈 수 있으며 이것을 사이드 바 영역에 추가 할 것입니다 임의 게시물은 우리가 원하는 위젯이므로 마우스 왼쪽 버튼을 클릭하고 위로 드래그합니다 나는 바로 거기에 놓을 게 그것이 무엇을 할 것인지 알아보기 위해 게시물 탭을 보면 스티커 게시물을 무시할 수 있음을 알 수 있습니다 여기에 게시 된 게시물의 수와이 데모 용 Out-of-the-Box 플러그인 기본 설정은 정상적으로 작동합니다

저장하고 지금 클릭하십시오 우리는 행동으로 들어가기 위해 사이트로 향할 수 있습니다 이것들은 보여지는 무작위 게시물이고 내가 새로 고침을 클릭하십시오 표시되는 여러 게시물이 있으므로 각 사람이 귀하의 사이트 방문은 그들이 방문 할 때 임의의 게시물을 받게됩니다 두 번째 방법은 좀 더 진보 된 그리고 그것은 코드를 사용하여 WordPress에 게시물을 표시하는 것입니다

그래서 만약 당신은 그런 식으로 편안하게 할 수 있습니다 당신은 무엇을하길 원합니까 사이트에서 만든이 함수를 가져오고이 함수를 복사 할 수 있습니다 이 파일을 functionsphp 파일에 붙여 넣기를 원할 수 있습니다 임의의 게시물을 원하는 영역에 wp- 임의 게시물의 shortcode를 추가하십시오

가다 이제 편집기 영역으로 가서 함수 페이지를 열어 보겠습니다 아래쪽으로 스크롤하여 여기에 코드를 추가하겠습니다 그럼 우리는 파일을 업데이트하면 위젯 영역으로 이동합니다 이렇게 제거하면 그것을 보지 마라

이제 우리가 추가 할 단축 코드를 추가한다 우리는 왼쪽 클릭과 드래그를 할 것이다 위젯 텍스트 위젯과 여기에 단축 코드를 추가합니다 클릭합니다 저장하고 지금 사이트에 갈 때 거기에있는 게시물을 볼 수 있습니다

우리 functionsphp에 넣은 코드에 따라 무작위로 선택됩니다 파일 오늘 비디오에서 뭔가 배웠어? 그렇다면 우리의 YouTube 채널을 통해 YouTube 채널을 관리 할 수있는 유용한 정보를 보내 드리겠습니다 WordPress 웹 사이트 및 시청 해 주셔서 감사합니다

Auto install : LAMP(Apache,MySQL,Php),PhpMyAdmin,Kubuntu-Desktop,WINE,WordPress,SSL on Ubuntu 18.04

안녕하세요! MediaBOTS에 오신 것을 환영합니다 이 비디오에서는 퍼티를 SSH 클라이언트 소프트웨어로 사용합니다

퍼티가 없으면 wwwputtyorg 웹 사이트에서 다운로드하십시오 (그것은 무료입니다!) Windows 운영 체제를 사용하고 있으므로, 나는 Windows OS 용 퍼티의 32 비트 또는 64 비트 버전으로 갈 것입니다 퍼티를 열어

그런 다음 서버 또는 VPS에 IP 주소 루트 계정이나 다른 계정으로 로그인하십시오 우분투 1804 OS를 사용하고 있습니다 -> github

com/mediabots로 이동하십시오 그런 다음이 링크를 클릭하십시오 아래 "스크립트 실행 방법"절로 이동하십시오 그런 다음이 4 줄의 명령을 퍼티 소프트웨어에서 실행하십시오 루트 사용자로 로그인하지 않은 경우

그런 다음 루트 또는 수퍼 유저 암호를 요구합니다 출발점에서 scr ipt는 몇 가지 질문을 할 것입니다 원격 데스크톱을 통해 서버에 액세스하려면 kubuntu-desktop을 설치하십시오 모든 xrdp 패키지를 설치하는 데 1 시간 이상 걸립니다 yor 응답을 기록한 후 작업을 시작합니다

스크립트 총 실행 시간은 선택에 따라 다릅니다 이 스크립트는 자동으로 다음을 설치할 수 있습니다 Apache, MySQL, Php, PhpMyAdmin, 쿠분투 – 데스크탑, WordPress, HTTPS 및 Wine 용 SSL Linux 시스템에서 Windows 운영 체제 응용 프로그램을 실행합니다 도메인 이름을 부여한 경우 그런 다음 프로세스가 끝나면 인사! 이 같은

스크립트 작업이 완료되었습니다 이제 웹 브라우저에서 도메인 이름이나 IP 주소를여십시오 WordPress-Installation을 선택했다면 다음과 같은 화면이 나타납니다 WordPress 설정 페이지입니다 WordPress 웹 사이트를 적합하게 설정하십시오

자, 나는 모든 것이 잘 작동하는지 아닌지를 테스트하고 있습니다 SSL 인증서는 Let 's Encrypt에 의해 검증됩니다 그리고 앞으로 3 개월 동안 유효 할 것입니다 그러나 스크립트는 "CertBot"이라는 Bot을 설치하여 사이트의 SSL을 자동 갱신합니다 매 60 일마다

괜찮아! 그래서 사이트는 예상대로 잘 작동합니다 모범 사례를 위해 MySQL 및 PhpMyAdmin 암호를 변경해야합니다 그들은 스크립트에 의해 설정 되었기 때문입니다 그리고 기본값을 사용합니다 MySQL 사용자 이름은 : root Kubuntu-Desktop Installation에 yes를 설정 한 경우

그런 다음 가상 컴퓨터에 연결할 수 있습니다 원격 데스크톱 응용 프로그램을 통해 귀하의 IP를 통해 보고 주셔서 대단히 감사합니다

How to Install Xampp | WordPress Customization Bangla Tutorial Part-1

먼저 모든 동영상 가져 오기 채널 구독 비디오에서와 마찬가지로 우리를 격려하십시오 주제를 이해하는 데 어려움이있는 경우 댓글 상자에 댓글을 남깁니다

우리 채널은 새로운 채널입니다 그래서 우리는 경험이 적다 잘못된 사과를 보라 앞으로 더 좋은 비디오를 얻으십시오 건설적인 조언을하십시오

커리어 가이드 라인을 지키십시오 동영상을 시청 해 주셔서 감사합니다

Theme oder Plugin – Womit fängst Du eine neue WordPress-Seite an?

좋은 아침 문제는 일요일, 오늘 당신이 그것을 견딜 수있는 유일한 곳에서

그리고 질문은 : 테마 또는 플러그인입니까? 뭐 시작 했니? 2-3 년 전에 우리는 다르게 대답했을 것입니다 우리는 "주제를 먼저 취하고 구조를 취하십시오"라고 말했을 것입니다 그리고 오늘 저는 이렇게 말합니다 : 페이지 빌더 (Page Builder)를 설치하십시오 우리는 BeaverBuilder와 같은 것을 권장합니다

그리고 BeaverBuilder를 설치했다면, 기본 테마에 먼저 압축하십시오 귀하의 콘텐츠 페이지를 대략 구성하십시오 그것을 클릭하십시오 그리고 나서, 무엇 그것이 모두 어떻게 느껴지는지

그리고 더 많은 플러그인을 선택합니다 그런 다음 광학 장치를 작동합니다 그것이 우리가 시작하는 방법입니다 WooCommerce 또는 WordPress에 대한 질문이 있으십니까? 코멘트에 여기에 적어주세요, 아니면 그냥 수영하러가 사람들, 그냥 수영하러가 다음 주 일요일에 다음 질문을 위해 다시 만나요

WordPress reset password from Database in simplest way

안녕하세요,이 비디오의 사람들은 당신이 분실하거나 잊었을 때 할 수있는 것을 보여주고 싶습니다 WordPress에 암호를 입력하면 내 사용자 이름이 admin이고 암호는 password입니다

1 2 3 4 ~ 9 및 Enter 키를 누릅니다 하지만 사용자 이름 admin에 대해 암호를 입력하는 중에 오류가 발생하지만 올바르지 않습니다 mySql 데이터에 액세스 할 때 비밀번호 재설정을 위해 할 수있는 작업은 무엇입니까? MySQL과 내 데이터베이스 및 워드 프레스 WP 사용자 테이블 또는 모든 접두사 대신 WP 내 사용자 이름은 admin이며 관리자는 사용자 로그인 필드와 사용자입니다 해시 된 비밀번호를 해시로 확장했지만이 TV에서 비밀번호를 재설정하고 싶습니다 나는 행을 편집하고 사용자 경로에서 테이블이나 에디션 폼을 클릭한다

md5를 선택한다 그리고 내 새 비밀 번호를 새 암호 괜찮아 당신은 md5 해시 비밀 번호를 볼 수 있습니다 여기에있다 새로운 사용자를 위해 수정할 수 있습니다 좋아 이 md5 암호를 볼 수는 있지만 암호를 저장하는 좋은 방법은 아니지만 왜 md5 암호화를 온라인으로 검색하고 md5 암호 해독을 암호 해독하면 해독 온라인 암호 해독 MD5 해독 암호입니다 닫고 새 암호를 입력하십시오

암호 또는 md5 암호 해독을 사용하여 암호를 해독 할 수 있습니다 비밀 번호 그래서이 방법은 좋지 않아 일부 사이트는 큰 있기 때문에 데이터베이스에서 키보드와 해시 암호의 과거 데이터베이스를 표시 할 수 있습니다 간단하게 암호를 선택하여 MySQL 쿼리를 선택하지만 Swart는 이전에 빠져있다 버전을 사용하지만 새 버전에서는 처음에 다른 방법을 사용했습니다 md5 해시로 암호를 변경하면 m5가 표시되지만 처음에는 사용자 이름에 로그인하고 다음에이 비밀번호를 새로 고칩니다

여권은 새로운 방식으로 WordPress가 안전합니다 안전한 비밀번호가 안전하게 저장됩니다 내 악센트와 영어로 말하는 작별 인사로 미안해

Intro1 – Calendarista WordPress booking plugin, schedule a meeting room

이 튜토리얼에서 우리는 사업 회의를 예약해야합니다 이제 시작하겠습니다

먼저 이름을 제공하여 새로운 서비스를 만듭니다 내용이 설명력이 있는지 확인하십시오 다음 "단일 요일 및 시간"모드를 선택하십시오 이를 통해 고객은 하루를 선택할 수 있습니다 프론트 엔드의 시간

다른 옵션을 사용해보십시오 마지막으로 서비스를 만듭니다 이제는 가용성을 설정할 차례입니다 먼저 의미있는 이름을 제공하십시오 이 날짜부터 예약이 시작됩니다

다른 옵션을 사용해보십시오 항상 반복 패턴을 설정하는 것을 잊지 마십시오 사용할 수있는 날짜가 하나만있는 경우는 예외입니다 이 서비스는 예약이 가능합니다 매주 월요일부터 금요일까지 매일 이제 가용성을 만듭니다

추가 회의실이 있다면 그런 다음 각각에 대해 새로운 가용성을 창출 할 것입니다 우리는 끝났다 이제 타임 슬롯을 만들 차례입니다 단일 타임 슬롯을 만들 수도 있고 또는 하루 종일 펼쳐지는 자체 생성 슬롯 일주일 내내 모든 요일에 대해 슬롯을 자동 생성합시다 이것은 대부분의 용도에 대해 빠르고 실용적입니다

시작 간격을 오전 8시에 설정하여 시작하십시오 다음으로 각 슬롯의 지속 시간을 30 분으로 설정하십시오 이제 15시에 닫을 시간을 정하십시오 슬롯은 오전 8 시부 터 오후 3 시까 지 30 분마다 반복됩니다 마지막으로 좌석 값을 설정하십시오

우리는 원치 않는 값 1을 설정합니다 동일한 슬롯을 여러 번 예약해야합니다 이제는 자동화의 마법입니다 붐! 1 주일 단위의 슬롯이 생성되었습니다 토요일과 일요일에는 슬롯이 필요 없습니다

우리는 주말 때문에 그것을 무시할 수 있습니다 우리의 가용성에 예약 할 수 없습니다 선택 품목을 만들 수도 있습니다 또는 서비스와지도에 맵핑되거나 표시된 스타일 및 텍스트를 사용자 정의하십시오 대신 사용자 정의 양식 필드를 작성합니다 전화를 걸어 봅시다 먼저 전화 번호 필드를 만듭니다 목록에서 전화 번호 요소를 선택하십시오

페이지가 다시로드 될 때까지 기다립니다 레이블을 설정하면 필드가 바로 아래에 표시됩니다 필요에 따라 입력란을 설정하십시오 올바른 국가 코드를 선택했는지 확인하십시오 이제 필드를 만듭니다

두 번째 필드를 만듭니다 이번에는 형식으로 메시지를 보내고 싶습니다 이를 위해 일반 텍스트 요소 유형을 사용합니다 이제 작성을 누르십시오 미리보기에서 확인할 수 있듯이 두 필드가 모두 성공적으로 작성되었습니다

서비스가 준비되었습니다 짧은 코드를 얻으십시오 짧은 코드를 복사하십시오 이제 새로운 WordPress 페이지를 만듭니다 새 페이지에 제목을 지정하십시오

이제 이전에 복사 한 짧은 코드를 붙여 넣기 만하면됩니다 페이지를 게시하십시오 완료, 이제 페이지로 이동하십시오 서비스가 예약 준비가되었습니다 하지만 먼저 고객 인 척합니다

로그 아웃하고 예약 양식으로 돌아갑니다 가능한 고객으로 예약하십시오 사용 가능한 날짜 만 예약 할 수 있습니다 사용 가능한 타임 슬롯 만 나열됩니다 세부 단계에는 항상 전체 이름 및 전자 메일 필드가 자동으로 표시됩니다

수집 할 양식을 사용자 정의 할 수도 있습니다 플러그인 폼 빌더를 사용하여 추가 정보 추가 사용자 정의 필드가 여기에 표시됩니다 지불 방법이이 단계에 나열됩니다 이제 예약을 마칩니다

예약이 완료되었습니다 관리자 또는 직원 및 고객 이메일 알림을 받게됩니다 이제 관리자 대시 보드로 돌아갑니다 관리자 또는 직원으로 로그인하십시오 관리자 및 직원은 로그인 할 때 약속을 관리하십시오

약속이 캘린더보기에 표시됩니다 1 월 1 일에 보류중인 약속이 있습니다 이제 약속을 클릭하십시오 여기에서 예약을 보거나 편집 할 수 있습니다 예약을 확인하게한다

약속이 승인되었습니다 고객에게 전자 메일 알림이 전송됩니다 당신은 알고 계셨습니까? 당신은 또한 시간을 할애 할 수 있습니다 알고 계셨습니까? 직원을 설정할 수 있습니다 알고 계십니까? 전자 메일을 사용자 지정할 수 있습니다

글꼴 색, 머리글 배경 및 다른 것들 사이에 회사 로고를 추가하십시오 모든 이메일 템플릿을 편집 할 수도 있습니다 템플릿에 특수 토큰을 삽입 할 수도 있습니다 온라인 지불을 수락하려면 설정해야합니다 지불 방법

플러그인 지원 PayPal, Stripe, 2checkout 및 Woocommerce 할인을 제공하려면 할인 쿠폰을 만드십시오 고객은 체크 아웃시이를 적용 할 수 있습니다 외부 캘린더와 통합 할 수 있습니다 iCal 피드 링크를 추가하기 만하면됩니다

귀하의 외부 캘린더에 대한 모든 서비스 약속을 추적하는 시간과 노력을 절약하십시오

Divi 3 Example Media Queries in the Divi WordPress theme menu

안녕 얘들 아,이 Divi 튜토리얼에 오신 것을 환영합니다 이것은 시스템 22의 Jamie입니다 그리고 웹 디자인 테크 팁 통신 어제 우리는 우리가 그 비디오에서 비디오를 만들었습니다

일부 CSS 효과를 적용하고 일부 미디어 쿼리 사용 아 마의 이름으로 신사가 나에게 여기에 질문을했다 나는 내가 말하기를 바란다 너의 이름은 그가 미디어 쿼리에 대해 더 많이 배우고 싶다고 말했어 그래서 나는 그들이 우리가 그들을 사용하는 이유를 설명하는 비디오를 만들 것입니다 미디어 쿼리는 CSS이므로 WordPress를 사용하고 있습니다

Divi 테마를 사용하고 있습니다 WordPress를 사용하면 정말 멋지 네요 당신이 정말로 당신을 사용하는 것을 고려해야합니다 이 비디오 아래 링크에서 얻을 수 있지만 오늘 우리가하고있는 것은 순수 CSS입니다 부트 스트랩 사이트 나 HTML 사이트에서 적용 할 수있는 모든 사이트에서 작동합니다 CSS를 만들었 기 때문에 조금 만들었습니다

여기에 열 E 개의 주요 제목과 약간의 텍스트가있는 세 개의 작은 텍스트 상자 그 (것)들에서 당신은 볼 수있는 화면 크기를 가지고있는 미디어 쿼리가 무엇인지 사람들이 우리 스크린을보고 있다면 당신은 잘 말할 수 있습니다 이 일이 일어나길 원하거나이 크기와이 크기 사이에 있다면 일어나서 내가 이것을 좋아하는지 보여 주자 실제 장식이없는 네 개의 보통 텍스트 블록이 있거나 여기에 무슨 일이 있어도 내 선택권은 좋아 내 사용자 정의 CSS 필드는 내가 Divi를 사용하고 있다고 말했듯이, 코드를 사용하고 있다면 Divi 일반 탭을 사용자 지정 CSS에서 다른 많은 테마를 느낄 수 있습니다 일반적으로 사용자 정의 CSS 필드가있는 사용자 정의 외관은 지금 약간의 공간을 만들어 보자

그것은 내가 미디어라고 부르는 제목입니다 제목을 부여하는 것이 항상 좋은 생각입니다 나중에 슬랩 스타 스타 슬래시를 찾을 수 있습니다 따옴표로 묶어 브라우저가 코드를 다르게 읽지는 않습니다 장치의 너비가 다른 화면이 있으며 예를 들어 데스크톱 24 인치 화면에서 볼 때 아마도 그것은 아마 내가 1900 년을 1080 픽셀로 추측하는지 모릅니다

그런 식으로 뭔가를 말해 줄 수있는 비디오 해상도를 확인할 수 있습니다 물론 우리 iPad는 훨씬 작아서 생방송으로되어있을 것입니다 훨씬 작아서 상황을 다르게 표시하고 싶을 수도 있습니다 여러 번 볼 수 있기 때문에 기기 크기가 다릅니다 아마 데스크톱에서 보았을 때 또는 제 위치에있을 때 숨 막힐 듯합니다

그들은 전화로 자리를 잡지 못할 것이므로 전형적인 미디어 쿼리를 추가합시다 실제로 미디어 쿼리는 실제로 아래에 하나 있습니다 그래서 당신은 항상 그 미디어로 시작합니다 매체에서 다음 화면을 말한 다음 일반 대괄호 세트를 엽니 다 그리고 여기 안에는 미디어 쿼리를 넣으려는 곳이 있습니다

거기에 두 배가 있어요 나는 그렇게 할 수 없을거야 내가이 순간에 그렇게 할거야이 크기 사이에 말이야 이 크기는 이러지 만 멕시크 폭으로 시작 하겠어

그냥 갈거야 1200 사진을 말하자면 내가 말하는 것은 화면이 크기는 가능한 한 최대 폭을 의미합니다 그 후 나는 단지 열리고 닫히는 1200의 사진의 안에서 지금 일부 중괄호와 여기에 넣은 것도 있습니다 적용될 필요가 없습니다 이제 분명히 적용될 것입니다

최대 너비를 가진 1,200 개의 그림 화면보다 작은 화면 1,200보다 작거나 같아서 여기에 우리가 얻은 것을 보자 작은 텍스트 블록은 그에게 클래스를 주어 실제로 목표를 지정할 수 있습니다 여기에 몇 가지 CSS가 있습니다 여기 Divi 테마에 관해서 설명 드리겠습니다 mq-1 클래스 예 미디어 쿼리에 대해 동일한 작업을 수행 할 것입니다

너는 네가 바라는대로 네가 원하는대로 네가 원하는대로 네가 원하는 것을 기억해 나는이 다른 것들에 대해서도 똑같이 할 것입니다 너 너 우리는이 방법으로 CSS는 그들이 이름을 가지고 있기 때문에 당신이 원한다면 그에게 이름을 부여하는 것과 같습니다 그걸 업데이트해라

지금 우리가 페이지 자체를 보면 꽤나 잘 알고 있습니다 이것을 증명하기 위해 저는 극적으로 CFS를 조금만 할 것입니다 f12 키를 눌렀을 때 무슨 일이 일어나고 있는지 확인해주세요 브라우저에서 Google 크롬을 사용하고 있습니다 f12를 클릭하면 inspector 개발자 도구 검사원이 나타납니다

그리고 반응하는 탭이 있습니다 일단 당신이 그것을 치면, 물건을 끌어서 내리고 밖으로 내밀어서 당신은 그것을 축소하고있는 것을 볼 수 있습니다 서로 붕괴되고 있습니다 위대한 것은 여기에 있습니다 그 번호의 실제 너비는 내가 그 번호를 뽑을 때 처음으로 번호가 매겨집니다

올라간다 다시 밀어 내려 가라 좋습니다 그래서 우리는이 모든 것을 제공 한 몇 가지 미디어 쿼리를 보여 드리겠습니다 mq-1의 이름입니다

나는 이것이 내가 그들에게 준 것이라고 믿습니다 그래서 무언가를 만들어 봅시다 방금 쓴 Nydia 쿼리는 1200 세 미만 이었으므로 뭔가를 만들자 1200 이하로 내려 가서 사용자 정의 CSS로 돌아가 보겠습니다 그래서 우리는 클래스에 mq-1을주었습니다

클래스 도트와 mq-1이라는 이름이 붙었습니다 중괄호를 열고 닫으십시오 여기서 CSS를 넣을 수 있습니다 그래서 우리 사이트를 보면 순간적으로 뭔가를 극적으로 보냅시다 아무 일도 일어나지 않습니다

이미지를 마우스 오른쪽 버튼으로 클릭하고 검사하면 이미지가 나타납니다 IMG 이미지가 있고 제목 태그를 마우스 오른쪽 버튼으로 클릭하여 검사하면 h2 그리고 당신은 단지 P가 될 것입니다 몇 단락 텍스트를 가지고있어 거기에 P가 강조 표시되었으므로 우리는 모든 것을 개별적으로 말할 수 있습니다 여기 전체 블록을 대상으로하므로 CSS를 추가해 보겠습니다 배경을 파란색으로 보자 텍사스 의사가 텍스트 라이트를 만들어 봅시다

우리는 잠시 그 ​​것을 떠날 것입니다 아니면 모든 것을 목표로 삼고 있습니다 이제 Elia 질의 중 하나의 키가 그 안에있는 텍스트를 대상으로 삼을 것입니다 단락 본문을 열어서 왜 그렇게 다시 열어서 곱슬 머리를 닫아야하는지 생각해 봅시다 괄호 한 번 흰색 FFF 6f 색상을 지정하고 이제 해당 제목을 대상으로합시다

그것은 미디어 쿼리 하나는 블록이고 내부는 h2 열기 닫기이며 curlies는 내가 노란색을 볼 필요가 없다는 것을 확인한다 그것은 단지 보일 것이다 이상하지만 거기에 우리는 괜찮아 그래서 그게 무슨 일이 일어나는지 보자 꽤보기 흉하게하자 우리의 변화를 저장하고 다시 HTML 사이트 또는 부트 스트랩 사이트를 사용하여 스타일에 넣을 수 있습니다

시트 또는 인라인으로 페이지 상단에 넣을 수 있습니다 이제 우리가 페이지로 돌아 가면 빨리 새로 고칩니다 이제 우리가 1454에있을 때 내가 1200보다 아래로 수축하면 재생할 이러한 변경 사항 그래서 여기에 배경이 사라진 것을 볼 수있는 12 9450 붐이 있습니다 지금 h2가 작동하지 않았다 하지만 배경이 바뀌고 텍스트가 흰색으로 바뀌는 것을 보았습니다

거기에 여분의 V가있는 이유는 무엇입니까? 이제는 물건을 표시하기 때문에 사용자를 말하는 것처럼 많은 용도로 사용됩니다 다른 기기에서 다르게 사용하면 네가 괜찮 으면, 더 잘 보일거야 그건 노란색이에요 옅은 황색이라고 말할 수 있는지 모르겠군요 하지만 약간의 패딩을 우리가 약간의 패딩을하고 싶습니다

거기에는 패딩이 없기 때문에 거기에 있습니다 당신 patek 내가 그것을 좋아하는 것처럼 조금 더 잘 보이게하기 위해 15 명의 사진의 종류를 줘라 이게 데모라고 말하면서 어떻게 될지 너무 걱정하지 않아요 알았어 그래서 거기에 그저 조금 더 아래로 움직일 것입니다

그것은 단지 텍스트 주위에 약간의 덧붙임을 추가했기 때문에 약간 분리되어 있습니다 괜찮아요 일단 우리가 12 이상으로 올라 가면 그것은 12 세 이하 였고, CSS를 할 수있는 것이 었습니다 다른 미디어 쿼리 및 이번에 다시 변경하자 작은 장치 및 텍스트를 오른쪽으로 정렬하자

추측해서 나는 이것을 단지 복사 할 것입니다 줄을 내리다 거기에 우리가 간다 나는 지금 그것을 복사했다 나는 말하기 위하여 말할 것이다 900가 보자 이 배경을 녹색으로 만들어 봅시다 국경을 넘겨 주자 국경을 넘겨 줘 나는 단단히 선택하게된다

당신 코딩 할 때 철자를 잘못 쓰면 기억하십시오 일들은 괜찮은 패딩을 잘하는 경향이 없습니다 여기 텍스트가 이번에는 노란색으로 만들어 보겠습니다 거기에 해시 태그가 필요하지 않습니다 우리는 색상을 사용하고 있습니다

센터에 텍스트를 저장하면 저장됩니다 텍스트 정렬 : 가운데 네가 알고있는 전투 바탕 화면에서 왼쪽으로 정렬하면 멋지게 보일 수 있습니다 하지만 휴대 전화에서는 계속 진행되기 때문에 중앙 집중식으로 원할 수 있습니다 거의 더 작은 스크린이 될 것입니다

당신 우리가 이미지를 갖고 싶지 않기 때문에 우리 사이트를 살펴보기로 결정할 수도 있습니다 여기에서는 지금은 아무 것도하지 않을 것입니다 900 번 이미지를 우클릭하면이 이미지가 잘 사라지기를 바란다 그것이 IMG인지는 알지만 IMG가 우리가 이미지를 만들 수 있다고 말할 수는 없습니다 더 커지거나 사라지게 만들 수 있습니다

나는 그것을 사라지게 만들 것입니다 그래서 그것은 mq 1 + OMG가 거기에있는 이미지 일 것입니다 다양한 기기에서 사이트를 맞춤 설정하기위한 더 많은 옵션 책임감있게 그 일을 알게 해줄 수 있습니다 내 말을하자 우리 사이트로 돌아 간다

나는 다시 12 번 새로 고쳐야 겠어 이제 우리가 12 세가되면 배경은 파란색 텍스트 흰색 등으로 갈 것입니다 우리는 9 이하로 내려갑니다 9는 녹색 배경을 켜야합니다 그 이미지가 사라져야합니다

그렇게 해보겠습니다 우리는 우리가 본 12에 이르렀습니다 이미 9시 아래로 내려 가자 거기에 배경이 녹색으로 바뀌고 이미지를 볼 수 있습니다 사라지고 그냥 센터 정렬하자

각각은 암소를 채색한다 당신 당신 우리는 거기에 갈 그리고 두 값을 다른 값으로 넣을 수 있습니다 당신 예를 들어 여기에 다시 들어가서 미디어 쿼리에 900을 물어볼 것입니다 이걸 다시 복사하자 논쟁이 말한다

우리가 600과 700 사이에서 일어날 일이 아마 효과가 없을 것이라고 말하지만 예제로 오, 내가 그것을 두 번 복사하자 그걸 없애 버리자 800 번 최대 폭 사이에 806 백분의 일이므로해야합니다 그 다음에 그 다음에 더 많은 정규 괄호를 추가하면됩니다 최소 너비 우리가하는 말의 908 백분의 600 600pics 좋아

그래서 우리가 거기에서 약간의 여분의 공간을 만들었습니다 우리는 그것을 말하고 있습니다 화면의 최대 너비는 800이고 최소 너비는 600이므로 최소 600 개의 최소 800 가지 종류의 작은 태블릿 또는 그와 비슷한 것 또는 심지어 우리가 뭔가 일이 일어나길 원한다는 큰 전화는 이렇게 말하죠 우리가 볼 수있는 것을 아주 붉게 만들어서 아주 추악한 것을 볼 수 있습니다 사이트 패딩은 패딩을 10 단계까지 떨어 뜨립니다

가자 노란 경계 P와 우리의 텍스트가 전혀 표시되지 않도록합시다 그래서 나는 단지 display : none을 넣었다 우리는 그것을 중심으로 유지할 것입니다 아마도 우리는 너를 볼 수 있도록 물건을 돋보이게하려고 다시 한번 노란 색으로 만들어라

이번에는 중심에있는 일이 멀다 우리의 이미지를 더 크게 만들자 우리의 이미지가 너비와 높이로 만들어 보자 그래서 순간은 150×150입니다 생각합니다

깃발을 던지고 있다는 것을 알고 있습니다 거기에 노란 색으로 노란 색을 칠하면 그는 동시에 말하는 타입이 될 수 있습니다 좋아, 그래서 우리가 뭐라 말할지라도 우리는 너비와 높이를 줄거야 250 속성을 가정 해 봅시다 정사각형 이미지인지 높이인지는 모르지만 250을 놓아 두어 그것을 확보 할 수는 있지만 그것을 왜곡하지는 않습니다

데모 용일 뿐이에요 좋아 우리가 여기서 한 일이 그 아래에있는 다른 것을 보자 그래서 우리는 가고있다 800 ~ 600 pix 사이에서 이것을 원한다

우리가 저장 한 우리의 사이트로 돌아가 봅시다 상단 그래서 파란색 1200 900은 녹색이고 이미지 없음 거기 그것이 있고 지금 우리는 800에서 600까지 우리는 텍스트 이미지를 원하지 않는다고 말했습니다 250보다 커야하고 우린 여전히 제목이나 신념을 가지고 있으므로 거기 가서 우리는 어떤 이유로 든 이미지가 없다 우리는 노란 경계와 제목을 얻었다 왜 우리는 아무런 이미지도 얻지 못했다

다시 표시하라는 말 우리가 너를 간다 당신 약간의 여백이있다 나는 그것에게 정상에 부정적인 여백을 줄 것이다 그 상자에 다시 넣을거야 당신 당신 거기에 우리가 다시 들어가서 괜찮아

우리가 그 멍청 했어 제목 아래 이미지가 축소 되어도 이미지가 표시되지 않고 이미지가 아래로 떨어지면 오직 6 ~ 8 백 명 정도의 사람들 만이 그렇게하기를 원한다 우리는 600 이하로 떨어집니다 그 전의 상태로 되돌아갑니다 당신 네가 끝내려면 600 이하의 모든 것을 말할 수있을거야

나는이 한 번 더있을거야 그래서 600 이하로 떨어지려면 최대 너비 600 이제는 우리가 최소로 제거 할 수 있습니다 왜냐하면 우리가 정말로 영향을 미치기를 원하지 않기 때문입니다 아무것도 우리는 배경을 말할 것이다 : 백색 당신이 무엇을 원 하든지 당신이 무엇을 원 하든지간에 그것은 패딩을하고 싶습니다 너무 많이 거기에 있었고, 나는 이쑤시게 입체를 샀다

우리는 우리의 텍스트를 되 찾을 것입니다 각각의 말 도서관 너 우리는 그것을 중심 이미지로 유지할 것이다 우리가 거기서 먹어서는 안된다고 말하면 돼 사실 나는 그것을 버리고있어 이미지가 단지 기본 설정이라는 것을 보여주고있다 이제 거기에 마지막으로 닫는 중괄호를 쓰고 싶지 않습니다

미디어 쿼리를 수행 할 때마다 결국에는 CSS를 넣을 때는 항상 한 번만, 실제 미디어가 들어있는 경우에는 한 번만 사용할 수 있습니다 질의 자체는 이제 어떻게되는지 보자 우리는 다시 그릴 것입니다 이 빨간 비트가 여기있는 이유는 그 이미지를 두드리고 있었으니 그냥 해보 죠 이 섹션에 빨리 있었기 때문에 그 10 명의 사진을 잘 만들자

당신 효과를 내기 위해 25 개의 사진을 만들어 보겠습니다 좋아, 우리가 그 위로 가기 새로 고침을 취소 저장 우리는 그것을 크기로 끌어 내리기 시작할 것입니다 그래서 우리는 일어날 일을 알고 있습니다 그곳에 900 거기에있을 것입니다 그리고 800에서 600 사이에 우리가 간다 그래서 즉시 넓이와 높이를 부여했습니다

실제 너비보다 더 큽니다 요소 자체 그 다음 600 이하 그래서 우리는 그 텍스트를 검정색으로 만들었습니다 당신 여보세요 600 오줌 마저 우리가하지 않았어 아무것도 표시하지 않고 방금 다시 표시하도록했습니다 좋습니다

당신 거기에 우리는 포터도 거기에 간다 우리가 방금 더 작은 것을 말했기 때문에 그것이 바뀌지 않을지라도 600 명이 넘는 사람들은 똑같은 일을하기를 원한다 그러면 우리는 600 명을 되돌릴 것이다을 더한 그래서 나는 당신을 위해 사물을 설명하기를 바란다 미디어 쿼리는 귀하의 사이트 사용자 경험을 사이트는 계속해서 건물과 건물을 유지하고 건물을 짓고 다른 건물을 만들 수 있습니다 작은 화면과 큰 화면에서 일이 발생하여 사용자가 최고의 경험을 얻고 모든 것을 읽을 수있다 가능한 한 최선의 방법이 있으므로 간단한 설명이 있습니다

당신과 당신이 CSS로 할 수있는 모든 것들에 대한 미디어 쿼리에 대한 설명 미디어 쿼리 내부에서 좋은 효과를 얻을 수 있기를 바랍니다 그게 도움이되었습니다 우리 채널을 구독하고 당신이 웹 디자인에 관심이있는 경우 이것을 즐긴다면 비디오 아래의 웹 디자인 코스 중 하나는 YouTube 구독자에게는 멋진 무료 코스가 한 번 있습니다 다시 이것은 시스템 22의 jamie와 기술 팁의 웹 디자인에 감사드립니다 보고 좋은 하루 되세요

How to Add to Your Website an Image Slider Using Elementor?

안녕 모두 이 비디오에서 나는 당신을 쉽게 창조하는 방법을 보여줄 것입니다

이미지 슬라이더를 Elementor page builder를 사용하여 만듭니다 엘리멘탈을 제외하고 우리는 JetElements라고하는 플러그인이 하나 더 필요합니다 아래 설명에서 링크를 클릭하면 플러그인이 표시됩니다 그리고 지금 당장 JetElements로 만든 디자인의 예를 살펴 보겠습니다 플러그인

JetElements는 Elementor 용 블록 및 모듈 집합과 함께 사용됩니다 페이지 빌더 그래서 가서 체크 아웃 이 자습서에서는 Monstroid 2 Elementor WordPress 테마 및이 테마에 대한 링크를 남겼습니다 설명에서도 마찬가지입니다 이제 Elementor 편집기와 Elementor 캔버스가 여기 열리고 요소 패널로 이동 한 다음 이 슬라이더 위젯을 검색하십시오

그것은 그렇게 보일 것입니다 이 위젯은 JetElements 플러그인과 당신은이 위젯을 움켜 잡고 새로운 섹션 및 여기의 항목 탭에서 항목 목록을 볼 수 있습니다 이미지를 추가하십시오 그냥 두 가지 항목을 빠르게 추가하겠습니다 이 슬라이더가 자신의 것으로 어떻게 보이는지에 대한 예를 볼 수 있습니다

이미지 마찬가지로 사전 설정 및 기본 설정을 사용할 수 있습니다 너처럼 모든 단일 슬라이드에는 아이콘이있을 수 있습니다 제목 부제

설명과 2 버튼 두 번째 버튼에 대한 링크를 활성화하면 그래서 그래서 여기에 두 개의 버튼이 있고 각각에 대해 동일한 설정이 있습니다 항목을 참조하십시오 더 많은 항목을 추가 할 수 있습니다

여기에는 네비게이션과 같은 슬라이드의 동작을 결정하고, 자동 재생, 자동 재생 지연,이 슬라이드의 이동 방법 마우스를 가져갈 때 어떤 버튼이 표시되는지, 미리보기 이미지가 표시 될지 여부 나는 실제로 이것들을 제거 할 것이다 양쪽에 화살표가있어서 맨 아래에 축소판 만 놓고 보겠습니다 그렇게 두 번째 버튼을 제거하십시오 보시다시피 매우 간단하지만 원하는 경우 이 슬라이더를 전체 너비로 설정하면 페이지의 너비가 모두 적용됩니다 섹션 설정으로 이동하여 레이아웃 설정으로 이동하여 stretch section 옵션을 yes로 설정하고 내용 너비를 전체 너비로 설정하십시오

그때 이제이 슬라이더가 페이지의 모든 너비를 차지한다는 것을 알 수 있습니다 정말 사용중인 이미지에 따라 다르며 전체 페이지 슬라이더의 경우 더 낫습니다 고해상도 이미지를 사용하십시오 이제 Elementor로 이미지 슬라이더를 쉽게 만드는 방법을 알았습니다 만약 너라면 비디오가 엄지 손가락을 남기고 우리 채널에 구독하고 좋아하지 않는 것을 좋아했습니다

설명에있는 링크를 확인하는 것을 잊지 마십시오 시청 해주셔서 감사합니다