웹 ( 11 ) 체계정리-워드프레스 활용 정보 WordPress 활용 정보 정리. 워드프레스를 이용하여 사이트 구축할 때 필요한 실전활용정보 체계적 정리 글. 본 블로그내에서 신규 정보가 새롭게 등록될 때마다 본 페이지에서도 해당정보를 찾아가기 쉽도록 추가 정리되므로 블로그 여기저기 검색할 필요 없이 본 페이지만 보면 워드프레스 관련된 모든 정보를 일목요연하게 볼 수 있음. 설치, 설정 순서 본 내용은 워드프레스를 초기에 설치한 직후에 다른 여러가지 플러그인, 테마, 등등 을 설치하기전에 먼저 설정해둬야 할 사항들 모음이다. 설정 순서가 중요한 경우들이 있다. 아래 번호순서로 하면 무난함. 아래 설치되는 것들 중 특히 멀티사이트,멀티도메인, WPML(다국어플러그인) 은 워드프레스 셋팅 초기에 이뤄지는 것이 타당하다. 즉, 시스템/구조적인 부분은 먼저.. 2019. 12. 31. Alibaba Cloud. 알리바바 클라우드. 신규 가입하기. 알리바바 클라우드 회원가입. 클릭 - 알리바바 클라우드 방문하여 아래 동영상1처럼 신규 계정 만든다. 동영상1. 동영상2.상기 동영상 마지막 단계에서 본인 이메일에서 인증번호 기입한 이후, 결제수단을 사전 등록한다. 이 단계에서는 돈이 나가는거 아님. 신용카드, 페이팔 가능 . 동영상3. - 결제수단 등록하는것. 신용카드 혹은 페이팔 가능. 본 예에서는 페이팔 선택했다. 동영상4. 첫글등록 : 2018년 8월15일최종수정 : 본글단축주소 : https://igotit.tistory.com/1789 2018. 8. 15. CSS 파일 만들기. 개요. 본 글에서 CSS 파일만들기 및 주석과 구문 작성 기본 사항 정리한다. 설명. 확장자 css 인 파일을 별도로 준비해두고, html 내 에서는 이 파일을 링크 걸어 사용하는 방식을 주로 이용한다. 별도로 만들어져 있는 css파일이름이 style.css라고 하자. html 의 사이에 아래처럼 기록되면 된다. css 파일이 있는 곳은 웹서버와 동일서버/ 외부 서버 모두 가능하다. 아래 내용에서는 css 파일 만들기 관련으로 고려사항 설명한다. 1. CSS 파일 만들기 CSS 파일 만들기. 1. 텍스트 편집가능한 프로그램으로 확장자를 css 로 해서 임의의 파일명으로 만든다. 2. 문서인코딩은 UTF-8 ( BOM 없는) 로 저장한다. 사용할만한 툴 : Notepad++. 설치 보기 -> http://.. 2014. 10. 29. CSS 선택자 활용정보 요약. CSS 의 Selector (선택자) 활용 정보 요약. 선택자 대표 적인것. 타입 선택자 (Type Selector) 아이디 선택자 (ID Selector) 클래스 선택자 (Class Selector) 전체 선택자 (Univeral Selector) 위 선택자외 모든 선택자 보기 -> http://igotit.tistory.com/167 3종의 선택자 각각을 살펴본다. 타입 선택자 html 요소를 CCS 구문의 선택자로 기록한다. 예: html 에 가 있고, 이를 CSS에서 이 부분을 설정하고 싶다면, P{color : red;} 아이디 선택자 html에서 타이틀: 잘먹고 잘사는법 처럼 id="" 으로 지정된 것을 CSS 구문의 선택자로 기록한다. 아이디 선택자기록시 #을 앞에 부착한다. 즉, #id1{.. 2014. 10. 29. CSS Property(속성) 전체 리스트. Property 전체 리스트 W3C 에서 제공하는 Property 정리 테이블 -> http://www.w3.org/TR/css-2010/#properties 복사해옴. Name 에 있는 것이 속성이며 클릭하면 상세정보를 볼 수 있다. Name Values Initial value Applies to Media background-attachment scroll | fixed | inherit scroll visual background-color | inherit transparent visual background-image | none | inherit none visual background-position [ [ | | left | center | right ] [ | | top | center.. 2014. 10. 29. CSS Selector(선택자) 전체 리스트. W3C 제공 CSS3 Selector 상세설명 -> http://www.w3.org/TR/css-2010/#selectors 에서 제공하는 Selector 전체 리스트 복사해옴. 아래 링크를 클릭하면 해당 Selector 의 상세설명 볼 수 있음. The following table summarizes the Selector syntax: Pattern Meaning Described in section First defined in level * any element Universal selector 2 E an element of type E Type selector 1 E[foo] an E element with a "foo" attribute Attribute selectors 2 E[foo="b.. 2014. 10. 29. css (cascading style sheets) 요점 정리 및 활용시 필요한 상세정보 있는 곳. 개요 본 글은 웹에 표현되는 html에서 css 를 활용하기 위한 CSS 개념정리 글. css 구문의 세세한 속성 설정법 등은 본 글에서 설명되지 않는다. 본글에서 CSS의 명확한 개념정리가 되면, 그 다음 할일은 css 구문의 속성별 상세한 성질, 구문에서 selector 설정법을 알아야 함을 알게되며 이들 정보를 어디서 구할 수 있는지 정리한다. 1. CSS (Cascading Style Sheet) 가 무엇? CSS : Cascading Style Sheet 의 약어. CSS 기능 : 웹페이지에 정보를 표현하는 규격인 html 과 연동되어 웹에서 html(xhtml, xml 포함 일반적으로는 마크업언어) 이 웹브라우저에서 "표현"되는 방식(웹페이지 레이아웃 및 글자의 폰트, 색상 등)을 지정한다. .. 2014. 10. 29. CM Tooltip Glossary 설치,사용법-워드프레스 툴팁 표현 플러그인. 개요 본 글에서는 워드프레스 플러그인 CM Tooltip Glossary 설치와 기본활용법을 보인다. 플러그인의 기능 : 웹 페이지 글 내용 중에 미리 지정된 용어에 마우스를 가져가면 자동으로 툴팁을 보이고 그 속에 해당용어 설명 표현 한다. 플러그인 URL : https://wordpress.org/plugins/enhanced-tooltipglossary/ 기타 정보 : CM Tooltip Glossary 외의 여러 종류의 툴팁 플러그인 조사 자료 보기 -> http://igotit.tistory.com/59 1.설치 - CM Tooltip Glossary 워드프레스 관리 사이트 좌측 메뉴 -> 플러그인 -> 플러그인 추가하기 -> 우화면 검색창에 CM Tooltip 으로 검색된 결과에서 보이는 아래.. 2014. 10. 5. 웹페이지 목차, 스크롤 따라다니게 하기, sticky, floating 개요 - 스크롤 따라다니는 목차 구현대상 본 글에서는 워드프레스의 글의 목차가 앞부분에 고정되지 않고 사용자가 브라우저 스크롤 해도 차례가 따라 다니도록 구현한다. 필요성 웹사이트에 게시된 1페이지 문서의 길이가 길고, 헤딩 부가된 제목이 여러 개 있는 문서는 차례를 보여주면 매우 유용하다. 통상 문서의 첫 부분에 고정된 차례가 제시 되는 경우가 많으나(아래 그림), 사용자가 웹브라우저를 아래로 스크롤 하면 차례는 보이지 않게된다. 문서 내에서 다른 부분으로 찾아가려면 다시 문서의 상단으로 와서 차례를 보고 찾아가야 한다. 안 좋다. 위 문제를 해결하기 위하여 본 글에서는 차례를 사이드바의 위젯에 배치하고 스크롤을 따라다니게 구현한다. 사용자가 스크롤 해도 차례는 계속 보이므로 문서내의 다른 곳으로 찾아.. 2014. 10. 5. 완전정리-클라우드 드라이브를 호스팅서버로 활용하는 법. Cloud Drive for Hosting 웹호스팅시에 클라우드 드라이브를 이미지(혹은 기타 파일들)의 호스팅 용도로 사용하고 싶은데, 대부분의 클라우드 드라이브는 다이렉트 링크를 막아둬서 호스팅 용도로 사용하기 어렵다. 구글드라이브는 호스팅서버로 사용가능하다. 본 글은 구글 드라이브를 호스팅서버로 활용하는 방법들을 정리한다. 각 단계별 세부 정보들은 블로글 내부 글로 연결되어있다. 필요한 정보에 찾아가기 쉽게 구성한 정리글. 실전활용 필수정보만 정리 구글드라이브를 호스팅 서버로 활용하기. 주의: 본 설명에서의 "구글드라이브를 웹에서 파일이나 이미지등의 호스팅 용도"로 사용하는것 불가함. 사유 : 구글측에서 호스팅 주소로 접근 불가하게 서비스 중지하였음. 구글측의 구글드라이브 호스팅 기능 일방 중단 통보.. 2014. 10. 4. 웹 사이트 글에 소스코드 하이라이트 표현 비설치형 비교 및 선택 개요 목적 : 운영중인 웹사이트의 글 내용에 소스코드를 보이게 하려는 경우, 소스코드의 문법에 맞게 색상으로 하이라이트 되어 표현되게 하고싶다. 위 목적을 달성하는 방법은 크게 3종류가 있다. - 본 글에서는 3번 웹기반 변환서비스 이용하는것을 다룬다. 1. 본인이 사용하는 블로그의 서버에 이미 설치되어있는 것.2. 자신이 직접 코드 하이라이트 기능을 위하여 설치하는 것.3. 웹기반으로 코드 문법 하이라이트 변환서비스를 이용하는 것. 이 중에서 1과 2는 사이트 운영하는 서버에 의존적이고, 2번의 경우 설치하는 과정을 거쳐야 한다. 싫다. 제외한다. 본 글은 3번 방식에 대해서만 조사된 자료이다. 웹기반 서비스도 많아서 어떤 것을 선택할지 비교해봐서 골라야 한다. 본 글에서는 웹기반 코드변환 서비스들을 .. 2014. 10. 3. 이전 1 다음
