スマホの見出し画像とは、こういうの。
ここ、livedoorブログにおいてパソコンの見出し画像、プロフィール画像を年始に変更。反映はすぐされたのに、スマホは月が替わっても反映されない。月アクセスの記事を書いた際、いくらなんでもおかしくないかとスマホ設定を確認。簡単にできることがわかった。
やり方は次の変更までに忘れそうなので、以下まとめ。
1.livedoor blogにログイン。左メニュー[ブログ設定]をクリック。表示された[ブログの設定]中、[デザイン/ブログパーツ設定]の[スマートフォン]をクリック。
2.表示された[デザイン設定(スマートフォン)]中、タブ[レイアウト]をクリック。タブ[トップページ]の[ブログタイトル]にマウスカーソルを置くと、ボタン[設定]が表示されるので、クリック。
3.[ブログタイトル設定]が表示される。[ブログタイトル]の画像を[アップロード]、ボタン[保存する]をクリック。
4.トップページ以外の見出し画像も変更するなら、上記2のタブ[アーカイブページ]、[個別記事ページ]、[画像ページ]それぞれをクリックして3を行う。
以上、ご参考になれば幸いです。
タグ:ライブドアブログ
ブログでハイライト表示を使う
ハイライト表示とは、こういうの。本文でないのがひとめわかる、表示スタイル。ソースコードやレシピの表示スタイルによく使われる。
/*---------------------------
サンプル
------------------------------*/
<?php
$mysql_con = mysql_connect ($dbhost,$dbuser,$dbpass);
?>
このハイライト表示、ブログにそのまま記述すると、本文と同等に表示される。キーボードのタブによるインデント(字下げ)もできない。前述を例にしたのが下記。
/*---------------------------
サンプル
------------------------------*/
<?php
$mysql_con = mysql_connect ($dbhost,$dbuser,$dbpass);
?>
これまで、ここブログでソースコードを記述する機会は、さほどでなかったが。今後あるかもということで、ブログでハイライト表示を使う方法を調べてみた。
はてなブログには、簡単な方法があるらしいが、ここはライブドアブログ。jsを使えるようにすればいいんじゃない?と、やってみたら簡単だったので、まとめ。
以下、ライブドアブログでの方法。(ホームページでの使い方は、文末に記載)
Javascriptライブラリを読み込む
ライブドアブログでハイライト表示を使うには、Javascriptライブラリ「Google Code Prettify」を読み込む。
1.左メニュー「ブログ設定」をクリック。
2.「ブログの設定」の「デザイン/ブログパーツ設定」内「カスタムjs」をクリック。
3.カスタムjsウィンドウのタブ「head内」に、「Google Code Prettify」を読み込むコードを記述。
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>ボタン「保存する」をクリック。
使いたいブログ記事を作成し、ハイライト表示タグを記述
1.ブログメニュー「記事を書く」をクリック。
2.記事ウィンドウ内「HTMLタグ編集」をクリック。ハイライト表示したい箇所を、以下の括りで記述。
3.「HTMLタグ編集」をクリックして通常表示に戻すと、上の画像のような表示がされる。「ここに~」の部分を編集。<pre class='prettyprint'>
ここにソースコードを記述
</pre>
ホームページでの使い方も同様。<script src~を</head>前に記述、<body>内に、<pre~タグ括りで利用。括りの中を編集。
以上、ご参考になれば幸いです。
※この記事は、「ソースコードを載せるには」として作成したが、わからんという意見を多々もらったので、「ハイライト表示を使うには」として修正。
【関連リンク】
・JavaScriptライブラリのホスティングについて - ライブドアブログのヘルプ(PC向け)
「jsライブラリを提供していたが止めたので、今後はGoogleなどのサービスを利用してね」というので、方法にピンときた。
・google-code-prettify を使ってシンタックスハイライト | Web Design Leaves
ダウンロードして利用したい場合に。レンタルサーバーある人向け。
・Google Code Prettify導入が超絶簡単になっていた | きほんのき
上記のダウンロード利用を一通りやった後。レンタルサーバーない人向けに、記事を書こうと検索してみっけ。
・google-code-prettify - Google製コードハイライト表示JavaScriptライブラリ: ある SE のつぶやき
わかりやすい。