gotaku memo

以下に覚書します。 目次 　 １：　ｆａｖｉｃｏｎの設置 　　 ２：　初心者目線のhtmlとCSS 　　 ３：　文字コード｜utf｜JIS｜フォント 　　 ４：　参考・終わり　 　　 　 １：　ｆａｖｉｃｏｎの設置 　このサイトにもやっと　ファビコンが設定出来ました。。 とても簡単な方法に今さっき、気付いてしまったため再度の編集です。    ファビコン設定方法：その１ 外観ーカスタマイズーサイトアイコン 　↓ 画像のアップロード画面 　↓ （メディアーライブラリで既にuploadしてあった画像を選択）   以下、必要のないタグでの表示方法です。折角なので置いておきます。。 今、一応うちのＰＣのブラウザ上ではこの方法でfaviconが表示されていますが・・。 以下のサイトの８行くらいの説明の通りにやったら出来ました！   ファビコン設定方法：その２ 手順としては、（WORDPRESSの場合。自分専用の覚書メモです。又は、タグなど知らない方の参考に） 先ず、画像を用意する。（icoファイルが良いらしいが、jpgでも出来ました！） 　↓ メニューから 　↓ メディア－ライブラリ－新規追加で、アップロード 　↓ 画像のＵＲＬをメモして以下のタグの「画像ファイルのアドレス」を 該当するurl（自分のブログやホームページなどにアップロードした画像などのURL） に変更。↓コピペして使ってください・・あくまでも、参考に。 　↓ <link href="画像ファイルのアドレス" rel="shortcut icon">　</link> 　↓ （メニュー）外観ーテーマの編集ーテーマヘッダー（header.php）を開く （※　テンプレによって違うかもです。 index.php　も考えられると思って探しました。） 　↓ 　～　 の中に　上記のタグを張り付ける。 　↓ ・・でうちの場合は表示されていました。が・・これが正解なのか不明。 明日になれば消えているかもしれないという不安を感じておりますが。 ファビコンの設置方法、色々なサイトで紹介されていましたが、 Wordpressはプラグインで、ほぼ解決し...

　記事が長くなると読むのが大変なので、探している情報に飛べる様に ブログの記事メニューのリンクをつけようと編集していたのですが・・ cssとか分からないので困っております・・という初心者向けです。 目次 １：　基本のテーブルタグ ２：　メニュー項目の部分 ３：　本文中について ４：　全文の例 ５：　裏ワザ・結論 ６：　枝番号を付けたとき 　 ７：　過去記事｜終わり・参考 　 問題になる点としては、指定の方法をあちこちで調べた記述を混ぜてしまっている事で、 原因がどれか分からないという・・。 気付いて、なるべく統一しましたが。 あと、cssファイルの不要なものを探しましたが、 結局は、このブログのテーマがCSSの影響が強いのかもしれません。なので、分からない。。。 　 １：　基本のテーブルタグ 実際にこの記事で使用している記事のメニューのテーブルは、以下の通りです。 <table bgcolor="#ccc" border="0">   <tbody>     <tr>       <td><p>widch、heightを入れると下の線がない</p> <p>border=”0″ width=”100″ height=”100″</p> <p>cellspacing=”50″ 　外枠の太さ</p> <p>cellpadding=”30″　余白の大きさ</p>         </td></tr>   </tbody> </table> 　 ２：　メニュー項目の部分 一応、上手く表示されているものをコピペしましたが、 環境により必ずこのサイトのメニュー部分と同じになるとは断言できませんガ・・。 <table  width="500"  cellspacing="10"  ...

　後日、参考にならなかった本についても追記しました。 エラーのタグについて調べた事、html タグでエラーの場合に 要素が入れ子などでややこしい場合に見付ける方法（目視と手動）などです。 チェックツールや拡張機能が簡単なので、沼にお気を付けください。 私と同じくあまり詳しくない人に・・、参考になりましたら幸いです。 目次 　　　 １：　タグのエラーの例と解決したときの方法 1-1　原因は？｜最初に確認｜いくつかの例 1-2　タグの親・子の要素が入れ子になっている場合の確認について 1-3　ほかの原因｜確認とエラー解消法（目視と手動ほか） 　　 ２：　タグの親・子の要素が入れ子｜ｏｌとｕｌ 　 2-1　＜ul＞の中に＜ol＞　を入れ子にしたい場合 2-2　＜ol＞と＜ul＞についてのいろいろ：エラーの例 2-3　＜ul＞や＜ol＞の中に入れてはいけない 2-4　サイトによって違う場合 2-5　＜ｐ＞の中に＜ol＞と＜ul＞を入れてはいけない ３：　＜ＢＲ＞改行のタグについて｜ ４：　大文字と小文字は区別されない｜要素の詳細 4-1　大文字と小文字は区別されない 4-2　要素の詳細 4-3　他の呼び方｜初心者に向けて ５：　本を購入する時の選び方｜初心者向けに参考にならないと思った本 ６：　参考・終わり 　 １：　タグのエラーの例と解決したときの方法 　bloggerで、html モードから作成モードに切り替えようとして、エラーで切替出来ない場合がありますが、 ツール・拡張機能で探すのも勿論いいと思いましたが、自分はＤＬや重要な権限を持たれたくないので保留。 タグの間違いを理解したいなど、目視と手動で行う他の方法です。 1-1　原因は？｜最初に確認｜いくつかの例 　一番後ろ（下）に＜/ｄ...

今回は、ブログの「吹き出し」について調べていたら偶々分かった話ですが。以下のような検索語や結果が出てきました。 ブロガーのサービスはいつ終了しますか？ みぎきき ひだりきき ２０２４年９月だそうです。 え！「せっかく吹き出し」できたのに・・！今月終わりですか？ みぎきき ひだりきき バージョン２から３へ移行すると使えるらしいです。 アイコンの画像が雑ですみません。 時間のある時に差し替え予定です。 移行の方法が難しくて分からないんですが。。 ・OAuthと、難しいページばかりです。 Ｖ３へ移行の話が１０年前から個人のブログ記事になっていたので、 普通に使っていれば既にV3になっているのでは？・・しかし、確認がしたい。 その確認方法がややこしそうです。 まあbloggerのサービス使いだした時期が１０年以上前ではない場合は 気にせず放置で大丈夫そうです。 ふと思ったことですが、ふきだしについて。 WordPressならプラグインなどで、いちいち手動ではなくても出来る方法があるかもですね。 今回は、ＣＳＳとｈｔｍｌのコピペでしたが。。 ほか、ついでなので。。少しタグの困った話です。 ＜ｕｌ＞や＜ｏｌ＞のタグが入れ子だったり、 ｂｒを入れてはいけない、 ｐの中に入れてはいけない などのルールがあり、作成ビューやＨＴＭＬビューの切り替えができませんでした。 どういうことかと手順を追ってみると・・。 bloggerの編集画面で 作成モードの変更は、タイトルの直ぐ左下「＜＞」というメニューがあり、 軽く触れると（HTMLビュー・作成ビューの選択が出来ます）の切り替えができる筈なのですが、 上記の＜ul＞＜ol＞の問題があって出来ない様なのです。。 ＜ｂｒ＞や＜ｐ＞も＜/ｂｒ＞や＜/ｐ＞などの「カッコ閉じる」がないと 入れ子ルールにエラーになると思ってずーっと修正していましたが全然直りませんでした。 クッキー消したりすると良い場合もあるそうです。 以前は＜ｐ＞のタグがあると＜/ｐ＞は自動的に付いた気がするのですが、 今回は＜ｐ＞＜ｐ＞と並んでいたりしました。自動ではなくなったかもしれません。 参考までに。。 参考サイト ブロ...

　今回は、前々から表示したかった「最終更新日」をやってみました！ （WordPressだとプラグインで直ぐに出来そうな話ですが。） よく後から追記をしているので、内容が新しくなったのが分かり易くなり、 間違えていたことを修正した事が分かります。 目次 　　 １：　貼り付けタグの入手先について ２：　ｂｌｏｇｇｅｒのテーマ毎のコピペ箇所について 　 2-1　テーマ、「simple」の場合。 2-2　テーマ：ｓｏｈｏの方法 2-3　ｔｒａｖｅｌのテーマ 2-4　essentialのテーマ 　　 ３：　曜日が表示したい件（未解決） ４：　貼り付けた、更新日を表示するためのタグ ５：　ブログの記事の日付たるもの｜canonical｜参考・終わり 　　　 　 １：　貼り付けタグの入手先について 　まともに表示されたものは、以下のサイト様のものです。５年以上も前の更新ですが、こちらはコメント欄にもたくさんの人が書き込んでいて評判が良い様なので、様々な環境で動作も出来ていると想像出来ます。 リンク可能かハッキリ書いていないので、URLアドレスのご紹介のみとしています。 「Bloggerで記事に最終更新日を付ける方法【2018年更新】 https://blog2.k05.biz/2013/05/blogger-last-modified.html」 タグは一応、コピーさせていただき、この記事の一番下に置いておきます。 サイトがなくなったらわからなくなるので。。 上記のサイト様のタグ全文をそのまま貼り付けて、表示部分のみ変える事も出来ました。 「年・月・日」を、「○○/○○/○○」へ。 　あと、初心者でも分かるように テーマ（テンプレート）毎に一応どの辺とかを分かり易く目安というか、前後のタグも参考に出来るようにコピペしておきます。 　 ２：　ｂｌｏｇｇｅｒのテーマ毎のコピペ箇所について 　ブロガーのテーマ毎に、色々調べたというか実際にやってみたので・・残しています。 検索して該当の文字を見付ければ良いのですが、同じ文字も沢山あるので見つけ難くて困りました。 やっている時は必死でしたので、少しでも参考になると嬉しいです。 2...