はてなﾌﾞﾛｸﾞのﾄｯﾌﾟﾍﾟｰｼﾞに表示させる”記事の概要”が､ｽﾏﾎから閲覧したとき､表示されなくなってしまいました｡記事の冒頭の文章が表示されます｡ﾊﾟｿｺﾝから閲…

はてなﾌﾞﾛｸﾞのﾄｯﾌﾟﾍﾟｰｼﾞに表示させる”記事の概要”が､ｽﾏﾎから閲覧したとき､表示されなくなってしまいました｡

自分で消してます :-)

ﾃﾞｻﾞｲﾝのｽﾏﾎのﾀｲﾄﾙ下に書いている style だと思いますが､#header を丸ごと消してます｡

/* ### はてなﾍｯﾀﾞｰの非表示 ### */
#globalheader-container {display:none;}
/* ### 余白調整 ### */
#container {padding-top:0px;}
/* ### ﾃﾞﾌｫﾙﾄの丸いｱｲｺﾝ等の非表示 ### */
#header{ display:none;}/* ★ これで消えてる */

ｽﾀｲﾙだけで良い感じの場所に表示するのは難しそうなので､ｽｸﾘﾌﾟﾄを書いて記述をｺﾋﾟｰする感じでしょうか｡
例えば､こんなのとか｡

/* ### ﾍﾟｰｼﾞ更新時に少しｽﾗｲﾄﾞさせる ### */
window.onload = function () {
 autoScroll();
 // ★ 以下を追加
 $("#title-bar .title").append("<div>" + $("#blog-description").text() + "</div>");
}
var $scrollX = 0;
var $speed=0;
 ...

ただ､これだけだと記述が収まるｽﾍﾟｰｽが無いので､ｽﾀｲﾙを調整する必要があります｡
例えば､こんな感じとか｡

#titlebar .title {
 line-height: inherit;
}
#titlebar .title div {
 font-size: 9px;
}

追記です｡
CSS がよく分からないとのことなので､変更点をそのまま書きます｡
ﾃﾞｻﾞｲﾝのｽﾏﾎのﾀｲﾄﾙ下に書いている以下の部分｡

<script type="text/javascript">
/* ### ﾍﾟｰｼﾞ更新時に少しｽﾗｲﾄﾞさせる ### */
window.onload = function () {
 autoScroll();
}
var $scrollX = 0;
var $speed=0;
function autoScroll() {
 var $sampleBox = document.getElementById( "menu-scroll" );
 $sampleBox.scrollLeft = ++$scrollX;
 $speed+=3;
 if( $scrollX < 25 ){
 setTimeout( "autoScroll()", $speed );
 }
}
</script>

その部分を､以下のようにしてください｡

<script type="text/javascript">
/* ### ﾍﾟｰｼﾞ更新時に少しｽﾗｲﾄﾞさせる ### */
window.onload = function () {
 autoScroll();
 // ★以下の一行を追加
 $("#title-bar .title").append("<div>" + $("#blog-description").text() + "</div>");
}
var $scrollX = 0;
var $speed=0;
function autoScroll() {
 var $sampleBox = document.getElementById( "menu-scroll" );
 $sampleBox.scrollLeft = ++$scrollX;
 $speed+=3;
 if( $scrollX < 25 ){
 setTimeout( "autoScroll()", $speed );
 }
}
</script>
<!-- 以下の style ﾀｸﾞで囲まれている 8行(style ﾀｸﾞを含む)を追加 -->
<style>
#titlebar .title {
 line-height: inherit;
}
#titlebar .title div {
 font-size: 9px;
}
</style>

script ﾀｸﾞの中に一行追加して､style ﾀｸﾞを 8行追加してます｡
他は変更する必要はありません｡

いきなりﾒｲﾝﾌﾞﾛｸﾞをいじるのは嫌だ､というのはとても分かるので､ﾃｽﾄ用のﾌﾞﾛｸﾞで試すのであれば､そこの URL を教えてください｡
ﾒｲﾝﾌﾞﾛｸﾞはﾌﾟﾛﾌｨｰﾙからたどれるのですが､ﾒｲﾝ以外のﾌﾞﾛｸﾞを見つけるのは難しいのですよ｡

さらに､追記です｡
すみません､ｽｸﾘﾌﾟﾄを間違えてました m(_ _)m

window.onload = function () {
 autoScroll();
 // ★以下の一行を追加
 $("#title-bar .title").append("<div>" + $("#blog-description").text() + "</div>");
}

の｢以下の一行を追加｣のところなんですが､#title-bar を #titlebar というようにﾊｲﾌﾝを削除してください｡

 $("#titlebar .title").append("<div>" + $("#blog-description").text() + "</div>");
 // ↑こういうふうに

またまた､追記です｡

記事一覧ﾍﾟｰｼﾞで一つ一つの記事のﾀｲﾄﾙ下にある”記事の説明”ともいうべき箇所の文章が､はてなﾌﾞﾛｸﾞの編集ｵﾌﾟｼｮﾝ”記事の概要”で設定した文章ではなく､記事冒頭の文章が表示されてしまう

こちらの対応をやってみました｡

ﾀｲﾄﾙ下にﾌﾞﾛｸﾞの説明を入れるｶｽﾀﾏｲｽﾞに加えて､ｽｸﾘﾌﾟﾄを 15行ほど追加､ｽﾀｲﾙｼｰﾄを 3行追加です｡

<script type="text/javascript">
/* ### ﾍﾟｰｼﾞ更新時に少しｽﾗｲﾄﾞさせる ### */
window.onload = function () {
 autoScroll();
 $("#title-bar .title").append("<div>" + $("#blog-description").text() + "</div>");
 // ★ 以下の 15行を追加
 Array.prototype.forEach.call(document.querySelectorAll("a.entry-list-anchor-block"), function(entry) {
 const max_length = 72;
 var xhr = new XMLHttpRequest();
 xhr.open('GET', entry.href, true);
 xhr.onload = function(ev) {
 if (ev.target.status <= 200) {
 var dc = ev.target.response.querySelector('meta[property="og:description"]');
 var e = entry.querySelector(".entry-body > .entry-content > p");
 e.innerHTML = dc.content.length > max_length ? (dc.content.substring(0, max_length) + "...") : dc.content;
 e.style.display = "initial";
 }
 };
 xhr.responseType = 'document';
 xhr.send(null);
 });
 // ★ 追加は､ここまで｡
}
var $scrollX = 0;
var $speed=0;
function autoScroll() {
 var $sampleBox = document.getElementById( "menu-scroll" );
 $sampleBox.scrollLeft = ++$scrollX;
 $speed+=3;
 if( $scrollX < 25 ){
 setTimeout( "autoScroll()", $speed );
 }
}
</script>
<!-- 以下の style ﾀｸﾞで囲まれている 8行(style ﾀｸﾞを含む)を追加 -->
<style>
#titlebar .title {
 line-height: inherit;
}
#titlebar .title div {
 font-size: 9px;
}
/* ★ 以下の 3行を追加 */
a.entry-list-anchor-block .entry-body > .entry-content > p {
 display: none;
}
</style>

ｺﾒﾝﾄでも書きましたが､ｽﾏﾎ版の記事一覧では､HTML に｢記事の概要｣が入っていないので､記事一覧が表示された後に､個々の記事のﾍﾟｰｼﾞから記事一覧を取得して埋め込む､という戦略です｡

最初の表示で､本来の機能の記事の先頭がちらっと見えてしまうので､最初はｽﾀｲﾙｼｰﾄで見えなくしておいて､個別の記事から｢記事の概要｣を取得した後に見えるようにしています｡

後､PC版では｢記事の概要｣を 116文字くらいで切り詰めているっぽいのですが､ｽﾏﾎの表示だと､それでも長いような感じがしますので､72 文字で切り詰めています｡

 const max_length = 72;