워드프레스에서 비공개로된글 검색하기


팀내에서 워드프레스를 이용해서 위키 사이트를 운영중입니다.

사용중 저희 팀에게만 공개하고싶은 글들이 있었습니다.


이런글들은 비공개로 설정해놓고 로그인한 저희 팀원들만 보도록 권한설정을 사용중입입니다.

하지만  다른사람들이 쓴 비공개글은 검색이 되지 않아서 상당히 불편합니다.


이를 검색되도록 하기위해선 외모 -> 테마편집기에서

functions.php에 아래와 같은 함수 추가하면 해결 됩니다.



add_action('pre_get_posts','filter_search');

function filter_Search($query){

    if( is_admin() || ! $query->is_main_query() ) return;

    if ($query->is_search) {

        if( current_user_can('edit_private_posts') ) {

            $query->set('post_status',array('private','publish'));

        }

    }

}

아바다 테마로 홈페이지를 만들때 Content Boxes에 내용을 클릭하면 modal창을 뛰우고싶었습니다.

button같은경우 modal id를 입력하는 부분이 있어 쉽게 가능했는데 Content Boxes에서는 없어서 하지 못했었습니다.

검색끝에 방법을 찾아서 공유합니다.



워드프레스 아바다 테마 사용할때 modal 팝업창으로 링크를 하기위한 숏코드 사용법입니다.


[modal_text_link name="MyModalID"]여길클릭하면 modal팝업창이 뜹니다.[/modal_text_link]


미리 modal 창을 만들어놓고 그 id를 name에 넣어주면 됩니다.


위 코드를 Content Boxes의 Content Box Content에 넣어주시면 Content Box의 text를 클릭하면 Modal Popup 창이 뜹니다.





기본적으로 워드프레스에서 메뉴는 1라인입니다.

멀티라인이 필요할때가 있는데 멀티라인을 만들어 보겠습니다.


저는 아바다 테마를 사용하는데 아바다테마의 메뉴를 예시로들어 만들어 보도록 하겠습니다.



바꾸기전 메뉴



바꾼후 메뉴




워드프레스 관리자 메뉴 -> 외모 -> 테마편집기 -> css로 들어갑니다.

메뉴의 text의 속성을 설정한 클래스(main_menu_heigh)를 만듭니다.


아래를 style.css에 추가하고  파일 업데이트를 클릭하여 저장합니다.


.main_menu_height {

line-height: 1.5;

}


* line-height는 간단하게 설명드리면 열과 열사이의 간격을 뜻합니다. 일반적으로 1.2나 1.5를 많이 사용합니다.

main_menu_heigh 클래스에 폰트속성등을 다양하게 설정한다면 글자크기가 틀린 2라인 메뉴등 여러가지로 구성할수있습니다.


이제 클래스는 만들었고 메뉴를 변경해보도록하겠습니다.

워드프레스 관리자메뉴 -> 외모 -> 메뉴에 들어갑니다.
바꾸고싶은 메뉴에 새로 만든 클래스를 적용시켜 주면 됩니다.

WHO WE ARE메뉴와 CONTATC 메뉴를 아래 그림을 참조해서 변경합니다.

WHO WE AR  -> <p class="main_menu_height "> WHO WE ARE<br>  2 line menu</p>
CONTACT  -> <p class="main_menu_height "> CONTACT<br>  2 line menu</p>



메뉴 저장을 클릭하여 저장합니다.


이제 홈페이지를 보시면 아래처럼 메뉴가 변경되어있을것 입니다.

* 제가 한 방법으로는 정렬이 먹히지 않았습니다. 임시적인 해결방법은 공백(&nbsp;)을 메뉴명에 넣어서 문자열수를 맞추면 조절이 가능합니다.







개인적으로 워드프레스를 사용해서 홈페이지를 종종 만듭니다.


주로 정렬을 바꾸고 글자크기를 바꾸고 하는 명령어들을 사용하는데


웹쪽은 잘몰라서 필요할때 마다 검색을 해서 하기에 시간이 많이 소요됩니다.


그래서 제가 개인적으로 워드프레스를 가지고 홈페이지를 만들때 주로사용할때 필요한 명령어를 정리할 예정입니다.



좌, 우, 가운데 정렬


<P align=left>왼쪽정렬</P>

<P align=right>오른쪽 정렬</P>

<P align=center>가운데 정렬</P>


또는


<p style="text-align: left;">왼쪽정렬</p>

<p style="text-align: left;">오른쪽 정렬</p>

<p style="text-align: left;">가운데 정렬</p>


왜인지는 모르겠지만 둘다 먹히는부분도 있고 특정 하나만 먹히는 부분도 있습니다.



BOLD


<STRONG> 강조하고싶은말 </STRONG>



FONT 색깔바꾸기


<span style="color: #ffffff;">



+ Recent posts