カテゴリ: Web、PC

5年ぶりの更新。

データ移行は途中だが、目的はリニューアルでないから、追々とする。

今回、ロリポップのドメイン下に、wordpressフォルダを設置。ロリポップのドメインにアクセスすると、そのwordoressフォルダへアクセスするようにした。

独自ドメインの下に、wordpressフォルダを設置したサイトは、サブドメインとして直アクセスできるが。ロリポップのドメインではできない。そりゃそうだわ、と公開時に気付いた。

リニューアルしようと思いつき、とりかかってから1日半で公開。ワンカラムを希望し、wordpressのテーマはselaを使用。プラグインは「Custom Permalinks」「Duplicate Post」「Jetpack」「List category posts」「Max Mega Menu」等を使用。改造はさほど手間でなかった。

List category posts」いいですよ。固定ページで、特定のカテゴリ一覧を表示できる。表示レイアウトの編集もできる。検索して行きついた解説ページ、主の西沢さん、ありがとうございました。
固定ページで新着情報やカテゴリー記事を一覧する方法 | 西沢直木のIT講座

おかげさまで、5年越しの懸念~サイトをなんとかしないと~が解消。嬉しさあまってここに記す。

http://tencount.main.jp/
0430

0407
チェック有無でリストの背景色を変えるとは、こういうの。

チェックが入ってない時、リストの背景色は黒(#000)に。入っている時は、緑色(#13b5b1)に変える内容。

チェックが入る(外す)とリストの背景色を変える
チェックが入ると、リストの背景色を変える処理は、ウェブで見かけたが。入ったチェックを外しても、リストの背景色を変える処理は、見かけなかったので。以下まとめ。

html チェックボックス箇所
<ul>
<li id="checkbox1"><input id="checkbox1_1" type="checkbox" name="list" value="1" onClick="changeBgc('checkbox1','checkbox1_1','#13b5b1')">checkbox1</li>

<li id="checkbox2"><input id="checkbox1_2" type="checkbox" name="list" value="1" onClick="changeBgc('checkbox2','checkbox1_2','#13b5b1')">checkbox2</li>

<li id="checkbox3"><input id="checkbox1_3" type="checkbox" name="list" value="1" onClick="changeBgc('checkbox3','checkbox1_3','#13b5b1')">checkbox3</li>

<li id="checkbox4"><input id="checkbox1_4" type="checkbox" name="list" value="1" onClick="changeBgc('checkbox4','checkbox1_4','#13b5b1')">checkbox4</li>
</ul> 
html javascript箇所(</body>上などに入れる)
<script type="text/javascript">
<!--
function changeBgc(id,id2,color){
if (document.getElementById(id2).checked == true) {
document.getElementById(id).style.backgroundColor = color; }
else { document.getElementById(id).style.backgroundColor = '#000'; }
-->
</script>
ポイントは、リストのidとチェックボックスのid、2つ渡すこと。簡単な仕組みだが、当初はリストのidしか渡さなかったため、おかしいな・・・だった。

以上、ご参考になれば幸いです。

0211-4
スマホの見出し画像とは、こういうの。

ここ、livedoorブログにおいてパソコンの見出し画像、プロフィール画像を年始に変更。反映はすぐされたのに、スマホは月が替わっても反映されない。月アクセスの記事を書いた際、いくらなんでもおかしくないかとスマホ設定を確認。簡単にできることがわかった。

やり方は次の変更までに忘れそうなので、以下まとめ。

1.livedoor blogにログイン。左メニュー[ブログ設定]をクリック。表示された[ブログの設定]中、[デザイン/ブログパーツ設定]の[スマートフォン]をクリック。
0211-1
2.表示された[デザイン設定(スマートフォン)]中、タブ[レイアウト]をクリック。タブ[トップページ]の[ブログタイトル]にマウスカーソルを置くと、ボタン[設定]が表示されるので、クリック。
0211-2
3.[ブログタイトル設定]が表示される。[ブログタイトル]の画像を[アップロード]、ボタン[保存する]をクリック。
0211-3
4.トップページ以外の見出し画像も変更するなら、上記2のタブ[アーカイブページ]、[個別記事ページ]、[画像ページ]それぞれをクリックして3を行う。

以上、ご参考になれば幸いです。

↑このページのトップヘ