mt.Vicuna HTML5 ver.1.1.4を公開します.
v1.1.3から少し時間がかかってしまいましたが,少しだけアップグレードしています(^^;
- preタグ内の文字列全てをクリップボードにコピーするボタンをUser Jqueryで付与するようにした
- preでのソースコード表示部分について,User JqueryとCSS3により行番号を表示するようにした(「
<pre class="code">(ソースコード)</pre>
」とすればOK.<code>~</code>
は自動でつけてくれます) - IE9以前の対策としてつけていた,HTML5/レスポンシブ対応用のJavaScriptコードを削除
- Webフォントファイルの更新(4つほど追加(^^;)
- 外部リンクの際のJqueryを少し修正するとともに,外部リンク時のクラス名「external」をCSSで反映されるよう設定した
- 検索結果時のタイトル・サブタイトル部分の整理をしていなかったのを修正
- CSSの一部修正
今回は殆どUser JqueryとCSSの調整・修正に時間が取られています.
ただその甲斐あってか(苦笑),機能もそうですけど見栄えもかなり良くなっていると思っています.
User Jqueryの修正については,近いうちに技術資料として書くことができるかと思われますので,もう少し待っててください(^^;
mt.Vicuna HTML5 ver.1.1.3を公開しました.
大したことはやっていないのですが,ひとまずこのバージョンで一区切りということになりそうです.
- SNSボタンについて少し改良し,エントリー/ウェブページの先頭(header部分)と末尾(footer部分)の両方に表示するようにした
- SNSボタン部分の改良に伴い,クリップボードへのコピー部分のJavaScript部分について修正
- 「トップページへ戻る」部分について,CSS上で調整を行うことにより右下に固定表示するようにした(レスポンシブ対応済)
- 不要だったforum用のイメージファイルを削除し,CSSの方も少しスリム化した
今回のアップデートで,見た目的にそこここ(何)で見かけるウェブログっぽくなっていると思います.
SNSボタンについては,上下に表示することで閲覧者の利便性を高めたかったというのがありますけど,上下で同じアイコンデザイン(というのか)というのもありきたりすぎると思ったので,header内ではアイコンのみの表示,footer内ではアイコンとリンク文字の両方を表示するようにしています.
JavaScriptについては,コピーボタン部分を2つ表示することとなったことに伴い,ID名ではなくclass名でボタンクリックの判定を行うこととなってしまったため,修正せざるを得なかったというのが理由だったりします(^^;
mt.Vicuna HTML5 ver.1.1.2を公開しました.
4月~連休にかけて色々アップデートしていましたが,v1.1.2をマスターアップしました.
アップデート内容は以下の通りです(GitHubにも書いていますが(^^;)
- GoogleAnalyticsについて,GoogleAnalytics4への対応
- OpenGraphProtocol関連の整備及び拡張(ブログイメージの取得等)
- SNSボタンの整備と拡張(WebFontの導入,タイトル・URLコピーボタンの導入,Pocketボタンの導入等)
- JavaScriptの整備と一部変更
なお,テーマのインストールについて,少し手順が追加されていますのでmt.Vicuna HTML5についてを再度御覧ください(^^;.もちろん,全般設定モジュールテンプレートでの各種設定についてもしっかり更新しています.
技術資料:JSON_LOADテンプレートについて
なんか,先日メインドメインで更新した.htaccessが悪かったようで,サブドメインのhtmlファイル(主にエントリー)の方に軒並みアクセスできない状況になってました(^^;
今はちゃんと直しましたので,改めて情報展開します.
JSON-LDによる構造化マークアップとは?
簡単に書いてしまうと,「schema.org」での構造化マークアップの種類のうちの一つ.scriptタグで記述されることで分かると思うがJavaScriptでの表記.
HTMLタグに埋め込む必要がなく,しかもhead内でまとめて書くことができるので,Movable Typeだとモジュールテンプレートでまとめて書くことも可能(mt.Vicuna HTML5でもモジュールで記述しています).
モジュールテンプレート内での記述ポリシー(何)
最初はblog単独での記述で書いていたのだが,よくよく考えるとWebsite内にblogがあって...という階層構造になっていることを念頭に置いていなかったので,途中から方針転換してしまった(^^;
そんなこんなで,テンプレートの頭でWebsiteなのか,Website内のblogなのかの判定を入れることとなったが,BreadcrumbListの勉強にもなった(怪我の功名(^^;)ので今は満足している(ぉ
参考としたのは...
...なんだけど,正直,text.Baldanders.infoの書き方を殆どのところで使わせてもらっているといったほうが良いかもしれない(^^;
特に,BreadcrumbList内での@idによる紐付け(しかもnameが不要となる)は目から鱗だった.
Qiitaさんのサイトについては,テンプレートのBreadcrumbList部分のベースとして参考にしたんだけど,結局全般設定テンプレートも絡めつつ配列変数を使った記述にしてしまった(詳しくは後述).
mt.Vicuna HTML5 ver.1.1.0を公開しました.
先程,GitHub上でreleaseしましたので報告します.
サイトタイトルの【Zip】リンクからダウンロードできるようにしておきましたので,どうぞ使ってみてください.
なお,詳しい技術資料については,おいおい書いていこうかと思っています.