Bloggerの「次の投稿」にページタイトルを表示するには?page title on nextpage

Bloggerでは、「次の投稿」「前の投稿」にタイトルが表示されないので、どんな記事だかわからない。
「次の投稿」にページタイトルを表示するにはどうしたらよいか、調べてみると簡単だった。

Blogger のテンプレートの編集で、</body> の前に、次のコードを挿入するだけ。

参考:Blogger:「次の投稿・前の投稿」にページタイトルを付与する-Feedから情報取得

--------- </body> の前に、次のコードを挿入

<!-- set next prev page title start -->
<script type='text/javascript'>
//<![CDATA[
<!--
(function () {

    function addScript(src) {

        var script = document.createElement('script');
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", src);

        header_setChild(script);
    }

    function getHeader() {
        return document.getElementsByTagName("head")[0];
    }

    function header_setChild(child) {
        var head = getHeader();
        head.appendChild(child);
    }

    var prev_page_link_obj = document.getElementById("Blog1_blog-pager-older-link");
    if (prev_page_link_obj) {
        var prev_page_link_url = prev_page_link_obj.getAttribute("href");
        addPageTitleFromFeed("blog-pager-older-link", prev_page_link_url, "addPrevPageTitle");
    }

    var next_page_link_obj = document.getElementById("Blog1_blog-pager-newer-link");
    if (next_page_link_obj) {
        var next_page_link_url = next_page_link_obj.getAttribute("href");
        addPageTitleFromFeed("blog-pager-newer-link", next_page_link_url, "addNextPageTitle");
    }

    function addPageTitleFromFeed(ins_obj_id, page_url, callback) {

        if (!ins_obj_id) return;
        if (!page_url) return;
        if (page_url.indexOf("?") != -1) return;        


        var home_url = location.protocol + "//" + location.hostname + "/";      
        var page_url_remove_home = page_url.replace(home_url, "");              
        if (!page_url_remove_home) return;              
        page_url_remove_home = "/" + page_url_remove_home;

        var div = document.createElement("div");
        var title_obj_id = ins_obj_id + "-title";
        div.innerHTML = "<a href="" + page_url + "" id="" + title_obj_id + "">" + "now loading..." + "</a>";


        var obj = document.getElementById(ins_obj_id);
        if (!obj) return;
        obj.appendChild(div);

        addScript(home_url + "feeds/posts/summary?alt=json-in-script&callback=" + callback + "&max-results=1&path=" + page_url_remove_home + "&redirect=false");
    }

})();

function addPrevPageTitle(data) {
    addPageTitle(data, "blog-pager-older-link-title");
}

function addNextPageTitle(data) {
    addPageTitle(data, "blog-pager-newer-link-title");
}

function addPageTitle(data, id) {

    var title = "";
    if (data.feed.entry) {
        if (data.feed.entry.length > 0) {
            title = escapeHTML(data.feed.entry[0].title.$t);
        }
    }

    var obj = document.getElementById(id);
    if (!obj) return;
    obj.innerHTML = title;

    function escapeHTML(html) {

        var div = document.createElement("div");
        if (div.innerText !== void 0) div.innerText = html;          
        else div.textContent = html;                                 

        return div.innerHTML;
    }
}
//-->
//]]>
</script>
<!-- set next prev page title end -->

  • このサイトに新規記事を投稿する時、同時に Facebook にも投稿するように設定している。 Next Scripts: Social Networks Auto Poster  というプラグインを利用している。 SNAP can publish nicely formatted messages to your social networks accounts. You can reach the most audience and let all your friends, readers and followerSocial Networks Auto Poster {SNAP} – Free plugin for WordPress - NextScripts - NextScrip...
  • WordPress では、タグクラウドにそれぞれのタグの投稿記事数が表示されないのが標準であるが、時に投稿数が表示されているものもみかける。 どうすれば記事数を表示できるのか、調べてみたが、これがなかなかすんなりいかなかった。 最終的には2つの方法を見つけた。 1. Simple Tags プラグインをインストールする。 (既にインストールされていた。)    Tag Cloud 設定画面で次のように (%tag_count%) と加筆する <a href="%tag_link%" id="tag-link-%tag_id%" class="st-tags t%tag_scale%" title="%tag_count% topics" %tag_rel% style="%tag_si...
  • Bloggerの「人気の投稿」ガジェット (=WordPressの popular posts) に表示されている記事の中に表示したくない記事がある場合、次のように除外設定をすることができる。 Step 1  Blogger account にログインし、  Blogger ダッシュボードに行く Step 2 テンプレート -> HTMLを編集に行く。全選択+コピーしてバックアップしておく。 Step 3  次のコードを見つける。 <b:includable id='main'>   <b:if cond='data:title'><h2><data:title/></h2></b:if>   <div cl...
  • FlexSlider は Celtispack プラグインパック に含まれていて、画像ギャラリー作成時に、FlexSlider を選択できる。 このサムネイルが70x70pxで小さいので大きくする方法を探ってみた。 /DocumentRoot/wp-content/plugins/celtispack/modules/celtis-gallery-slider/ にある、celtis-gallery-slider.php を次の様に変更する。 赤字のsmall を好みの大きさのサムネイルの通称に変更すれば良い。  diff celtis-gallery-slider.php celtis-gallery-slider.php.back 80c80 < 'size' => 'thu...
  • Blogger からKusanagi-WordPress への移転が完了し、一段落したので、これまでの経緯を振り返り、次回のためのマニュアルとして記す。 BloggerからWordPressに移行決定。 Bloggerでも独自ドメインで運用していた。 WordPressでも同一ドメインで運用する。 使用中のお名前コムのVPSでセットアップ+インポートしてみたが、Blogger Importer Extended でのデーター削除+再インポートの試みが成功せず、Kusanagiサーバーを試してみる良い機会とした。 Kusanagi-WordPressが使えるサーバーを探す。 システム構成: WordPress 4.3 (KUSANAGI専用プラグイン同梱) ・CentOS 7・N...
  • Blogger に表を挿入するには、ExcelよりもGoogleDoc Spreadsheets からコピペした方が、書式が反映されやすい。 バンコクでミャンマーVISAをとるには3日かかる。1日目、ミャンマー大使館に午前9時から12時までの間に行く。写真2枚、パスポートのコピーが必要。館内でコピーできる。12時間際にギリギリついたら入れてもらえたが、待ち時間が長く、最後の最後になった。翌々日に取りに来いという引換券。カウンタ番号2に指定されている。13時30分に取りにいく。ここでも1時間は行列で待たされる。近くのビルにコワーキングスペースがあって、カフェ-がある。冷房効いてるので待機するのに良い所。バンコクでミャンマーVISAをとるには - 信旅 銀行 イオン ジャパンネット銀行 楽天銀行...
  • 今時のCMSを調べてみると、Wordpress の他に、Concrete5 、Modx、Drupal 等があった。Concrete5 を使ってみることにした。 お名前コムVPS、CentOS Linux 7.1 +Webmin1.770+Mysql5.5.44+PHP 5.4.16 にConcrete5 をインストールしてみたら成功した。 めったにデーターベースの作成など、Mysqlをいじらない人にとっては、データーベースの作成、設定が一番とっつきにくいと思う。次の手順を踏めば簡単である。基本的にwordpress インストールの時と同じである。1. Mysql データベースの新規作成、ユーザー設定 いろいろな方法があるが、Webmin コントロールパネルから作成する。Web...
  • 支那ブロック回避対策でBloggerから引っ越しを検討する際に、あらためてVPSサービスの現状を調べてみた。 rootでログインできる自前サーバーである。 現在はお名前.com VPSを使用して、wordpressでサイト運営している。     これまで、アメリカのVPS、Osukini VPS、ServersMan@VPS、お名前.com VPS と経由してきた。 Osukini VPS はサービス中止で強制移転 DTIの ServersMan@VPS は変な制限が多くて使用に耐えない。DTIはSIMカードも悪どい儲け主義で辟易する。 DTI の ServersMan@VPS には変な制限がある ServersMan SIM Unlimited はボッタクアプリ   現在のお名前.com ...

blogger カテゴリ人気記事 Views most

タグ関連記事

閲覧履歴