JINDOで迷ったところの覚書

エクスポートも細部のデザインも許さずコンテンツを人質に金儲けを企む、それがJINDO。ドイツ生まれのWYSIWYGさ。
民衆が誰でも発言できることが理念の一つであるWordPressと対を成す、中央集権組織！
こんな不自由なインターネットに与するサービスは絶対保守案件にしたくないけど、回り回って我が手に来てしまった……。とほほ。

スポンサードリンク

RSSに関して

URLの後ろに「/rss/blog/」をつけるとフィードURLになります。
「その他のコンテンツ&アドオン」からRSSフィードを入力して先のURLを入力します。

入力するとサイトURLとコンテンツが全部出てしまうので、タイトル、コンテンツのcheckを外します。
日付の箇所も並び順が狂っています。なんで未だにローカライズしてないのか……。

「基本設定>ヘッダー編集>ホームページ全体」に以下のコードを使って入れ替えます。

<script type="text/javascript">
/*<![CDATA[*/
/* (日, 09  4月 2017)  =>　2017年 4月 9日 (日) */
jQuery(function() {
jQuery('div.rssFeed').each(function(){
var txt = jQuery(this).html();
jQuery(this).html(
txt.replace(/(([日月火水木金土]).*?0*(d+).*?(d+).*?(d+))/g, '$4年 $3月 $2日 ($1)')
);
});
});
/*]]>*/
</script>

/*<![CDATA[*/

/* (日, 09 4月 2017) =>　2017年 4月 9日 (日) */

jQuery(function() {

jQuery('div.rssFeed').each(function(){

var txt = jQuery(this).html();

jQuery(this).html(

txt.replace(/(([日月火水木金土]).*?0*(d+).*?(d+).*?(d+))/g, '$4年 $3月 $2日 ($1)')

);

});

/*]]>*/

</script>

ここからコードをお借りました。ありがとうございます。

Jimdo でホームページを作る６（ブログ一覧）::まほろば https://mahoro-ba.net/e1955.html

RSSのスタイリング

.j-rss-feed-title + br {
display: none;
}
.j-rss  br + br {display: none;}
.j-rss a + br{
display: none;
}

.j-rss-feed-title + br {

display: none;

}

.j-rss br + br {display: none;}

.j-rss a + br{

display: none;

}

brが湧いてるので一掃した。

ブログ

驚くべきことに前後の記事リンクがない…。10年以上の歴史があるのに、狂っている。手動で入れてくのか？狂ってる。それで急に実装されて前後リンクが4つ出来てしまうのか？ともかく狂ってる。
ページャーは力技でできるようです。仕様がコロコロ変わるJIMDOに対して、自分は怖くてやらないですが、以下のページで解説されてます。
マジゴミっす。

Jimdo・みんビズカスタマイズブログ機能を拡張してみる（ブログページャーの導入） – メモサイト「どんなもんじゃろい」

ブログのスタイリング

ブロックごとに.nとか言うゴミみたいなclassが付随する。こいつはpadding:5px;とか狂ったものがいちいちついていて、スタイリングに悪影響を及ぼした。

.j-blog #cc-matrix- div.j-text:nth-child(1){
background-color: #8e0002;
text-indent: 15px;
border-bottom: 1px solid #d25363;
color: #fff;
}
.j-blog-post--headline {
line-height: 60px;
border-bottom: solid 1px #9c0030 !important;
font-weight: 800;
text-indent: 5px !important;
}
.j-blog #cc-matrix- div.j-text:nth-child(2){
padding: 0 !important;
}

.j-blog #cc-matrix- div.j-text:nth-child(1){

background-color: #8e0002;

text-indent: 15px;

border-bottom: 1px solid #d25363;

color: #fff;

}

.j-blog-post--headline {

line-height: 60px;

border-bottom: solid 1px #9c0030 !important;

font-weight: 800;

text-indent: 5px !important;

}

.j-blog #cc-matrix- div.j-text:nth-child(2){

padding: 0 !important;

}

nth擬似クラスとか隣接セレクタ使って対応。他ページに影響してないといいなーとかおもいながら!importantを積極的に使用しましょう。

バックアップ

出来ない。と言うか、リアルタイムで反応してしまうのでページごと複製してやるか、下記まるごとダウンロードツール使うか。SiteSucker使って一応ローカルでバックアップ取れてた。

SiteSucker for macOS https://ricks-apps.com/osx/sitesucker/

ベンダープレフィックスについて

Gulp等はもちろん意味がないため、ベンダープレフィックスは人力でつけることになる。その時以下のサイトが役に立つ。

Autoprefixer CSS online https://autoprefixer.github.io/

アイコンフォントについて

糞ゴミ仕様のJIMDO様はfont-awsemeomeも満足に使用できません。タグ内が殻だとコードが削除されてしまうのです。なので実体参照で半角を入れなければなりません。

<a href="">
<span class="fa fa-angle-double-right" aria-hidden="true">
&amp;nbsp;
</span>
リンク
</a>

&nbsp;

</span>

リンク

</a>

SVGは使えない

コードの貼り付けが出来ません。プレビューでは見えているんだけど、本ちゃんで消えてます。なのでsvgアニメーションは諦めました。

jQueryはWordpressスタイルで書く

Uncaught TypeError: $ is not a function の解決方法 | Structured-P

初期設定のWPと同様にコンクリフト起こしてしまうので、$を使うのはやめましょう…。

ここまでしてすべてが無駄になる。

JIMDOはアップデートによりhtmlについてるidやclassか変更されてしまいます。残念ながら今までやってきたスタイルが崩壊してしまう可能性が大いにあります。ですので、JIMDOを使用するのはやめましょう！！！以上！！！