ブログカスタマイズ

Bloggerのクイック編集ボタンが海外テンプレートで表示されない

Bloggerの便利機能は記事を更新したいとき、管理画面に戻ることなく、クイック編集ボタン（えんぴつアイコン）から瞬時に編集画面へ遷移できる。これが、公式テンプレートなら問題なく表示されんだけど、海外テンプレートを使用するときなどは、なかなか表示できなくて記事の更新作業に時間がかかっていたんだな。
こちらの記事を参考にして
post.editurlソースが別の場所に移動することで無事表示してくれるようになったんだな。

Blogger は Google の無料のブログ公開ツールで、世界中のユーザーとアイデアの共有を簡単に行うことができます。Blogger では、テキスト、写真、動画を個人のブログやチーム ブログに簡単に投稿することができます。

投稿ウィジットを設定

ダッシュボードのレイアウトから投稿ウィジットのなかの「クイック編集ボタンを表示する」にチェックを入れて。

このように、post-footer-line-2の下に移動するんだな

ソースはこの1行だけ
この部分に挿入するとおっちゃんのテンプレートでは関連記事Related Postsの下に編集ボタンが表示されて作業性が低下するので,
記事本文の直下にあるShareボタン群のすぐ上に移動させてみるよ
場所はこのあたりを検索するとわかるよ
ソースを貼り付けた位置が９行目なんだね 

<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both;'/>
<div class='post-share-buttons'>

<b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' title='Edit Post'> <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/> </a> </span> </b:if> 

<a class='pocket-btn' data-lang='en' data-pocket-count='none' data-pocket-label='pocket'/>
<script type='text/javascript'>!function(d,i){if(!d.getElementById(i)){var j=d.createElement(&quot;script&quot;);j.id=i;j.src=&quot;https://widgets.getpocket.com/v1/j/btn.js?v=1&quot;;var w=d.getElementById(i);d.body.appendChild(j);}}(document,&quot;pocket-btn-js&quot;);</script>

0 件のコメント :

コメントを投稿