[常設]技術系対応

概要:

HTML / CSS / JS / WIki構文 等、技術系の対応に関するスレッドです。

技術系対応

Ikr_4185 25 Mar 2017 15:48

• HTML / CSS / JS / WIki構文 等、技術系の対応に関するスレッドです。
• 規模が大きくなった場合、別途スレッドを作成してください。

Re: 技術系対応

Ikr_4185 09 Apr 2017 11:38

SCP-JPの、Google Search Console のタグを、下記変更しました。

<meta name="google-site-verification" content="NY3k6ELj6kM3SPJH_2oW4cIqY3dexHgy1OPvzXrmgas"/> 
↓
<meta name="google-site-verification" content="VDtZocpX7MSRR4W1lRkGekvaHHlZTp7HCt7RFtQXxNE" />

また、Twitterカード表示用に、下記OGタグの設定をしました。
SCP_Logo_white.pngは、anqxyr氏のSVG画像をPNG化したものです。
http://05zentrale.wikidot.com/grafiksammlung

<meta name="og:url" content="http://ja.scp-wiki.net/"/>
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@SCPJPwiki" />
<meta name="twitter:title" content="SCP財団日本支部" />
<meta name="twitter:description" content="確保、収容、保護" />
<meta name="twitter:image" content="http://scp-jp.wdfiles.com/local--files/component:theme/SCP_Logo_white.png"/>

Re: 技術系対応

jet0620 09 Apr 2017 13:01

アイコンがでかいですね……あと正直ない方がいいです。結構邪魔な感じがします……追加していただいて申し訳ないんですが…

Re: 技術系対応

Ikr_4185 09 Apr 2017 13:20

確認ありがとうございます。
私も、追加してみて余り利便性を感じられなかったので、外しておきます。

タイトルや画像が自動設定されるなら、まだメリットがあるんですが、それらが全て固定の物になる上、ページ毎に手動で設定する必要がありそうなので、現実的でも無いですね…

cf) Twitterカードに関する参考ページ
Twitterのクリック率を上げるTwitterカードの導入方法｜ferret [フェレット]
https://ferret-plus.com/2236

Re: 技術系対応

Ikr_4185 07 May 2017 16:40

移転作業中に気づいたのですが、マナによる慈善財団のGoIフォーマットコンポーネントが、SCP-ENで無効化/削除されているように見受けられます。 http://www.scp-wiki.net/component:MCF-theme/code/1
現在のSCP-JPで使用しているコンポーネントでは、表示崩れが発生している為、こちらでも同様の対応をした方が良いかと思うのですが、いかがでしょうか？

Re: 技術系対応

Ikr_4185 08 May 2017 14:12

GoIフォーマットでの表示崩れの内、サイドバーとメインカラムの余白が無くなる部分については、原因がわかりました。

テーマで使用されている Shiny テンプレートの、line:195 付近で、Base テンプレートの「margin 0 0 1em 0;」をオーバーライトしてしまっている事が原因でした。
http://d3g0gp89917ko0.cloudfront.net/v--edac79f846ba/common--theme/shiny/css/style.css

#side-bar {
    clear: both;
    padding: 10px;
    margin: 0 0 0 2em;
    width: 15em;
    border: 1px solid #dedede;
}

本家ではShinyは使用していないため、フォーマット導入に際して調整が必要になりそうです。