Synchronisity - FC2ブログテンプレート

投稿 2017年01月06日
103
テンプレート
TemplateFC2HTML5CSS3Responsive
Synchronisityテンプレート
PCアイコン TBアイコン SPアイコン

Synchronisityテンプレートはレスポンシブウェブデザインです。
パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。
スマートフォン版を非表示にしてご利用ください。
設定ページ

最終更新 2018.1.3

大規模なメンテナンスを行いました。
詳細は以下のページでご確認ください。

名称 Synchronisity
動作確認済みブラウザ
トップページ記事並び 全文表示タイプ
記事幅 メイン --- 最大830px
サイド --- 260px
記事内で利用可能な見出しレベル h2からh6
構造化マークアップ(個別記事のみ) BreadCrumbs(パン屑リスト)
BlogPostiong
GTmetrixスピードスコア
固有機能 画像ドロップシャドウ
動画縦横比固定
画像ハイパーリンク上マスク
使い方詳細ページ
テンプレート固有機能説明
推奨カスタマイズ 色調変更
ライセンス Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
備考 valid-html5.png
パソコン タブレット スマートフォン
パソコン タブレット スマートフォン
2カラム 1 or 2カラム
(デバイス幅依存)
1カラム
右サイドメニュー
(デフォルト)
下 or 右サイドメニュー
(デバイス幅依存)
下サイドメニュー
更新履歴 2017.4.17

・ iPhoneでfixedされたinputが固定されないバグのApple修正に伴いhackを削除
参考記事
【重要】iPhoneでfixed指定されたinputが固定されないバグが解消されました

更新履歴 2017.1.25

・ SNSシェアリンクのUTF-8エンコード
参考記事
SNSシェアリンクのエンコード

本ページの内容は2018年1月3日メンテナンス以降のバージョンが対象です。

左手中指の爪が折れて傷心のあきらでございます o(`ω´*)o

しんくろにしてぃ
1月7日 申請致しました。
(synchronicity が正しい綴りですがワザとです)

TOP PAGE DEMO
LIST PAGE DEMO
ARTICLE DEMO
FAQ
DOWNLOAD



お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)

・サイドバーの形状変更
・トップページの表示タイプ変更(全文表示から要約表示へ変更 など)
・レスポンシブを固定幅化
・カラム数やサイドバー位置変更
・テンプレートと無関係なプラグインの導入

カスタマイズをブラウザ上で行う方は
Ctrl+F(Windows)/ Command+F(Mac) キー検索をご利用ください
また
注)
で検索されますとカスタマイズのガイダンスが出てきますので事前にご確認をお願いします

サイドメニューのSNSリンクについて

今更な感じはしますが仕様のご説明。
記事にくっついているのは「シェア」してもらうためのシェアボタンです。
サイドメニューに並んでいるのは「自分のページへの誘致」ですので、私の方で事前にURLを入れておくことはできません。

注)#をアドレスに書き換え

上記を目印に、各SNSに割り当てられている項目にURLを入れてください。
デフォルトのままの空リンクですと、閲覧者がクリックした際にページの最上部に移動して「???」となりますので、 必要であればしっかりとURLを記載、不要であれば各行単位で削除してください。
全て不要な場合には

注)サイドメニューSNSリンク不要の方ここから削除

を目印にガイダンスに従ってください。

グローバルナビゲーションについて

リンクを増やす方は複数行にならないように注意してください。
そして追加リンクは「サイト内検索よりも【前】」に入れてください。
複数行になってしまった例

このままですとスマートフォンで表示範囲が削られて閲覧しづらいので折りたたみのJSを有効化してください。
デフォルトのままでお使いになる場合にはW320pxのスマートフォンでも一行で収まりますので 無効化してあります

navi breakpoint

で検索されますとhtml内に1箇所、CSS内に1箇所、合計2箇所ヒットします。

ここに横幅

と記してありますので、そこへ画面横幅を記入してください。
Google Chromeの場合はページ余白で右クリック「検証」をクリック。
その状態でマウスでブラウザ幅を拡大・縮小されますと、横幅が表示されるはずですので、複数に折り返すポイントを調べて記述します。
サイト内検索のhtml内容が非常に特殊ですので、こちらも動作を確認しながらお願いします。
Macをお使いの方は Windowsとは横幅計算が異なりますの ので、「ちょうど良い」と思った数値に20px足したものを記入してください。
2箇所とも必ず同じ数値設定です。

折りたたみのJSを有効化するには数値設定を行なった後

<!-- navi breakpoint 1/2
内容省略
-->

緑部分を削除。こちらはhtmlの方です。

/* navi breakpoint 2/2
内容省略
*/

こちらがCSSです。
コメント状態を解除しない限り有効にはなりませんので、忘れずに行なってください。

レスポンシブデザインですので一定の横幅だけで判断せずに、ブラウザ幅の拡大・縮小をしながらしっかりチェックを行なってください。

ドミナントカラー

以下が基本色調です
数字の部分だけを抜き出してCtrl+F(Windows)/ Command+F(Mac) キー検索されますと 不透明度つきのものも全て出てきますので上手に活用してください。
例) 51,51,51

white 全体背景色
rgb(248,245,238) 各記事ヘッダー背景色, サイドメニュー背景色, No image背景色 など
rgb(177,158,149) 基本リンク色
rgb(51,51,51) Read moreボタン背景色, ページ送り背景色 など
管理人コメントと訪問者コメントを分ける方

デフォルトはグレー背景アイコン。

サンプル

CSSソース末尾に以下を追加

.name管理人ハンドルネーム:before {
  background-color: カラーコード;
}

管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に差し替えてください。
カラーコードは rgb(●,●,●) の10進数表記 #●●●●●● の16進数表記のどちらでも構いません。
サンプルのカラーコードは rgb(148,170,201)

プロフィール画像などを設定する場合は以下の通り。

.name管理人ハンドルネーム:before {
  content: "";
  background: url(画像アドレス) center center /cover no-repeat;
}
サンプル

* この方法をお使い頂けないハンドルネームの方 *
・文字列中に「-」(ハイフン)「_」(アンダースコア) 以外の記号(全角・半角スペース含む)
注意) ハンドルネームを判別してデザインを振り分けています。
同じハンネの方がコメントされますと管理人のそれと同じデザインを踏んでしまいますので割りきってお使いください。

ご質問 不備・不具合のご報告はお気軽にどうぞ。
その際には

・ ご自身のブログアドレスの明記 (鍵付きで構いません)
・ 該当テンプレートを設定状態に
・ 右クリック禁止の解除

上記3点をお約束としてくださいね。
お守り頂けない場合にはお答え致しませんので 自己解決でお願いします。

また、質問を投げっぱなしで放置する方は以降二度と回答することはありませんのでご理解をお願いします。

みなさんいつもありがとうございます (●'0'●)/

YOU MAY ALSO LIKE
もっと見る
vanillaice (Akira)
vanillaice (Akira)

103 COMMENTS

There are no comments yet.

hige  

独り言 テンプレート 引越し中

 今まであれこれ改造してきた私のテンプレート。
 ページのトップ・ボトムへ移動の機能とかを追加したりしてきたのですが,サイドカラムのスクロール(サイドカラムがボトムまで行ったらそこでスクロールをストップしてそのまま表示)でついに挫折。
 そんなのが、こちらの Synchronisity で綺麗に機能してます。
 私はページトップ・ボトムへ移動ボタンを追加した上に、サイドカラムスクロールの新たな機能を足すと不具合が一杯。
 ページボトムをクリックするとサイドカラムが全然スクロールしないとか、サイドカラムに貼られたオブジェクトで、ページトップ・ボトムボタンが隠れてしまうとか。

 テンプレートを変更するには、ちょっと今までの積み重ねてきた設定が多すぎて躊躇していたんですが。
 でも、ついに知力の限界を超えたんでこちらのテンプレートへ引越し中。
 当方、70歳前のじぃじぃなんで、Akira氏製作のこのテンプレートが飾りがなくて引っ越しやすい。色もシックだし。
 さらに、オシャレで可愛い部分とか女の子っぽいと思われる印象を消し去りつつ,なおかつ元のイメージを残しつつ・・・・。
 と、時間はかかりそうですが、多分できるはず・・・・?。

 いつも,Akira氏のテンプレートユーザーではないのに,あれこれコメントを書いてきましたが,多分一ヶ月後にはAkira氏のユーザーに取り込まれている模様!

 ださださな改造になってもAkira氏は許してくれるんでしょうか。

2017/01/30 (Mon) 21:27

Akira  

To higeさん

そうでしたか。
ありがとうございます ^^;

JSは他のJSとの干渉や、aタグ干渉なんかもありますので結構繊細ですよね (´・ω・`)
はい。カスタマイズはどうぞお気に召すまま(笑)

2017/01/30 (Mon) 23:15

Akira  

Akira To Synchronisity横幅の件 内緒さん(移動先)

まずご質問内容の整理をさせてください。

① 一行あたりの文字量によっては、右側が大きく空きすぎているように感じるのでなんとかしたい。
② なるべく右に寄せたい、という気持ちから、左側にmarginを設定して距離を設けた。
③ 画面幅が変更になると、やはり右側の空きが気になる。

上記のような解釈で合ってますでしょうか。
間違いがあればご指摘くださいね。

=====

①について

一行あたりの文章が長い場合は気にならないと思いますが、文章ですから適宜改行を設けますよね。
するとテキスト行の横幅が短くなりますので、結果として「右が空いているなぁ」という印象になるかと思います。
で、画面幅が違うと〜とご自分で仰る通り、ブラウザやデバイス自体の横幅が変更されれば、意図的に改行した部分以外でもテキストは折り返します。
でないとはみ出してしまいます。
そういった物理的法則から、テキストの横幅を基準としてブロック(テキストが収まる場所)の横幅を決定する、というレイアウトは成り立ちません。

デフォルトでのメインコンテンツとサイドメニューとの距離は50pxです、というのを踏まえ。
現状ですと
<div style="0 5em">
の指定をされていますよね。
これはコンテンツの上下空白は0、左右空白は5文字分、という指定です。
内緒さんの場合にはコンテンツのフォントサイズをデフォルトよりも大きく変更されていますので(13px→16px)、
左右の幅が16pxの文字5つ分削られているわけです。
従って現状では右側の空白は 50px + 5em(約80px) = 130px の距離ができて、デフォルトよりも離れてしまっています。
右との距離を詰めるところが逆に距離が大きくなってしまいましたね ^^;

そして画面サイズが小さくなってもその空白は変化しませんので、モバイル環境から見ると本文が中央にギュっと縮こまった形になってしまっています。
これはもうスマホからはまともに読めませんので、とりあえずmarginの設定は外してください

左寄せで文章の右側空きが気になる方の基本的対処は「文章をセンタリングする」のが最もバランスが取りやすいのですが、
恐らく内緒さんは文章については左寄せで行いたい、というご希望かと思います。

対処
① デフォルトのメイン・サイド間の空きを50pxよりも小さくする。
② 全体コンテンツの幅を縮小する。

併せて行っても良いですし、いずれか一方だけでも良いと思います。
これらについては単純な理屈で、横幅1000pxのブロック内に書いた横500pxのテキスト行と、横幅600pxの中に書いた横500pxのテキスト行、
比べれば前者の方が「右が空きすぎ。左に寄りすぎ。」という印象が強くなるのは当然です。
内緒さんはパソコン(あるいはタブレット)画面だけで検証されていると思いますが、スマホから見るとテキストは至る所に自動折り返しがかかっていますので、「左に寄りすぎている…」という印象は全くないはずです。
レスポンシブデザインですので、スマホでの表示も考慮してレイアウトする必要があります。

一旦投稿します。

2017/02/20 (Mon) 21:03

Akira  

Akira To Synchronisity横幅の件 内緒さん(移動先)②

②については
margin設定は外してください。

③について。
やはりお困りの内容を全体的に考えますと、全体幅を縮小されるのが一番良いような気がします。
例えば私のこのページですが、文章はセンタリングせずに左詰めで書いています。
ですがところどころに横幅100%の要素(html構文を載せている黒背景のものや写真類)が点在しているので、全体バランスとして「寄りすぎ」という感覚はあまり無いのではないかと思います。
コメント欄にしてもしかり。
内緒さんの場合にはテキスト一行あたりの分量が比較的短い、というのが事前にわかっているわけなので、デフォルトのような広い記事幅は不要のように思います。
こちらについては大きな決定事項ですので、お返事を頂いてから具体的な修正内容をお伝えしようと思います。

対策まとめ
① 全体幅を縮小する YES/ NO
② メインとサイドの間の余白を削る YES/ NO
③ 文章は左寄せでも画像はセンタリングした方がバランスは良いと思いますが、
<center>
というhtmlタグは既に廃止されていますので使わない方が良いと思います。
画像及びテキストのセンタリングは

<div style="text-align: center;">画像 or テキスト内容</div>

で行ってください。
辞書登録しておくとすぐに呼び出せて便利です。
上記2項目(YES/ NO)にお返事をお願いしますね。

2017/02/20 (Mon) 21:19

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/02/21 (Tue) 19:55

Akira  

To Synchronisity横幅とレイアウト崩れの件 内緒さん

ちょっと今時間が無いので取り急ぎのお返事です。
レイアウトが崩れていますから早急に直したいですよね(笑)

最新記事とその一つ前の記事の「ブログ村」アイコンのすぐ後ろに余分な</div>が付いてます。
この部位です ↓ (一部伏せておきます)

alt="にほんブログ村 xxx活(x) xxxグへ"></a></div>

これを削除すれば正しい状態に戻ると思いますのでお試しください。
で、2件しか見ていませんので、トップページから各記事を個別に開いて、サイドメニューが下へ落ちている記事は同じミスが見られるはずです。
(とりあえず最新から数えて3件目は正常です)

残りの件は後ほど。
明日以降になったらごめんなさいね。なるべく早くお返事します!

2017/02/21 (Tue) 20:29

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/02/21 (Tue) 20:45

Akira  

To To Synchronisity横幅の件 内緒さん

レイアウト崩れは直ったようで安心しました

注) 修正箇所が多いので、ひとつひとつ確認しながら注意深く作業されてください。
修正するのはCSSソース(管理画面下段)のみです。htmlソース(管理画面上段)は触りません。

=======

● 全体幅の縮小

まずこちらを先にすすめてくださいね。

----- ①
Ctrl+F(Windows)/ Command+F(Mac) キー検索

#wrapper

1箇所ヒットします。
この項目の

min-width: 80%;



min-width: 70%;

変更

---- ②
先程修正した #wrapper のすぐ下に

#main-container

というのがありますので、その項目の

width: 80%;
max-width: 1400px;



width: 70%;
max-width: 1100px;


変更

---- ③
さらにこのすぐ下に

@media screen and (max-width: 1280px) {
#main-container


というのがありますので、その項目の

width: 90%;



width: 80%;

変更

---- ④
その下の

@media screen and (max-width: 1160px) {
#main-container {

の項目

width: 95%;



width: 85%;

変更

---- ⑤
検索。

#primary

4箇所ヒットしますが2つ目が対象です。
こうなってます ↓

@media screen and (max-width: 940px) {
#primary {
margin: 0 auto;
width: 90%;
float: none;
}
}

この項目に一部追加で以下の通り。

@media screen and (max-width: 940px) {
#primary {
margin: 0 auto;
width: 90%;
max-width: 650px;
float: none;
}
}



ここまでが全体幅の調整です。
この状態で一度更新をして目視確認をお願いします。
そして、
「ナビゲーションとのバランスが悪い」
と感じられる場合には以下の手順に進んでください。
ナビバランスに問題がなければ全体幅調整については終了です。

---- ⑥ ここからナビゲーション横幅の調整
検索。

.ordinary-nav

6件ヒットしますが、最初のものが対象です。
この項目の

width: 80%;
max-width: 1400px;



width: 70%;
max-width: 1100px;


変更

---- ⑦
そのすぐ下には .dropmenu-ul というのがあり、その下の

@media screen and (max-width: 1280px) {
.ordinary-nav


の項目

width: 90%;



width: 80%;

変更

---- ⑧
その下の

@media screen and (max-width: 1160px) {
.ordinary-nav


の項目

width: 95%;



width: 85%;

変更

---- ⑨
その下の

@media screen and (max-width: 940px) {
.ordinary-nav


の項目は以下のようになってます。

@media screen and (max-width: 940px) {
.ordinary-nav {
width: 90%;
}
}

上記を下記の通り追加

@media screen and (max-width: 940px) {
.ordinary-nav {
width: 90%;
max-width: 650px;
}
}


全体幅調整は以上です。
あくまでも私の感覚で行っていますので、もっと小さくしたい、という場合には
修正した箇所で % になっている部分を 5% 刻み程度で数字を小さくしてみてください。
一箇所行ったら全部やってくださいね。
全ての%指定部位の数字を変更です。
例えば10%減らすなら全ての%数値から10引いてください。
ただ、パソコン画面が大きい方からするとこのあたりがギリギリな気もしますので、あまりご無理なさらずに ^^;

========

● メインとサイドの距離を詰める

検索。

#main {

2箇所ヒットしますが、最初のものが対象です。
この項目の

margin-right: 350px;



margin-right: 320px;

変更
この部位も最低でも20pxは空けておいた方が良いと思います。
(50pxから30px縮めましたので 20px 空いています)

参考スクショ
* 文字サイズを16pxに変更して行いました。
* 画面幅1366pxでの様子です。

① デフォルト
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/0afcpwath_zpsmozprkz1.jpg

② 修正後(全体幅)
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/oaieowath_zpsksj4mheh.jpg

③ 修正後(全体幅+メイン・サイド間の詰め)
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/aofjoewath_zpstnywkoku.jpg
(記事幅が②よりも広くなりますのでやらない方が良いかもですが。それか②の手順を%で再度調整。)

=========

● 写真を貼られる際にはやはりセンタリングをおすすめします。
人の視線は大きなオブジェクトをまず認識します。
それが左に寄せられていれば自然と左を意識するようになります。

画像のセンタリング
<div style="text-align: center;"><img src="画像アドレス" alt="代替テキスト"></div>

リンクつきセンタリング画像
<div style="text-align: center;"><a href="遷移先URL" target="_blank"><img src="画像アドレス" alt="代替テキスト"></a></div>

画像センタリング+サイズ指定
<div style="text-align: center;"><img src="画像アドレス" alt="代替テキスト" style="width: 任意の数字px;"></div>

● 記事の幅が狭くなりますので、大判の画像を載せる際が難点になりました。
ここは物理的に共存できない部分ですので妥協をお願いします(笑)

● ひとつ気になる点。
CSSに追加されている内容に

#header-banner {
margin: 0 auto;
padding: 70px 0;
background-image: url();
background-repeat: no-repeat; /*繰り返しの指定*/
background-position: center; /*配置の指定*/


}

というのがありますが、
これら3項目のうち repeat 以外は全て初期値ですので記す必要はありません。
また、background-repeat についても画像が存在しない場合に書く必要はありません。
そして、background-imageの指定を url() と空にして置いておくのはよくありません。
誤動作の原因になります。
元の状態

#header-banner {
margin: 0 auto;
padding: 70px 0;
}

に戻されることをおすすめします。
あるいは追加内容をコメントアウトされるか。

#header-banner {
margin: 0 auto;
padding: 70px 0;
/* 追加内容
background-image: url();
background-repeat: no-repeat; *繰り返しの指定*
background-position: center; *配置の指定*
*/
}

将来的に画像を設定される場合に備えての処置かと思いますが、
実際に作業される時に追加された方が良いですね。

以上です。
手順数が多いですがガンバです ╭( ・ㅂ・)و

2017/02/21 (Tue) 22:42

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/02/22 (Wed) 00:25

Akira  

To Synchronisity横幅修正の件 内緒さん

お出来になったようで安心しました。
はい。また何かありましたらお気軽にどうぞ。
お疲れ様でした

2017/02/22 (Wed) 01:48

Akira  

To Subscribe & Followの件 内緒さん(移動先)

> 今まで使っていたテンプレート(他者さんの作品になりますxxxx)が原因だったとは気付きませんでしたが〜

まずこちら、差し出がましいのでご気分を害されたら申し訳ございません。
その製作者さんと個人的交流などは一切ありません、というのをお伝えした上で。
テンプレートがログイン時のアドレスやパスワードなどの表示操作を行うことはありません。
入力項目が自動で表示されるのはキャッシュやクッキーが残っているかどうかによります。
そしてそれらには保持期限がありますので、セッション切れになれば表示されなくなります。
たまたまそのログインの際に期限が切れて空白になったのではないでしょうか。
また、ソフトなどを利用しての「クリーニング」でもキャッシュ・クッキー情報はクリアされます。
ですから「テンプレートが原因」とするには早計かと思います。
くれぐれも、個人的な繋がりはありませんので肩を持つつもりで申し上げているわけではありません。
ご理解頂ければ幸いです ^^;

======

> 拍手ボタンを消されてしまう(見えなくされている)被害〜

こちらについては「トップページ」と「個別記事(パーマリンク)」の区別がご理解頂けていないように思います。
Synchronisityは「全文表示タイプ」のテンプレートですので、このタイプではトップページと個別記事を混同される方が多いようです。

トップページ = 時系列順、複数記事
個別記事(パーマリンク) = 各記事ひとつあたりの専用記事

内緒さんが仰る
「【新着記事】から見ていると拍手ボタンはありませんが、【新着コメント】から見ると拍手ボタンがあります」というのは

新着記事 = トップページ?
新着コメントからの移動 = 個別記事

内緒さんがどのページを指して「新着記事」と称していらっしゃるのかが不明ですが、時系列で複数の記事が並んでいるのであればそれは「トップページ」です。

トップページでも拍手を表示させるには、
環境設定 > ブログの設定 > 記事の設定 > 拍手ボタンの表示位置
を、「追記の」に変更してください。

==========

> Subscribe & Follow の削除

Ctrl+F(Windows)/ Command+F(Mac)キー検索

<!-- 注)サイドメニューSNSリンク不要の方ここから削除 -->

上記を目印にガイダンスに従ってください。

==========

> その場所に、できれば四角いカレンダーはいつも欲しいと〜

こちらについては私の方でhtml, CSSの追加のお手伝いは致しかねます。
公式プラグインの「カレンダー」をサイドメニューに追加されてはいかがでしょうか。

以上です。
よろしくお願いします (●'0'●)/

2017/03/29 (Wed) 16:54

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/03/29 (Wed) 19:46

Akira  

To Subscribe & Followの件 内緒さん②

いえいえー。
私自身が気分を害した、ということはありません。
いろんな事情がおありのようですし、私としては内緒さんがテンプレート作者さんを非難しているとも思っておりません。
こちらこそ言葉足らずで申し訳ないです。

Subscribe&Followの件についてはお任せしますね。
嬉しいお言葉もありがとうございます。
励みになります

2017/03/29 (Wed) 20:35

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/03/30 (Thu) 00:36

Akira  

To Subscribe & Followの件 内緒さん③

お出来になったようで安心しました
削除は

注)

でCtrl+F(Windows)/ Command+F(Mac)キー検索するといろいろガイダンスが出てきますので、必要があれば検索してみてください。
作業お疲れ様でした

2017/03/30 (Thu) 03:52

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/03/30 (Thu) 15:52

Akira  

To Synchronisityシェアアイコンの件 内緒さん

お疲れ様ですー。

記して頂いているのはCSSですので、修正対象箇所ではありません。
削除対象はhtmlの方です。
Ctrl+F(Windows)/ Command+F(Mac)キー検索

<footer class="entry-footer">

上記を目印に、数行下の

</footer>

までを削除です。

=====

お褒め頂いて光栄です。
ありがとうございます

2017/03/30 (Thu) 23:04

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/03/31 (Fri) 00:26

Akira  

To Synchronisityシェアアイコンの件 内緒さん②

わー。そうでしたよね。
せっかく褒めて頂いたのに消してどーすんだ ( ̄∀ ̄;)
とんだヌケサクですみません ←

削除される前で良かったです。
改めまして。
たぶんスクショの方がわかりやすいと思うので、

<!-- 記事フッター -->

で検索されまして、スクショと照らしながらお願いします。

http://blog-imgs-102.fc2.com/v/a/n/vanillaice000/a9fw9ef.jpg

個別記事下にあるEdit(記事編集)も残してあります。
二度手間になり申し訳ないです (*_ _)

2017/03/31 (Fri) 00:57

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/03/31 (Fri) 01:36

Akira  

To Synchronisityシェアアイコンの件 内緒さん③

お返事遅くなりました (*_ _)

お出来になったようで良かったです。
お疲れ様でした

2017/04/01 (Sat) 13:08

hige  

やっと引越し

 やっと引越しできました。
 素人がテンプレを触るのは大変ですが、なんとか望んでる形に近づきました。
ブログ名の背景画像はしょっちゅう入れ替えるのですが、これを入れるのが一番苦労しました。
 聞けば早いんでしょうが、根が意地っ張りなので自力でなんとかしてみました。もちろんネットであれこれ検索してですが。
 高等なことは出来ないんで、なんだかもっさりしてます。
 Google fonts が反映されたりされなかったりの症状に見舞われて何日も悩んでたんですが、やっと判明。
 シングルクオーテーションとダブルクオーテーションの混在が原因で、これを見つけるのにえらい日数がかかりました。
 link rel="stylesheet" href="//fonts.googleapis.com/css?family=
 元々のテンプレートで ' で括ってたのを途中からコピペしたのが原因でした。
 あとはぼちぼち追加や書き換えをしていく予定です。

 で、Akira氏のオシャレさと、サイドコラムの動きが導入できて満足。
 でも、ブログ名の背景に画像を入れた瞬間、なんかダサイかも・・・・・

 私もAkiraファミリーの一員になりました。
 ありがとうございます。

2017/04/04 (Tue) 20:43

Akira  

To higeさん

お疲れ様でした (o'ω')ノ

> ダブルとシングルの混合

これ特にJSでは気をつけないといけないところなんですよね。
JSでhtmlを描画(document write系)だとコード内にhtmlの記述とJSの記述とが混ざるので、明確に区別しないといけないんです。
もちろんhtmlでも然り。
思わぬところで引っかかりましたが、ご存知の方は少ないのでhigeさんの知識として吸収できたのではないでしょうか。

こちらこそいつもありがとうございます

2017/04/05 (Wed) 10:55

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/04/06 (Thu) 15:16

Akira  

bタグの件 内緒さん

こんばんは (o'ω')ノ
まず、ここでは説明の便宜上、区別のために管理画面下段の内容を「CSS」ではなく「スタイルシート」と表現しますね。
まぁ、本来はそれが正しいのですけれど(笑)

=====

> 今まではずっとリンクには<b></b>をつかって太字にしていました〜

特に問題ないですよ。
html5でのbタグは見た目に文字を太くするだけで意味的強調(強意)ではありません。
<a href=""><b>テキスト</b></a>
でも良いですし、
<b><a href="">テキスト</a><b>
でもOKです。
strongを用いるのは良くないですね。
strongは太字という意味ではなく「強意」です。
構文的なエラーではありませんが、リンクが記事内容の主旨になることはまず無いはずですし、不自然なリンクとしてスパム対象となることもあり得ます。

Q: htmlにリンク太字はよくないものなのか
A: strongによるものでなければ特に「悪い」といったことはありません。

=======

> サイトによってはcssで指定した方が良いと〜

それはスタイルシートに書け、という意味ではなく、
装飾系のhtmlは避けてCSSプロパティ指定しなさい、という意味ではないでしょうか。

例)
<b>テキスト</b>
↓ better
<span style="font-weight: bold;">テキスト</span>

① スタイルシートでaタグを太字操作したい場合

記事内にあるaタグの全てに太字装飾を行う、という形になります。
id名class名での振り分けが無い場合には掲載場所による特定しかできません。
「記事内の」という制限をするにしても、関連記事のリンクやFC2のテキスト広告なども含まれますので(これは仕様上避けられません)、それが良いのかどうかです。

この方法を取られるならばスタイルシート末尾に

.inner-contents a {
font-weight: bold;
}


を追加。

Q: その場合、cssのどこにどういった指定を入れたら良いのか
A: スタイルシート末尾に上記内容を追加します。ただし注意点を理解した上で。

=======

② ①の問題点を避け、かつ、bタグを用いた太字も避けたい場合

<a href="" style="font-weight: bold;">テキスト</a>

スタイルシートは利用せず、記事内の対象リンクを上記のような書き方にしてください。

======

bたぐとaタグを組み合わせることについて特に問題は発生しませんので、今まで通りお書きになるのが一番のように思います。
ただしbタグの定義はhtml4とhtml5とで異なります。
仮に今後html4のテンプレートに変更された場合には多少問題になるかもしれません。
html4のbタグはstrongの類似で意味的強調が含まれます。
html5からわざわざhtml4に後退させることはまず無いかもしれませんが、デザインのみを優先される方にはしばしばこのダウングレードが起こり得ることかもしれません(笑)

余力があればaタグのstyle属性にCSSのfont-weight: bold;という形も良いと思います。
スタイルシートでの指定にはちょっと無理がありますね (´・ω・`)
スタイルシートにされる場合には

記事内
<a class="任意名称" href="">テキスト</a>

スタイルシート
.任意名称 {
font-weight: bold;
}

と、こうしてidまたはclassでの切り分けは必須かと思います。

2017/04/06 (Thu) 22:36

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/04/07 (Fri) 10:53

Akira  

bタグの件 内緒さん②

> 問題ないようでしたら今まで通りで〜

そうですね。過去に遡っての修正も大変でしょうし、何ら問題ありませんので今まで通りで(笑)
お疲れ様です。ありがとうございます

2017/04/07 (Fri) 13:55

hige  

ついにヘルプ

いつもお騒がせしております。
今まで、Synchronisity を使わせてて頂いて、色々自力でカスタマイズし、あがいてきましたが、又々壁に激突。
今回は潔く教えを請うことに致しましました。
なにとぞお教え下さいませ。

やりたいこと
 全記事リスト
( html ではこの部分
 <!-- 全記事リストここから -->
 <!--titlelist_area--> )

 に、記事毎に設定したタグリストを入れたいんですが。

他の記事リスト、検索結果とかカテゴリー記事リストとかは全て
</section> の直前に
<!--topentry_tag-->
<ul class="list-entry-tag">
<li>タグ:
<!--tag_list--><span class="tag">
<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>
</span><!--/tag_list-->
</ul>
<!--/topentry_tag-->
を入れることにより、記事毎に設定したタグリストを表示させることが出来たのですが、全記事リストだけ同じ事を記入してもなにも表示されません。

どないにか なるんでしょうか?
宜しくご教授下さいませ <(_ _)> 。

2017/05/21 (Sun) 18:54

hige  

PS:ついにヘルプ

<!--tag_list--><span class="tag">
の class="tag" ってなんか特別の意味がありますか。
参考にしているテンプレには特にCSS の装飾がないような気がするので、不要なのかな。

2017/05/21 (Sun) 19:03

Akira  

To higeさん

こんばんは ( ゚Д゚)ノ

> 全記事リストに、記事毎に設定したタグリストを入れたい〜

まず、変数が違います。<!--topentry_○○>という、前にtopentryが付いた変数は<!--titlelist_area-->内では無効化されます。
これが何を意味するかというと、書く記事に対してそれぞれにタグ名を抽出することができません。
通常だとこうですよね ↓

記事タイトル1
内容
タグ: A, B, C

記事タイトル2
内容
タグ: A, C, Q

こんな感じ。
これができないので、全記事一覧でできることは「今まで使用したことのあるタグ全てをリスト化」ということになります。

記事1
記事2
記事3

タグ: A, B, C, D,.......,Z

各記事にタグを当てることはできないんです。

======

上記の仕様をご理解頂いた上で、タグを「リストとして」表示されるのであれば以下の通り。

<ul>
<!--ctag-->
<li><a href="<%ctag_url>"><%ctag_name> (<%ctag_count>)</a>
</li>
<!--/ctag-->
</ul>

基本は上記のような形でしょうかね。
設置の仕方はhigeさんの結論を待とうと思います。
html及びCSSの追加も必要です。
そしてhtmlについてはアウトライン(html的な定義)の問題もありますので、セクション化してある各記事とは別のアウトラインで書いた方が良いと思います。
なのでここに数行で書けるものでもないです(笑)
よろしくお願いします ( ゚Д゚)ノ

2017/05/21 (Sun) 23:17

hige  

あっ やっぱり

多分なんかの絡みで出来ないんやろなと、推測していたのですが。
そうなんですね。
ありがとうございました。
個別記事にリンクした形で表示できないのであれば諦めます。

自分が過去記事をたどる時、見に来てくれる方も多分同じ手順でたどっている。
どうすれば同種の記事を読んでもらえるか?
ここにも書いてますよ、という目印をできるだけ付けたかっただけです。
大昔の記事も一生懸命書いてきたので。
とは、まあ 自己満足で・・・。

自分を一番褒めるのも
一番貶すのも 私自身ではありますが。

2017/05/21 (Sun) 23:57

Akira  

To higeさん

全記事一覧のページは大層特殊なんですよね (´・ω・`)
ページ送りも通常のものでは動作しませんし。
コメント数やトラックバック数が表示できるようになったのも後発というか、最近のようです。

> 自分を一番褒めるのも 一番貶すのも 私自身

そうですね。
とりあえず、他人に貶されるのはできるだけ避けたい(笑)

2017/05/22 (Mon) 00:40

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/18 (Fri) 14:30

Akira  

To Tweetの件 内緒さん

> TwitterのTweet内にブログを埋め込む方法〜

Twitterカードのことでしょうか。
記事にしていますので一度ご参照ください。

http://vanillaice000.blog.fc2.com/blog-entry-297.html

よろしくお願いします ( ゚Д゚)ノ

2017/08/18 (Fri) 15:05

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/18 (Fri) 16:03

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/18 (Fri) 16:20

Akira  

To Twitterバリデートエラーの件 内緒さん

> もっと日付を伸ばしたくてもどこをどうすればいいのか〜

こちらはご質問ではないかもしれませんが。
newの表示期限を延ばすにはCtrl+F(Windows)/ Command+F(Mac)キー検索

s=24

24の数字をお好きに変更してください。
2日なら48、3日なら72、の時間単位です。

> ERROR: No card found (Card error)〜

OGPは設定済みですので問題ないと思いますが、検査する際にちゃんと個別記事のURLを入れましたでしょうか。
記事単位で行ってくださいね。
各記事のtwitter用シェアアイコンを削除されていますが、それが無いと閲覧者はシェアしたくともできません。
twitterカード設定の意味がありませんので、元に戻されるか、テンプレートのアイコンがお気に召さなければFC2ブログ個人設定で表示するか、いずれかの処理でお願いします。
一応簡易的なチェックはしましたが、問題なくカード状態でのシェアができるようはなってます。
ただ何度も恐縮ですが、シェアボタンが無いので意味はない (´・ω・`)

2017/08/18 (Fri) 17:35

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/18 (Fri) 18:30

Akira  

To twitterカードの件 内緒さん

や、それが原因かはわかんない(笑)
寧ろURLの方ではないかと思ってます。

web上で公開した以上、引用やシェアを防ぐといったことは不可能ですので、そこはもう割り切るしか。
中途半端に引用されて本意が伝わらなくなるよりも元ページへ誘導して読んで貰う方(つまりシェアでの誘導)が良いのかもしれませんね。
でもお気持ちはわかります。
まさしくwebジレンマですよね ^^;

2017/08/18 (Fri) 18:42

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/22 (Tue) 11:38

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/22 (Tue) 11:45

Akira  

To Chronicleサイト内検索の件内緒さん

はい。了解です(笑)

2017/08/22 (Tue) 14:37

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/24 (Thu) 20:18

Akira  

To Twitterカードとマウスの件 内緒さん

こんばんは (o'ω')ノ

ブログの件はちょっとよくわからないです。
ごめんなさいね (*_ _)

マウスですが、手に馴染むまで少し時間がかかりそうです。
やっぱり慣れってあるんでしょうかね。
全く同じものを購入したんですが、クリックした時の感覚とかが結構違う(笑)
今度は大事に使います ^^;

2017/08/25 (Fri) 19:59

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/08/25 (Fri) 23:46

Akira  

To Twitterの件などいろいろ 内緒さん

こちらはいわゆる盆地ですのでめっちゃ暑いです(笑)
そういえばAmebaのスタッフブログに
「寒い日が多いので夏が終わった〜」みたいな文章があって、一体お前はどこに住んでいるのだ (´・ω・`) と思いました((((笑)
日本全体で猛暑の気がするんですけど ( ̄∀ ̄;)
内緒さんもご自愛くださいませ

2017/08/26 (Sat) 20:13

masagoyuki  

テンプレートの最近記事の件

初心者です。
syncro… テンプレ 最新記事で検索してたどり着きました。
すっきりしたテンプレを探していて「コレだ」と飛びつかせていただきました。
現状、最新記事が5つしか表示されないのを100くらいまで表示させる方法ってあるので
しょうか。素人っぽいお尋ねで申し訳ありません。
またカレンダーを表示させるにはどのようにすればよいのでしょうか。

お時間あるときにご回答いただければうれしいです。
(「自己解決せよ」の場合は、そのようにご返答をお願いします。)

2017/10/21 (Sat) 14:06

Akira  

To masagoyukiさん

申し訳ございません。
テンプレートのご質問についてはどなた様にも等しく「ご自身のブログアドレスの明記」をお願いしています。
よろしくお願いします。

https://vanillaice000.blog.fc2.com/blog-entry-26.html

2017/10/21 (Sat) 22:17

masagoyuki  

失礼しました。

ありがとうございます。
http://masagoyuki.blog.fc2.com/
です。
よろしくお願いいたします。

2017/10/22 (Sun) 02:01

Akira  

To masagoyukiさん

ご協力ありがとうございます

> 最新記事が5つしか表示されないのを100くらいまで表示〜

最新記事一覧の表示件数はブログ個人設定から行ってください。テンプレート内容の操作は不要です。
最大50件までなので100件は無理ですが。

https://admin.blog.fc2.com/control.php?mode=setting&process=2#setting2

--------
> カレンダーを表示させるにはどのようにすれば〜

こちらは公式プラグインのカレンダー、あるいは有志ユーザーによる共有プラグインからお選びください。

https://admin.blog.fc2.com/control.php?mode=plugin&process=public

よろしくお願いします (o'ω')ノ

2017/10/22 (Sun) 02:14

masagoyuki  

ありがとうございました。

できました! 「これでいいんです」と教えていただくと「これでいいんだ」と理解できます。簡単なことでもサイトの表示の舞台裏って、リードしてくださる方の愛がほんとうに大切だと実感します。ありがとうございました。≦(._.)≧

2017/10/22 (Sun) 15:24

Akira  

To masagoyukiさん(完了のご報告)

お出来になったということでお疲れ様でした。
ご報告ありがとうございます

2017/10/22 (Sun) 15:56

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/06 (Mon) 14:40

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/06 (Mon) 14:42

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/06 (Mon) 21:45

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/06 (Mon) 22:57

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/07 (Tue) 00:29

Akira  

To Synchronisity SSLの件 内緒さん

こんばんは。
動画エラーの件は解決済ということでよろしいでしょうか。

> トップページはSSLになっていませんが、ログインした後のページはすべてSSLになっております〜

ご自身の「ブログ」についてはSSL設定が無効になっていますのでhttpsにはなっていません。
ログインした後の「管理画面」「その他FC2ポータル関連」のページはFC2運営管理ですのでユーザーが何もせずともhttpsに変更されています。
FC2ブログについてはご自分で設定を行わなければ勝手に(自動で)SSL化されることはありません。
現状内緒さんのブログは「非SSL(SSL未設定)」です。
混在コンテンツではなく、非SSLです。

SSL設定ページ
https://admin.blog.fc2.com/control.php?mode=setting&process=15

上記ページからご自身の責任に於いてSSLを有効にするか否かお決めください。
FC2ブログについてはAmebaのような全体適用ではなくユーザーによる選択制です。

関連記事
https://vanillaice000.blog.fc2.com/blog-entry-581.html

-------

> 記事が原因なのかテンプレートが原因なのか分かりませんが〜

テンプレートに起因する混在コンテンツはありませんので、SSLを有効化した後に混在コンテンツが発生するのであれば原因は記事かサイドメニュー内のプラグイン(FC2ブログサービス及び外部サービス含む)です。
見極めは以下のページを参照してください。

https://vanillaice000.blog.fc2.com/blog-entry-582.html
https://vanillaice000.blog.fc2.com/blog-entry-597.html

-------

> アメブロは殆どの人が正規SSLになっております〜

アメブロというのはFC2と違い、テンプレートなど仕様が統一されています。
アメーバはサービス全体で一斉にhttpsへ移行しましたが、自由度の高いFC2ブログではそういうわけにはいきません。
それ故の「選択制」です。
SSL化はユーザーの自己責任で行なってください。

参考記事
https://vanillaice000.blog.fc2.com/blog-entry-602.html

-------

> Akiraさんのテンプレート見つけられない〜

こちらからどうぞ ↓
https://admin.blog.fc2.com/control.php?mode=design&process=user&author=vanillaice000

よろしくお願いします。

2017/11/07 (Tue) 01:42

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/07 (Tue) 02:06

Akira  

To Synchronisity SSLの件 内緒さん②

> 色々見てみましたが、諦めた方が良さそうに思えます〜

いえ。SSL化は今後は必須です。
いずれにしろどこかのタイミング(来年あたり)でFC2運営が全ユーザーを強制移行させることを予告しています。
数年もすればhttp通信自体が過去の遺物になるのではないでしょうか。
Googleもhttpsサイトとhttpサイトを差別化すると明言していますし、どのみち強制移行は免れないわけですから今のうちに自身でSSL設定を済ませる方が得策だと思います。
強制移行時にFC2運営が何らかの手を入れてくれるわけではありませんので、結局は自分で設定をONにするか運営陣がONにするかの違いだけです。
httpの画像があるならば対処せざるを得ませんので(FC2ブログサーバー内の画像は自動でhttpsに書き換わります)、今対処しないのことのメリットは「とりあえず今は楽」というだけというか、問題を先送りにするだけです。

* アメブロの場合は外部直リンク画像がhttpの場合にはSSLプロクシを通して表示させているようです。
FC2はそういった処置はとりません。

2017/11/07 (Tue) 02:16

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/07 (Tue) 02:28

Akira  

To Synchronisity SSLの件 内緒さん③

JSにhttpが残っていますのでアクティブ混在コンテンツ状態です。
お察しの通りFC2のカウンターが該当ですが、既にSSL対応済みですので改めてコードの取得をしてくださいね。
あとは特に問題なさそうです。
お疲れ様です

2017/11/07 (Tue) 03:12

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/08 (Wed) 14:21

Akira  

To Synchronisityの件 内緒さん

ごめんなさい。ちょっと仰ってることがよくわからないです。

> ブログトップページのブログタイトルの下に書くスペースがありますが、変更しようと思い【500文字まで設定できます】とあるので〜

どこのことでしょうか。
ブログタイトル下のスペース…?テンプレートのhtmlソースですか?
もしかして記事編集画面の「本文」のことですか?
記事作成については私のテンプレートの仕様とは無関係ですので、内緒さんがどのように書かれるかというだけです。
私の方でできるアプローチはありません。
500文字制限というとコメントしか思い当たらないのですが、記事のことなんですよね。
うーん。よくわからないです。ごめんなさい。

------

> 今出ている文字しか反映されていないのですが、文字制限がこのブログのテンプレートにあるのでしょうか〜

どこのことですか?
Synchronisityは全文表示タイプですので、私が意図的に文字数を制限しているといったことはありません。

------

> 変更したところ短く切られてしまっています、元の文章はもっと書いていたのにと。500も要りません〜

具体的のどのページなんでしょうか。
文章が途切れている記事を見つけることができないのですが。

------

> 因みにURLが最後に?が付いているのですが、どうしてでしょうか〜

どのページですか?

------

お手数とは思いますが、お願いがあります。
これこれこういった事象があります、という場合にはそのページのURLやスクリーンショットを頂けないでしょうか。
でないと私がそちらへお邪魔し、問題発生のページを探すことから始めなければいけませんよね。
非常に困難な作業で時間もかかりますので、最低でもURLはください。
よろしくお願いします。

2017/11/08 (Wed) 16:14

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/08 (Wed) 17:38

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/08 (Wed) 22:54

Akira  

To Synchronisityの件 内緒さん ②

「ブログ説明文」ということでよろしいでしょうか。
内緒さんがどんなテキスト内容をどのように編集されたのか私ではわかりません。
なので推測するしかありませんが
① 更新をクリックしたか
② 改行(正確には改段落 Enter/Returnキー押下)をしていないか
この2つぐらいしか思いつきません。
更新をクリックしていなければ当然反映されませんし、改段落についてはEnterキーを押した時点で保存が行われます。つまりキー改行もbrタグを記述しての改行も不可です。

-------

> URLの最後に?がついております〜

「どこをクリックして辿り着いたか」をご確認ください。
トップページからブログタイトルをクリックした際に末尾の?は付きません。
内緒さんの既存インデックスに末尾?もありません(スマホ版の?spは多くありますが別物です)

内緒さんがどなたかにコメントを入れる際、加えてご自身のページ上で返信などをされる際に入れているブログアドレスの最後に ? を入れていませんでしょうか。
一度誤記入するとその情報が長く引き継がれます。
このコメントにここで返信されます際に自身のURL(自動入力されているはずです)を確認してください。
この件もそのぐらいしか思いつきません。

2017/11/08 (Wed) 23:34

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/09 (Thu) 00:06

Akira  

To Synchronisityの件 内緒さん(終了のご報告)

> トップのURLは自分のブログを開いたときのもの〜

どこから開いたか、です。
仮に管理画面の「ブログの確認」から開いたのであれば、FC2のシステム不備かもしれませんので運営に直接お問い合わせください。
(FC2不具合の可能性は薄いと思います)

ブックマークから開いたのであればブックマークのURLが間違っていますので再登録をしてください。

気になるのならば直した方が良いですよ (´・ω・`)
いずれにしろお疲れ様でした。

2017/11/09 (Thu) 00:22

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/09 (Thu) 00:38

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/09 (Thu) 00:43

Akira  

To Synchronisityの件 内緒さん(終了のご報告②)

やはりブックマークでしたか (´・ω・`)
SSL化後は旧アドレスを踏むとリダイレクトがかかりますので変更した方が良いですね。
リダイレクトはなるべく使わないに越したことはない。
お疲れ様です

2017/11/09 (Thu) 13:16

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/12 (Sun) 13:49

Akira  

To Synchronisity INDEXページの件 内緒さん

こんにちは。
こちらこそありがとうございます

> 文字数が今は20文字なので、そこを出来たら40とか45とか増やしたい〜

残念ながら全記事一覧のページについては文字数「減」はできても「増」はできないんです。
これはFC2のプログラム上という意味で。
出力済みの文字数はJSで一部非表示にできますが、出力自体はFC2の独自変数で行われますので、その仕組み上不可、ということです。

2017/11/12 (Sun) 14:32

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/12 (Sun) 17:14

masagoyuki  

グローバルナビの件

こちらのsynchronisityページの方に質問すべきところ、ご面倒をかけてしまい申し訳ありませんでした。グローバルナビの理解がそもそも間違っていたようです。現状のindexとかblogとか分けられていることでよいのですね。いつも愛情あふれるアドバイスをありがとうございます。ところで、SSL化が問題になっているようで、初心者にはなんとなく悩ましいところです。独自ドメインにしてしまったからか、いろいろな方の説明にあるように、ブログ設定で<SSLを有効化>とポチッと…が見つからないような気がするのですが、そんなことはないのでしょうか。お時間のある時でまったくかまいませんので、ご助言いただけますと幸いです。

2017/11/21 (Tue) 01:39

Akira  

To masagoyukiさん

ご協力ありがとうございます

独自ドメインの方のSSL対応はまだ先になると思います。
個々のドメイン名の把握や採算合わせのこともあるでしょうし。
今年中は無理だろうなぁ、と思っています。

2017/11/21 (Tue) 16:19

masagoyuki  

独自ドメインSSL対応の件

お忙しいなか、お返事いただきありがとうございました!

2017/11/22 (Wed) 00:50

hige  

2018年正月

あけましておめでとうございます。
本年もどうぞよろしくお願い致します。
このテンプレもついに大改修。
頑張って、改造に挑戦してみます。

2018/01/10 (Wed) 18:12

Akira  

To higeさん

おめでとうございますー
こちらこそ昨年中はお世話になりました。
今年もどうぞ変わらずよろしくお願いします。

大改修ガンバです╭( ・ㅂ・)و
ご迷惑おかけします ^^;

2018/01/10 (Wed) 18:26

hige  

ちょっと相談が

 どこかのコメントでおじんおばあが置いてきぼりになるかもと云う・・・・・・

 テンプレの要望はダメですか?

2018/01/11 (Thu) 23:59

Akira  

To higeさん

higeさん、こんばんは。

できる・できないは内容によりますがご希望があればどうぞ (o'ω')ノ

2018/01/12 (Fri) 00:11

hige  

要望のつづき

 ごめんなさい。質問を投げかけてたのに返事をいただいて放置していました。
 率直にこれこれと言えばいい話なんですが、どうしようかと。年寄りはぐだぐだとこだわって、めんどくさい存在かも知れません。
 私の世代でブログをやってる人ってそれなりに多いのはご存じだと思います。
 そんな方は、ブログを自分の表現の手段として活用されています。
 で、何人かの方しか接点は無いのですが。
 SSL化の話と共にレスポンシブの利点をお勧めして、Akira氏のテンプレを紹介しました。ところがおじん達には抵抗感があるようです。
 この、私と同じ世代のおじん達にはAkira 氏のテンプレに抵抗感が強いのです。
 思い切って導入してしまえば、Akira氏のサンプルページにあるような最先端なおしゃれ感も、書かれた記事に依存してそれなりの作者の雰囲気になると思うのです。多分記事中の画像がブログのイメージを決めていくのにとか。そうは思っているのですが。
 私のように、もともとBasicとかVBAとかを囓ってて、それが趣味と思ってる人種にはテンプレの改造はそれなりに趣味であったりするのですが、そうでない人たちには未知の世界でしょう。
 で、要望の主旨ですが
 全記事タイプや要約表示タイプの両方に、おじん用で、英単語なしで(全部日本語)、ブログタイトルの背景に任意の画像が挿入できる、装飾の一切ないテンプレを。うーん 装飾の無いってのはありえへんけど。
 と、おねがいするのでした。
 感覚の問題なので、結局、こうしてと、言えないのですが。
 年寄りの戯言でした。
 ごめんなさい。

2018/01/13 (Sat) 18:26

Akira  

To higeさん

higeさん、こんばんは (●'0'●)/

テンプレートに限ったことではないのですが、私個人の考えとしては先日のLazyloadの記事中にも書いたと思いますが、「不信感」があるのならば使わないのが最適解だと思うんです。
この件で言うと「抵抗感」ですね。それをはっきり自覚している場合は抗わずに別のものを探すのが一番ではないかと。

レスポンシブデザインについては理解のできていない方に無理に強いるのも酷だと最近感じます。
いくらこちらが説明したところで、気のない人には伝わらないんですよね (´・ω・`)
ある時点で「あぁこれはマズいなぁ。」と自覚する場面に出くわして初めて理解に至るというか。

デザインの感覚はそれこそ個々に違いますから、装飾が最小限なものを選んで足りないところは自分で補うのが良いですね。
そういうテンプレートは既に多く共有されているわけですし。
私のテンプレについては「作りこみ系なのでシンプルではないです」の謳い文句通りで、制作理念みたいなものでもあります。

日本語・英語については最新のテンプレートが全部日本語です。
私としては真っ白で罫線程度の装飾のテンプレート、みたいなのは製作するつもりはないです。
それは私がせずとも誰にでもできると思うので (´・ω・`)
最新作がこれまでで最もシンプルだと受け取って頂ければ(笑)

2018/01/13 (Sat) 21:43

hige  

要望の件

 ご主旨、よく理解致しました。
 戯言に付き合って頂きありがとうございました。
 よく考えてみます。

2018/01/14 (Sun) 07:55

原  

アドセンスがはみ出てしまう

お忙しいところ失礼いたします。グーグルアドセンスのレンスポンシブを貼りたいのですが、PC、スマホ両方とも正確に表示されずはみ出してしまいます。
修正するにはどうしたらよいでしょうか。よろしくお願いいたします。

2018/02/02 (Fri) 14:38
vanillaice (Akira)

Akira  

To 原さん

こんにちは。

> グーグルアドセンスのレンスポンシブを貼りたいのですが、PC、スマホ両方とも正確に表示されずはみ出してしまいます〜

該当コードはどう見てもレスポンシブタイプではありません。固定幅680pxです。
正しいレスポンシブコードの取得をお願いします。

* アドセンスは初回ロード時に横幅を設定しますので、ブラウザ縮小などの動作に自動でリサイズは行いません。
その点を事前に知っておいてくださいね。

-------
再度拝見したところレスポンシブになっているように思いますがどうでしょうか。

2018/02/02 (Fri) 14:57

原  

お返事ありがとうございます。
確かにグーグルの自動サイズ、レスポンシブなのですが、新たに自動サイズ、レスポンシブを取得し貼りましたが、やはりずれてしまいます。
ご回答いただいた680pxで試してみたらPCはうまくいきました。スマホは広告によってはほんの少し端が切れてしまいましたが調整してみます。

2018/02/02 (Fri) 15:29

原  

上がレスポンシブで下が680pxのバナーです。

PC版レスポンシブは広告の種類によって、正しく収まるものと、右側が削れるもの、右側がはみ出して表示される場合があります。スマホは正常に表示されます。

680pxはスマホの場合右端の広告を消す×が削られて表示されてしまう場合がありますがPCは正常です。

2018/02/02 (Fri) 15:52
vanillaice (Akira)

Akira  

To 原さん

とりあえず広告については私が操作するわけにはいきませんので、
「アドセンス horizontal」あたりで検索すると情報が出て来るのではないかと思います。

2018/02/02 (Fri) 16:08

原  

何度もロードを繰り返していくうちに正常に表示されるようになりました!!
お忙しい所、ありがとうございました!

2018/02/02 (Fri) 16:11
vanillaice (Akira)

Akira  

To 原さん

はい。恐らくリアルタイムなリサイズを行わない仕様とキャッシュの関係かと思います。
お疲れ様でした

2018/02/02 (Fri) 16:13

JAPAN  

ラインボタン

大変ありがたく利用させて頂いております。
記事下にあるツイッターなどのようなラインボタンを追加する予定はありませんか?
すでにあるなら追加方法をご教示ください。
お願いいたします。

2018/04/21 (Sat) 17:30
vanillaice (Akira)

Akira  

To JAPANさん

ありがとうございます (o'ω')ノ
LINEボタン追加は今のところ予定していません。
追加方法はありますがURLを教えて頂かないことにはテンプレートのバージョンがわかりませんのでお伝えできません。
アイコンの適用ができるかどうか不明だからです(Font Awesomeのバージョン次第)
コメント投稿欄上に明記していますご質問の際には必ずご自身のブログアドレスをお知らせください

https://vanillaice000.blog.fc2.com/blog-entry-26.html
https://vanillaice000.blog.fc2.com/blog-entry-419.html

よろしくお願いします。

2018/04/21 (Sat) 21:38

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2018/04/22 (Sun) 22:20
vanillaice (Akira)

Akira  

To LINEシェアの件 内緒さん

ご協力ありがとうございます。

Synchronisityに導入しているFont Awesomeのバージョンは4.7です。
LINEアイコンの提供は5.0からなのでアイコンは準備できません。
Font Awesomeのバージョンを上げた場合ですが、4系から5へのアップグレードはかなり大規模な変更が入っていますのでhtmlの文字列を少し変更したというだけでは適用できません。
なのでアイコンについてはご自身で画像を準備していただくかテキストで代用するなどの対処をお願いします。

<li><a href="https://line.me/R/msg/text/?<%topentry_link>" target="_blank" title="share on LINE" class="c-line"><span class="line-icon">LINE</span></a>

htmlは上記のような形で良いと思います。
CSSについてはご自身でお願いします。
上記のままで何もしなくても取り敢えずリンクは設定できます。
画像を利用する場合は LINE の部分を
<img src="画像アドレス" alt="代替テキスト">
に変更。他のアイコンと揃えるのは大変かと思いますのでテキストをおすすめします。
よろしくお願いします。

2018/04/22 (Sun) 23:54

JAPAN  

お忙しい中、ご教示ありがとうございました!
トライしてみようと思います。

2018/04/23 (Mon) 00:31
vanillaice (Akira)

Akira  

To JAPANさん(終了のご報告)

はい。よろしくお願いします。

2018/04/23 (Mon) 15:38

-  

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2018/08/03 (Fri) 18:20
vanillaice (Akira)

Akira  

To Synchronisity利用報告の件 内緒さん

こんばんは ('0')/

使用報告等は不要です。どうぞ自由にご利用くださいね。
ご丁寧にありがとうございます

2018/08/03 (Fri) 22:48

vwvw  

To Akiraさん

ありがとうございます。
活用させていただきます。

2018/08/08 (Wed) 11:42

lanee  

先の誤送信すみませんでしたm(__)m
Akiraさんのブログからテンプレートをお借りしますし、カスタマイズのこともいろいろ勉強いたしました!ありがとうございました。

2018/09/09 (Sun) 22:09
vanillaice (Akira)

Akira  

To laneeさん

こんばんは。ご丁寧にありがとうございます
(誤送信コメントは削除しました)

2018/09/10 (Mon) 20:50