Entries

【雑記】ブログレイアウト変更

このブログのテンプレートって、公式テンプレートのskin14ってやつなんだけど、
元々、右上のネコのキャラクターが可愛くて選んだものの、仕組み自体は古いみたいで
結構改造して使っていたりする。

そのままの状態だとこんな感じになるんだけど見れるかな?

今回改造したのは、『続きを読む』を押した際に、個別ページに飛ばさないで
その場で展開するっていう部分と、各SNSボタンの追加、
さらに『続きを読む』を押したときだけそれらのボタンを表示するようにした。

SNSボタンがどんな感じかというと、こんな感じ。
20180404_blog_002.png

う~ん……。
配置できるボタン全部配置したんだけど、自己主張激しすぎだろ……。
どんだけ目立ちたがり屋なんだよっていう……w

副作用で拍手ボタンの拍手数がリセットされたけど、
自分で押した恥ずかしい拍手を消したかったからちょうどよかったw

とりあえず、ポケットボタンだけレイアウトがずれて気になるから消した。
20180404_blog_003.png

だいぶマシになったw
デザインって大切だね……w

ちなみに、各ボタンがちゃんと機能するかは分からない。
時々何かのボタンが表示されないのは僕のやり方がまずかったのだろうか?w
 


※追記

調べてみたところ、 『ツイート』 ボタンと 『ラインで送る』 ボタンが、
ページ読み込みと同時に表示していないと読み込まれないことが分かった。
(続きをよむをすぐ押さないと読み込まれない)
また、この二つのボタンは読み込みに時間がかかって重かったので、自作のボタンに変更し、
さらに、表示がずれていたPocketボタンも自作ボタンに変更して復活させた。

どんな感じかは下の方を見ればわかると思うんだけど、やっぱり統一感が無いから
スポンサーのステッカーを沢山貼り付けてるみたいで落ち着きがないね。
どうせなら地味な感じに変えればよかったんだけど、そんな技術は無いのであきらめたw

検索に引っかかってくる人もいるかもしれないので、一応タグを張り付けておく。
<!-- ツイッター -->
<a href="https://twitter.com/share?text=<%topentry_title> 【<%blog_name>】 <%topentry_link> &url=<%topentry_link> &hashtags=★ハッシュタグ★" onClick="window.open(encodeURI(decodeURI(this.href)), 'tweetwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow"><img src="★画像のURL★" alt="ツイート" height="20" /></a>
<!-- ツイッター -->

<!-- ライン -->
<a href="http://line.me/R/msg/text/?<%topentry_title> <%topentry_link>" onClick="window.open(encodeURI(decodeURI(this.href)), 'linewindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow"><img src="★画像のURL★" alt="ラインで送る" height="20" /></a>
<!-- ライン -->

<!-- ポケット -->
<a href="https://getpocket.com/edit?url=<%topentry_link>&title=<%topentry_title>" onClick="window.open(encodeURI(decodeURI(this.href)), 'pocketwindow', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1'); return false;" rel="nofollow"><img src="★画像のURL★" alt="Pocketに保存" height="20" /></a>
<!-- ポケット -->
赤字の★ハッシュタグ★★画像のURL★を設定すればうまくいくと思う。
もしうまくいかなかったとしても、パクったやつに修正を加えているので保証はできない。
というか、うまくいくように修正して教えて欲しいw
 

このエントリーをはてなブックマークに追加 ツイート ラインで送る
Pocketに保存
関連記事

コメント

コメントの投稿

コメントの投稿
管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://nekosuji.com/tb.php/157-1b87c4cf
この記事にトラックバックする(FC2ブログユーザー)

Appendix

プロフィール

 ねこすじ

 Author:ねこすじ
 ねこ一筋 めこすじ です。

Appendix

検索フォーム

 

ブログ項目選択

 
 
 

最新記事

【TOS】コンテンツのありかたについて思うこと【僕考】 (12/07)

【TOS】pointingをVer1.6.0に更新 (11/28)

【TOS】ハナミンのかぶりものとか (11/25)

【TOS】やっぱりリマソンマン (11/20)

【TOS】Re:Buildのクラスシステムを僕考 (11/14)

最新トラックバック