[컴] blogger 의 본문에 edit 버튼을 보이게 하는 법

편집 버튼 / blogspot / post body edit button / howto show the edit button in the post / 블로그

blogger 의 본문에 edit 버튼을 보이게 하는 법

다음은 Contempo 테마를 사용했을 때의 구조이다. 여기서 postQuickEdit 라는 includable 을 추가했다. 그리고 post includable 에 추가했다.

주의할 점은 html 의 size 가 너무 크면 update 가 안되는 듯 하다. 그래서 indent 의 space 를 2로 설정해서 작업했다.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html ...>
  ...
  <body>
    ...

    <div class='page'>
      ...

      <b:with value='data:widgets.AdSense any (w =&gt; w.sectionId == &quot;ads&quot;)' var='hasVerticalAds'>
        <div class='page_body'>
          ...

          <div class='centered'>
            ...
            <div>
              ...
              <main class='centered-bottom' id='main' role='main' tabindex='-1'>
                ...
                <b:section class='main' id='page_body' name='Page Body' showaddelement='false'>
                  ...
                  <b:widget id='Blog1' locked='true' title='블로그 게시물' type='Blog' version='2' visible='true'>
                    <b:widget-settings>
                      <b:widget-setting name='showDateHeader'>false</b:widget-setting>
                      ...
                    </b:widget-settings>
                    ...
                    <b:includable id='post' var='post'>
                      <div class='post'>
                        <b:include data='post' name='postMeta' />
                        <b:include data='post' name='postTitle' />

                        <b:include name='headerByline' />
                        <b:if cond='data:view.isSingleItem'>
                          <b:include data='post' name='postBody' />
                          <b:include data='post' name='postQuickEdit' />
                          
                          <b:else />
                          <b:include data='post' name='postBodySnippet' />
                          <b:include data='post' name='postJumpLink' />
                        </b:if>
                        <b:include data='post' name='postFooter' />
                      </div>
                    </b:includable>
                    <b:includable id='postQuickEdit' var='post'>
                      <b:if cond='data:view.postId'>
                        <a expr:href='&quot;https://www.blogger.com/blog/post/edit/&quot; + data:blog.blogId + &quot;/&quot; + data:view.postId' title='edit'>
                          <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18' />
                        </a>
                      </b:if>
                    </b:includable>
                    ...
                  </b:widget>
                  ...
                </b:section>
              </main>
            </div>
            ...
          </div>
        </div>
      </b:with>
    </div>
    ...
  </body>
</html>

댓글 없음:

댓글 쓰기