안녕하세요?

위글에서 말씀드린 코드는 테마마다 커스텀 CSS 코드 입력하는 곳이 있습니다.
아마 워드프레스 테마라면 100% 있을 것인데요. 여기에 넣어도 되고요(일반적으로 많은 분들이 그렇게 한다고 알고 있습니다.)

그리고 테마를 자주 바꾼다면 테마 변경시마다 이 코드를 적용하는 것은 귀찮은 일이므로 저는 /wp-content/mu-plugins 폴더를 만들고 여기에 custom_css.php 파일을 만들어 관련 코드를 적용하고 있습니다.

아래는 제가 사용하고 있는 코드인데요.. 일부 설정 코드는 지웠습니다.

<?php
/**
 * Plugin Name: Happist 
 * Description: Happist 사용자 정의 
 */




// 스타일 정의 
add_action( 'wp_head', 'last_head_style', 99 );
function last_head_style() { ?>
<style>
 
 @charset “utf-8″
 @font-face {
 font-family: 'notokr-demilight';
 font-style: normal;
 font-weight: normal;
 src: local('나눔바른고딕'), local('NanumBarunGothic'), local('나눔바른고딕OTF'),local('NanumBarunGothicOTF'), local('애플 SD 산돌고딕 Neo'), local('Apple SD Gothic Neo'), local('Noto Sans KR'),local('Noto+Sans'); 
 src: url('https://happist.com/Font/notokr-demilight.eot'); 
 src: local(☺),
      url('https://happist.com/Font/notokr-demilight.woff2') format('woff2'), 
      url('https://happist.com/Font/notokr-demilight.woff') format('woff'), 
      url('https://happist.com/Font/notokr-demilight.ttf') format('truetype'),
      url('https://happist.com/Font/notokr-demilight.svg') format('svg');
 }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
 {
    font-family: '애플 SD 산돌고딕 Neo', '나눔바른고딕', 'NanumBarunGothic', '나눔바른고딕OTF', 'NanumBarunGothicOTF', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Noto+Sans',  'notokr-demilight',  '맑은 고딕', 'Malgun Gothic', 'Helvetica Neue', 'Helvetica', 'Dotum', '돋움', 'sans-serif' !important;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
 }


/**
 * 텍스트 넓이를 매우 좁게  - 이미지까지 좁아짐
 */


.entry-content>*:not(img) {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}






</style>
<?php
}

안녕하세요?
관심을 가져주셔서 감사합니다.
즐거운 한주 보내세요..