Cocoon 0.3.0公開。テーマ設定バックアップ・リストア、iOS表示の不具合修正

アップデート情報

2018.03.25

この記事は約3分で読めます。

Cocoonをバージョンアップしました。

前回からの主な変更点は以下。

テーマ設定バックアップの不具合修正
テーマ設定のリセットができない不具合修正
iOSでエントリーカードのサムネイルとタイトルなどがくっついてしまう不具合修正
目次の不具合修正（特定条件でリンクが飛ばなかった）
独自クレジット表記を保存できない不具合修正
投稿・固定ページ本文中ウィジェットエリアと目次の不具合修正
人気記事ウィジェットに表示されるものを投稿ページに限定
404ページでデフォルトユーザーのプロフィールボックスが表示されない不具合修正
OGPのディスクリプション文の修正
Twitter Cardsのディスクリプション文の修正
json-ldのディスクリプション文の修正
メタディスクリプション関係のリファクタリング
メタキーワード関係のリファクタリング
フッターのレスポンシブデザイン修正

iOSについて
iOS追記

iOSについて

先日、以下のようなアドバイスいただいたiOS端末の修正を行ってみました。

iPhoneとか、iPadでエントリーカードのサムネイルとタイトルがくっついてしまう原因が、わかる方何方かおられますでしょうか？僕は、iPhoneもiPadももっておらず原因確認ができなくて^^; https://t.co/PesMgCBjuo

— わいひら@寝ログ (@MrYhira) March 23, 2018

Chromeのデベロッパーツールだと問題なく余白ができるのですが。 pic.twitter.com/gcjj1WxbOt

— わいひら@寝ログ (@MrYhira) March 23, 2018

Safariだと再現しますね。私はXcode（Mac）のシミュレーターからiOSの確認します。 pic.twitter.com/glGbCQ9B9u

— たなかま (@nomarktanaka) March 23, 2018

.blogcard-thumbnail
に
margin-right: 10px;
とかじゃダメですか？ pic.twitter.com/OOaibCrWuO

— たなかま (@nomarktanaka) March 23, 2018

iPad Pro 10.5で確認しましたが
こちらの機種では問題なしに見えました

ChromeとSafariで見たスクショ貼っておきます pic.twitter.com/8N4exeBq7h

— アン(卒恋虫) (@an_pad2) March 23, 2018

古い機種という事で
iPad Air2で確認した所

横持ちと縦持ちで結果は変わり
縦持ちだとマージンなくなりました

すこしでもお役に立てれば良いのですが
(´・ω・｀) pic.twitter.com/eSBP5BK5R8

— アン(卒恋虫) (@an_pad2) March 23, 2018

x.com

すみません、天然で子テーマのキャプチャを撮ってしまいました・・・。
先ほどお送りしたCSSの設定で、上手く表示できてます。（iOSシミュレータと各レスポンシブで確認）
10pxは多すぎたかもしれないです。 pic.twitter.com/ygonc4kh43

— たなかま (@nomarktanaka) March 23, 2018

iPad 5で確認したところ、Safari、Chrome共に縦向きではくっついてしまい、横向きでは離れています。
画面サイズによって変わってしまう感じでしょうか…
参考までに… pic.twitter.com/y8MynqUPVX

— Tatsuya＠tatsublog管理人 (@tatsublog) March 23, 2018

ただ、残念なことに僕はiOS端末を持っていません^^;

なので、iPhoneをお持ちの際は、エントリーカードが正常表示されているか確認していただけると助かります。

「やっぱり表示がおかしいぞ」とか「問題なさそう」とかTwitterもしくは、フォーラムなどでご連絡いただければ幸いです。