게시판 커스트마이징 css 수정 문의

editor.php 수정시 제가 개발자가 아니라서

css수정을 어떻게 할지 모르겠습니다.

http://blog.naver.com/PostView.nhn?blogId=chan2rrj&logNo=50173560012

에 올려진 예제로는 모르겠습니다.

추가 필드를 어떻게 해얄지?

또 필드 사이즈를 어떻게 조정할지 모르겠습니다.

도와주세요.

현재의 editor.php 내용입니다.

<div id="kboard-contact-form-editor">
    <form class="kboard-form" method="post" action="<?php echo $url->getContentEditorExecute()?>" enctype="multipart/form-data" onsubmit="return kboard_editor_execute(this);">
        <?php wp_nonce_field('kboard-editor-execute', 'kboard-editor-execute-nonce')?>
        <input type="hidden" name="action" value="kboard_editor_execute">
        <input type="hidden" name="mod" value="editor">
        <input type="hidden" name="uid" value="<?php echo $content->uid?>">
        <input type="hidden" name="board_id" value="<?php echo $content->board_id?>">
        <input type="hidden" name="parent_uid" value="<?php echo $content->parent_uid?>">
        <input type="hidden" name="member_uid" value="<?php echo $content->member_uid?>">
        <input type="hidden" name="member_display" value="<?php echo $content->member_display?>">
        <input type="hidden" name="date" value="<?php echo $content->date?>">
        <input type="hidden" name="user_id" value="<?php echo get_current_user_id()?>">
        <input type="hidden" name="secret" value="true">
        <input type="hidden" name="wordpress_search" value="3">
        <input type="hidden" name="password" value="<?php echo uniqid()?>">
        
        <?php if($board->use_category):?>
            <?php if($board->initCategory1()):?>
            <div class="kboard-attr-row">
                <label class="attr-name" for="kboard-select-category1"><?php echo __('Category', 'kboard')?>1</label>
                <div class="attr-value">
                    <select id="kboard-select-category1" name="category1">
                        <option value=""><?php echo __('Category', 'kboard')?> <?php echo __('Select', 'kboard')?></option>
                        <?php while($board->hasNextCategory()):?>
                        <option value="<?php echo $board->currentCategory()?>"<?php if($content->category1 == $board->currentCategory()):?> selected<?php endif?>><?php echo $board->currentCategory()?></option>
                        <?php endwhile?>
                    </select>
                </div>
            </div>
            <?php endif?>
            
            <?php if($board->initCategory2()):?>
            <div class="kboard-attr-row">
                <label class="attr-name" for="kboard-select-category2"><?php echo __('Category', 'kboard')?>2</label>
                <div class="attr-value">
                    <select id="kboard-select-category2" name="category2">
                        <option value=""><?php echo __('Category', 'kboard')?> <?php echo __('Select', 'kboard')?></option>
                        <?php while($board->hasNextCategory()):?>
                        <option value="<?php echo $board->currentCategory()?>"<?php if($content->category2 == $board->currentCategory()):?> selected<?php endif?>><?php echo $board->currentCategory()?></option>
                        <?php endwhile?>
                    </select>
                </div>
            </div>
            <?php endif?>
        <?php endif?>
        
        <div class="kboard-attr-row">
            <label class="attr-name" for="kboard-input-member-display"><?php echo __('Name', 'kboard')?> <span class="attr-required-text">*</span></label>
            <div class="attr-value"><input type="text" id="kboard-input-member-display" name="member_display" value="<?php echo $content->member_display?>" placeholder="<?php echo __('Name', 'kboard')?>..."></div>
        </div>
        
        <div class="kboard-attr-row">
            <label class="attr-name" for="kboard-input-email-display"><?php echo __('Email', 'kboard')?> <span class="attr-required-text">*</span></label>
            <div class="attr-value"><input type="email" id="kboard-input-email-display" name="kboard_option_email" value="<?php echo $content->option->email?>" placeholder="<?php echo __('Email', 'kboard')?>..."></div>
        </div>
        
        <div class="kboard-attr-row">
            <label class="attr-name" for="kboard-input-tel-display"><?php echo __('Phone number', 'kboard')?></label>
            <div class="attr-value"><input type="text" id="kboard-input-tel-display" name="kboard_option_tel" value="<?php echo $content->option->tel?>" placeholder="<?php echo __('Phone number', 'kboard')?>..."></div>
        </div>
        
        <div class="kboard-attr-row kboard-attr-title">
            <label class="attr-name" for="kboard-input-title"><?php echo __('Title', 'kboard')?> <span class="attr-required-text">*</span></label>
            <div class="attr-value"><input type="text" id="kboard-input-title" name="title" value="<?php echo $content->title?>" placeholder="<?php echo __('Title', 'kboard')?>..."></div>
        </div>
        
        <?php if($board->meta->max_attached_count > 0):?>
            <!-- 첨부파일 시작 -->
            <?php for($attached_index=1; $attached_index<=$board->meta->max_attached_count; $attached_index++):?>
            <div class="kboard-attr-row">
                <label class="attr-name" for="kboard-input-file<?php echo $attached_index?>"><?php echo __('Attachment', 'kboard')?><?php echo $attached_index?></label>
                <div class="attr-value">
                    <?php if(isset($content->attach->{"file{$attached_index}"})):?><?php echo $content->attach->{"file{$attached_index}"}[1]?> - <a href="<?php echo $url->getDeleteURLWithAttach($content->uid, "file{$attached_index}");?>" onclick="return confirm('<?php echo __('Are you sure you want to delete?', 'kboard')?>');"><?php echo __('Delete file', 'kboard')?></a><?php endif?>
                    <input type="file" id="kboard-input-file<?php echo $attached_index?>" name="kboard_attach_file<?php echo $attached_index?>">
                </div>
            </div>
            <?php endfor?>
            <!-- 첨부파일 끝 -->
        <?php endif?>
        
        <div class="kboard-attr-row">
            <label class="attr-name" for="kboard_content"><?php echo __('Your Message', 'kboard')?> <span class="attr-required-text">*</span></label>
            <div class="attr-value">
                <?php if($board->use_editor):?>
                    <?php wp_editor($content->content, 'kboard_content', array('media_buttons'=>$board->isAdmin(), 'editor_height'=>400))?>
                <?php else:?>
                    <textarea name="kboard_content" id="kboard_content" placeholder="<?php echo __('Your Message', 'kboard')?>..."><?php echo $content->content?></textarea>
                <?php endif?>
            </div>
        </div>
        
        <?php if($board->useCAPTCHA() && !$content->uid):?>
            <?php if(kboard_use_recaptcha()):?>
                <div class="kboard-attr-row">
                    <label class="attr-name"></label>
                    <div class="attr-value"><div class="g-recaptcha" data-sitekey="<?php echo kboard_recaptcha_site_key()?>"></div></div>
                </div>
            <?php else:?>
                <div class="kboard-attr-row">
                    <label class="attr-name" for="kboard-input-captcha"><img src="<?php echo kboard_captcha()?>" alt=""></label>
                    <div class="attr-value"><input type="text" id="kboard-input-captcha" name="captcha" value="" placeholder="<?php echo __('CAPTCHA', 'kboard')?>..."></div>
                </div>
            <?php endif?>
        <?php endif?>
        
        <div class="kboard-control">
            <div class="left">
                <?php if($content->uid):?>
                <a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toString()?>" class="kboard-contact-form-button-small"><?php echo __('Back', 'kboard')?></a>
                <a href="<?php echo $url->set('mod', 'list')->toString()?>" class="kboard-contact-form-button-small"><?php echo __('List', 'kboard')?></a>
                <?php elseif($board->isWriter()):?>
                <button type="submit" class="kboard-contact-form-button-large"><?php echo __('Send', 'kboard')?></button>
                <?php endif?>
            </div>
            <div class="right">
                <?php if($content->uid && $board->isWriter()):?>
                <button type="submit" class="kboard-contact-form-button-small"><?php echo __('Save', 'kboard')?></button>
                <?php endif?>
            </div>
        </div>
    </form>
    
    <div class="kboard-contact-form-poweredby">
        <a href="http://www.cosmosfarm.com/products/kboard" onclick="window.open(this.href);return false;" title="<?php echo __('KBoard is the best community software available for WordPress', 'kboard')?>">Powered by KBoard</a>
    </div>
</div>

<?php if(kboard_execute_uid()):?>
<script>alert('<?php echo __('Your message was sent successfully. Thanks.', 'kboard')?>');</script>
<?php endif?>

<script type="text/javascript" src="<?php echo $skin_path?>/script.js?<?php echo KBOARD_VERSION?>"></script>

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    입력 필드 추가 방법은 아래의 링크도 참고해보시겠어요?

    http://wallel.com/kboard-입력-필드-활용하기/

     

    contact-form 스킨을 사용 중이시라면 입력 필드의 사이즈 조정은

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보시겠어요?

    #kboard-contact-form-editor #kboard-input-member-display { width: 100%; }
    #kboard-contact-form-editor #kboard-input-email-display { width: 100%; }
    #kboard-contact-form-editor #kboard-input-tel-display { width: 100%; }
    #kboard-contact-form-editor .kboard-attr-title input { width: 100%; }

    위 코드에서 100%는 사이트에 맞게 적절히 수정해보세요.

    첫 번째 줄은 이름 필드,

    두 번째 줄은 이메일 필드,

    세 번째 줄은 전화번호 필드,

    네 번째 줄은 제목 필드의 너비를 조정하는 코드입니다.

    CSS width에 대한 속성은 아래의 링크를 참고해보세요.

    https://www.w3schools.com/cssref/pr_dim_width.asp

     

    파일을 수정하실 땐 전문 에디터인 Notepad++를 사용해서 수정하시길 추천드립니다.

    무료이며 한글도 지원하고 있습니다.

    https://notepad-plus-plus.org/

    직접 파일 수정이 어려우시면 전문 개발자 또는 저희 고객지원 쪽으로 유료 기술 지원 요청을 해주셔야 할 듯합니다.

    고맙습니다.

  • 우선 감사드립니다.

    http://wallel.com/kboard-입력-필드-활용하기/

    이것을 봐도 기존(올린) 코드와 매치가 안되네요.

    어떤부분을 수정해야할지 모르겠어요?

    그리고 name,e-mail  등이 실제 페이지에서 한글로 이름, 이메일로 표시돼는데 이것을 한글로 수정할려면 어떻게 해야하는지요?

    도와주세요. 완전초보라서요,

  • CSS 속성 수정하는 방법은 저희가 단순히 몇 글자로 알려드리기가 어렵고요.

    대신 구글에서 검색하시면 많이 나옵니다. 관련 자료가 많기 때문에 찾아보시는 게 좋을 듯합니다.

    팁을 드리자면, 크롬 브라우저의 개발자 도구(F12키)를 사용하시면 CSS 속성을 쉽게 찾고 테스트해보실 수 있습니다.

     

    그리고 출력되는 글자를 변경하시려면

    아래 코드에서 굵게 표시된 코드를 바꾸시면 됩니다.

    <label class="attr-name" for="kboard-input-email-display"><?php echo __('Email', 'kboard')?> <span class="attr-required-text">*</span></label>

    아래 처럼 직접 원하시는 글자로 바로 바꾸시면 됩니다.

    <label class="attr-name" for="kboard-input-email-display">이메일 <span class="attr-required-text">*</span></label>

     

    차라리 콕 찝어서 어디를 어떻게 바꾸고 싶으신지를 말씀해주시면 도움 드릴 방법을 찾아보겠습니다.

    고맙습니다.

  • 감사합니다.

    몇가지 추가 문의가 있습니다.

    스킨수정은 했는데요.

    1.입력항목 중에 이미지나 첨부파일을 첨부할수 있게 가능합니까?

    2. 입력란의 사이즈 조정을 css로 수정하시라고 했는데 잘모르겠습니다.

    자세히 부탁드립니다.

  • 안녕하세요~^^

    1. 첨부파일 기능은

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 기본설정 페이지에

    최대 첨부파일 개수를 사이트에 맞게 설정해주시면 됩니다.

    2. 입력란 사이즈 조정은 제일 첫 번째 댓글을 참고해보세요.

    안내해드린 CSS 코드가 적용이 되지 않을 수도 있으니

    확인 가능한 페이지 주소와 어느 부분의 사이즈를 조정하실지 알려주시면 최대한 도움을 드리겠습니다.

    고맙습니다.

  • 또 추가 문의 드립니다.

    첨부파일은 해결했습니다.

    첨부파일의 항목 위치를 변경하고 싶은데 어찌하는지요?

  • FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일에

    아래의 코드가 첨부파일 출력하는 코드입니다.

    <?php if($board->meta->max_attached_count > 0):?>
    	<!-- 첨부파일 시작 -->
    	<?php for($attached_index=1; $attached_index<=$board->meta->max_attached_count; $attached_index++):?>
    	<div class="kboard-attr-row">
    		<label class="attr-name" for="kboard-input-file<?php echo $attached_index?>"><?php echo __('Attachment', 'kboard')?><?php echo $attached_index?></label>
    		<div class="attr-value">
    			<?php if(isset($content->attach->{"file{$attached_index}"})):?><?php echo $content->attach->{"file{$attached_index}"}[1]?> - <a href="<?php echo $url->getDeleteURLWithAttach($content->uid, "file{$attached_index}")?>" onclick="return confirm('<?php echo __('Are you sure you want to delete?', 'kboard')?>');"><?php echo __('Delete file', 'kboard')?></a><?php endif?>
    			<input type="file" id="kboard-input-file<?php echo $attached_index?>" name="kboard_attach_file<?php echo $attached_index?>">
    		</div>
    	</div>
    	<?php endfor?>
    	<!-- 첨부파일 끝 -->
    <?php endif?>

    위 코드를 적당한 위치에 추가해보시겠어요?

    어느 위치로 옮기시려는지 말씀해주시면 보다 더 정확한 답변을 받을 수 있습니다.

    고맙습니다.

  • 게시판에 default로 스킹을 사용하였고 

    첨부파일은 어떤확장자가 가능한지요?

    그리고 이미지가 아닌 다른 파일을 첨부하고 다운로드을수가 있는지요? 

  • 안녕하세요.

    워드프레스 관리자 -> KBoard -> 대시보드 페이지에

    첨부파일의 종류 설정에서 확인 가능합니다.

    새로운 확장자를 등록하시려면 입력 필드에 추가로 확장자를 입력하고 확장자 업데이트해주시면 됩니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)