web42 CSS 부터 다시 공부해보기 CSS란 Cascading Style Sheets, 자주 사용한다.주로 위와 같이 사용 한다.h1 { color:red }h1 { color:red; font-style:italic; } 여러개의 속성을 지정하는 경우 ;(세미콜론)으로 구분한다.h1: 선택자color: 속성red: 값CSS 각 속성에는 미리 초깃값이 지정되어 있다.font-weight: normal;위의 속성과 아무것도 입력하지 않은 속성값은 동일하다./* CSS의 주석은 이렇게 표시한다. */여러 요소에 같은 스타일을 지정하는 방법과 모든 곳에 스타일 적용하는 방법h1, h2 { color:red; font-style:italic; }h1, h2를 쉼표로 구분해서 넣는다.*{ font-family: serif; } (*을 전체 선택자.. 2024. 7. 23. 워드프레스 보안을 위해 이런 플러그인을 설치한다. 워드프레스 보안 WP Content Copy Protection워드프레스 사이트로 들어갔을 때 텍스트나 이미지를 긁어서 가져갈 수 없게 만들어 준다.워드프레스 보안은 우리나라 네이버 블로그나 티스토리 블로그보다 뭔가 더 허술한 것 같은 느낌이다.물론 워드프레스가 아무것도 안하는건 아니고 현재 6.5.2 버전까지 나왔는데 그래도 항상 보안에 관한 글이 올라온다. iThemes Security무차별 대입공격을 막기 위한 플러그인Brute Forece Attack 이라고 불리는 무차별 대입 공격은 워드프레스 로그인 페이지의 접속 주소를 알아낸 뒤해킹프로그램으로 로그인 페이지에 아이디와 비번을 무작위로 대입해서 로그인을 시도하는 공격이라 보면 된다.이런 무차별 대입공격을 막기 위한 플러그인이라고 보면 된다.워드.. 2024. 5. 4. 애드센스 승인받고 SEO 검색 엔진 최적화 하는 방법 승인받는 것보다 수익을 올리는 게 100배 더 어렵다.승인받는 건 계속 그냥 시도하면 그냥 되는 것 같고.. (이건 랜덤인 듯.. 최근에 하루에 2개가 승인됐다)검색엔진 최적화를 통해 방문자를 유도해야 하는데그중 한 가지 방법으로 '외부링크'를 활용하는 건데구글 기준이긴 한데 구글은 외부링크가 많이 걸린 웹사이트를 검색할 때 검색 결과 상위에 노출되도록 검색 순위 가중치를 준다고 한다.사람들이 많이 모이는 웹사이트나 공공기관 등 권위 있는 웹사이트에 연결된 외부 링크를 구글은 좋은 웹사이트라고 판단하는 기준이 된다고 한다. 그런데 그런 사이트에서 자신이 운영하는 사이트의 링크를 걸어두지 않기 때문에내가 내 사이트에 다른 사람의 좋은 콘텐츠를 내 웹사이트에 링크하라고 하는데..내 사이트가 링크되지 않더라.. 2024. 5. 3. 워드프레스 설치 후 초기세팅하면 좋은 것들 워드프레스 기본편집기 뭐가 좋을까?최근의 워드프레스를 설치하면 Twenty Twenty-Four 테마가 설치되고워드프레스 6.5.2 버전이 깔린다. 워드프레스 기본 편집기는 블록 편집기로 설정되어 있는데처음 워드프레스를 사용해 새 글을 쓰면 블록편집기는 어색할 수 있다.그럴 때 사용하는 것이 바로 '클래식 편집기'플러그인 검색을 들어가면 바로 첫 번째로 나오는 게 '클래식 편집기'인데블록편집기에 익숙해지느냐 아님 처음부터 그냥 클래식 편집기를 사용하느냐는두 가지 편집기를 모두 써보고 결정하자지금은 블록편집기에 적응하려고 노력 중이긴 한데번갈아 쓰는 것도 방법이다. 클래식 편집기, 블록 편집기 변경하는 방법워드프레스 관리자 메뉴로 들어가서[설정]-[쓰기]로 들어가면모든 이용자에 대한 기본 편집기라고 나와있.. 2024. 4. 27. 코파일럿 한글 서체 변경은 안될까? 코파일럿의 한글폰트가 너무 별로다 종종 코파일럿 AI를 이용하는데 한글서체 가독성이 떨어져서 서체를 변경하고 싶은데 변경할 수 없다고 한다. 엣지브라우저를 사용하고 있는데 방법이 없다고 한다. 못생긴 한글서체! 마치 옛날 컴퓨터에서 사용하던 글꼴 같은 느낌이다. 왜 못 바꾸게 막아둔 걸까? 더 빠른 속도를 내기 위해서?? 2024.03.13 - [IT 제품리뷰] - 라이카 SL3 4년만에 돌아왔다 라이카 SL3 4년만에 돌아왔다 압도적 화질과 해상도, 효율성의 증대 라이카 SL3는 6000만 화소 풀프레임 CMOS 센서와 마에스트로 IV 엔진, 최상의 렌즈를 결합해 전설적인 화질을 자랑한다. 주목할 점은 6000만/3600만/1800만 화소의 smilewolf.tistory.com 2024.03.13 -.. 2024. 4. 1. 마이크로소프트 팀즈 출시한다. MS협업툴 팀즈 출시 화상채팅, 업무협업 등 다양하게 활용할 수 있는 업무협업툴을 마이크로소프트에서 정식 출시했다. 윈도우만 지원하는게 아니라 맥용앱까지 출시했다. 올해 초에 미리보기로만 공개되었었는데 드디어 정식출시. 무료로도 사용가능하고 유료 팀즈 요금제를 이용하면 기업용 개인용 버젼이 따로 되어 있는데 개인용으로 활용한다면 무료로 이용할 수도 있고 유료버전을 이용한다면 월 8,900원으로 ms오피스 전 제품군을 이용할 수도 있다. 한번 체험해 보고 싶다면 월 11,900원 요금제로 가입하길 추천한다. 이 요금제를 이용하면 1달 이용료가 무료라고 한다. https://www.microsoft.com/ko-kr/microsoft-teams/group-chat-software#Key-message 화상 .. 2023. 10. 10. 워드프레스 아코디언 디자인 참고 워드프레스 아코디언 메뉴 참고 간단해 보이는데 작동하는데는 신경쓸게 너무 많다! 2023. 9. 8. divi 아코디언 메뉴 마우스 오버했을때 색상 및 서체 크기 변경하는 방법 아코디언 메뉴 뿐 아니라 기본적인 사용법은 동일하다 divi 테마 프로그램의 기본 사용방법인데 이걸 모르고 있었다니! 아코디언 메뉴에 마우스를 올리면 서체크기와 색상을 변경하려면 위에 보이는 메뉴는 거의 모든 속성창과 동일한데 아이맥 모양의 아이콘 오른쪽에 있는 마우스버튼 아이콘을 클릭하면 마우스 오버를 했을때 변하는 모든 설정을 변경할 수 있다. 추가로 닫힌 아코디언 높이를 변경하는 방법 divi 테마 옵션으로 들어가서 css 코드를 추가해야 한다. .vertical-align .et_pb_toggle.et_pb_toggle_close{ padding-top: 11px !important; padding-bottom: 11px !important; } 위에 있는 11px 값을 원하는 높이로 변경해주면 .. 2023. 9. 5. divi 메인 배너 줄바꿈 및 행간 조절하는 방법 메인 배너에 줄바꿈 기능이 없어서 메인 배너에 들어갈 텍스트를 입력하면 자동으로 줄바꿈이 진행되서 내가 원하는 장소에서의 변경이 불가능했다. 아래는 내가 원하는 문장에서의 줄바꿈을 해결한 화면 태그를 사용하고 싶은데 메인 배너의 텍스트입력란에는 태그 적용이 안되더라. 그럼 어떻게 해결할 수 있나? 메인 타이틀에 텍스트를 입력하지 않고 본문 텍스트 입력하는 곳에 텍스트를 입력해야 여러가지 태그 속성을 적용할 수 있다. 메인 텍스트는 처음부터 로 분류해서 입력을 하고 폰트크기나 행간의 경우 style로 적용을 해서 하나 하나 값을 입력해줘야 한다. font-weight: font-size: line-height: 지금은 마구잡이고 px을 쓰다가 안쓰는 곳도 있고 하지만 하나하나 정리해줘야지! + 처음 'Te.. 2023. 9. 5. divi accordino module 값 변경하는 방법 폰트 세로 가운데 정렬 divi Accordion 모델에 클래스 이름을 먼저 지정해줘야 한다. 개별 커스텀값 옵션이 없는 경우에는 대부분 새롭게 정의를 해줘야 하는데 아코디언 메뉴에서 수정하려는 부분의 클래스 이름을 정의해줘야 한다. 아코디언 모듈 선택후 'advanced' 메뉴에서 CSS Class 이름을 vertical-align 이라고 지정해줬다. 이건 알아보기 쉬운 이름을 지정해주면 된다. '세로 정렬값' Divi Theme Option으로 들어가서 CSS값을 설정해줘야 한다. 저 위에서는 아코디언 메뉴의 클래스 이름만 설정을 해준거고 이제 그 이름을 붙인 아코더언 메뉴의 설정을 바꿔주려면 CSS값을 변경해줘야 하는데 DIVI- Theme Option으로 들어가서 변경해야 한다. Custom CSS 입력공간에 다음을 넣.. 2023. 9. 5. divi theme 기본 폰트변경 하는 방법 워드프레스 메인 화면에서 'Theme Customizer'를 선택한다. 너무 쉬다가 다시 시작하는 워드프레스 자동 번역되는 글이 너무 엉망이라서 영문으로 변경해서 쓰는 중인데 아직 워드프레스에 익숙하지도 않은데 바로 영문으로 변경해서 좀 햇갈리긴 하는데 나중에는 오히려 이게 더 편할지도 모르겠다. 워드프레스 기본 default 값을 변경하려면 테마커스텀으로 들어가야 한다. General Settings 에서 거의 대부분을 변경할 수 있다. 여러가지 기본값을 변경할 수 있는 부분이 많지만 기본 서체의 경우 general settings로 들어가서 변경할 수 있다. Typography 로 들어가준다. 익숙해지면 쉽게 찾을 수 있겠지만 일단은 잊기전에 기록해두는 용도로 Customizing -> General.. 2023. 9. 5. divi builder 아코디언 메뉴 열리는 속도 조절하는 방법 divi theme 에 있는 아코디언 메뉴 열리는 속도를 조절하는 방법 divi 모듈중에 아코디언 모듈이 있는데 이게 기본으로 사용하면 문제가 없는데 안쪽에 이미지를 넣고 간격을 조정한다던지 하나하나 조정하려면 기본 설정으로는 안되는 경우가 많다. 아코디언 메뉴의 경우 버튼을 클릭하면 메뉴가 열리면서 텍스트가 에니메이션으로 표현이 된다. 하지만 에니메이션의 속도를 조절한다던가 디테일한 조정은 역시나 코딩값을 입력해야 변경을 할 수 있다. 기본 디폴트값이 느리게 설정이 되어 있어서.. 그런데 하나의 값을 조정해 버리면 새로 추가하는 아코디언 모듈이나 기존이 있던 다른 아코디언 모듈의 값도 모두 바뀐다. 이것도 하나하나 개별로 셋팅하는 방법이 있을것 같긴하지만.. 지금 디자인하고 있는 페이지에서는 1개의 아.. 2023. 8. 22. 이전 1 2 3 4 다음
