ShareHtmlのカスタマイズを実施してみました。ワクワクラボワクワクラボ買ったものガジェットログブックログライフハックプロフィールお問い合わせHOMEガジェットログShareHtmlのカスタマイズを実施してみました。ガジェットログダイコクナオキShareHtmlのカスタマイズを実施してみました。ツイートシェアはてブ送るPocket広告WordPressカスタマイズ!大した事じゃないけど、見た目にはよくなりました。カスタマイズすると他と違った印象にもなるリンク付与の大定番「ShareHtml」サイトへのリンクが簡単に貼れる「ShareHml」ってご存知ですか?ブログをやってる人の間では結構な定番のようですが、ミズタニ、全く知りませんでした。簡単にリンクが作れる!というので愛用していました。リンクを生成すると以下のようになるんです。出来る楽しい事を発信。毎日を楽しんで生きたもん勝ち!このサイトのトップページへのリンクです。超便利で簡単にリンクを作れるので重宝していました。記事とリンクの区別がつきにくい使わせてもらっていて思ったのが、「記事なのかリンクなのか?わかりづらい」と思うようになってきたので以下のようにカスタマイズを施してみました。出来る楽しい事を発信。若干右に寄せる事で文章との差別化を実施WordPressのテーマを操作する事なく、対応CSS等はShereHml内に埋め込む事によってどんな環境でも対応できるようにしました。cssはテーマ内に埋め込む事も出来るのですが、これをするとテーマのバージョンアップや別テーマへの移行時にcssも上書きされて設定が消えてしまい、その頃にはどうやって対応するか?忘れてしまうミズタニなので単体で対応できるようにしています。ShereHtmlとはShereHtmlは超簡単にいうとリンク生成用のJavascriptを作ってしまうWebツールです。ツールによってJavaScriptが生成されます。このJavascriptをブックマークに登録して、リンクしたいページを開き、ブックマークからShereHmlをクリックするとJavascriptが発動、今見ているページのリンク用のhtml文を生成してくれます。言葉では説明できるけど、これを作成するのはめっちゃ大変だと思います。これを公開していただけるとはありがたや。万能ではない模様・・・出来ないページもありますのでそこは割り切りましょう(多分、Javascriptが競合したりするとダメ?)ShereHtmlカスタマイズでやった事ShareHtmlのサイトへ任意の設定を作りますこれはどのように作ってもらってもOKここまで設定すると、上記で設定した内容でコードが生成されます。自動生成された内容にカスタマイズここからがポイント。この自動生成された情報でHTMLリンクを構築するのでここに枠情報を追加します。追加するのは今回自動生成された内容を囲むdivタグを作る。class=“sharehtml”>として作ります。このdivタグ内にスタイル情報を書き込んでおきます。今回追加した内容は以下のとおり。width:90%;margin-left:20px;padding:10px;”>style以降の””内部でcss設定をしています。セミコロンまでが1つの設定です。cssの解説はここでは除外しますね。この内容を先ほど自動生成された内容に記述します。この最後に</div>タグを記述するもの忘れずに。width:90%;margin-left:20px;padding:10px;”>自動生成された内容</div>※注意点:貼り付ける際、改行してはいけません。改行するとjavascriptが実行されません。自動生成されたもの含めて1行です。カスタマイズ内容を反映させるよ記述ができたら、[Bookmarkletを生成する]ボタンをポチッと押してみましょう。Javascriptが生成されます。これで先に紹介した形のリンクが完成しますよ。カスタマイズすると他と違った印象にもなるCSSを理解しているとこのようなリンクのイメージを簡単に変える事が可能です。ブックマーク登録するので色々なパターンのリンクを作っておく事も可能です。皆さんも試してみてください。ヨメレバ広告ガジェットログWordPressカスタマイズ技術この記事が気に入ったらいいねしよう!最新記事をお届けします。ツイートシェアはてブ送るPocketfeedly7【ブックレビュー】決めた未来しか実現しない困った。ElCapitanの日本語入力が遅い件RECOMMENDこちらの記事も人気です。ダイコクが購入したガジェットのレビューをメインに更新中。日々の生活の中での「ワクワク」を文章にしてお届け。二児のパパでもあり、イクメン活動中。本も年間100冊くらい読んでます。自分の中の気づきも定期的にエントリとして綴っています。毎日をワクワクの出来事でいっぱいに!気になったガジェットの紹介から始まりダイコクが購入したガジェットのレビューをメインに更新中。日々の生活の中での「ワクワク」を文章にしてお届け。二児のパパでもあり、イクメン活動中。本も年間100冊くらい読んでます。自分の中の気づきも定期的にエントリとして綴っています。6E」が規格として正式発表。6GHz帯を使ったWifi追加でどう変わるのか?はじめてのMacを購入するときの性能ポイントチェック14.1インチFullHD液晶でWindows10Pro搭載で29,800円というノートPCが発売される。どうぶつの森」オリジナル本体が登場!仕事を辞めて1ヶ月。体調とか感情とかの変化ログ。Proではイマイチだった件MicrosoftEdgeのエンジンがBinkに。日本では4月以降に標準化へ仕事を辞めたら退職金から引去額が多かった件Windows7のサポートが終了。AC6600」を導入。@N_Daikokuダイコクナオキ@N_Daikokuブログを書きました。agoシステム屋がコーチングも始めました。ロジカルに決められた事をこなす仕組みを作る人が、潜在意識に気づく機会を得たら、発想力が上がったのです。agoお仕事辞めて今いる感覚としては「自分が如何に必要な人間か?」と言う自意識過剰感を漂白する期間だな。人一人居なくても、企業は回る。好きな事をやる仕事にシフトしても問題はない。agoブログを書きました。agoブログを書きました。