WordPress関連– category –

インターネットの情報を使ってアナログ時計を作成しました。 HTML、CSS、JavaScriptの情報はネットの情報ほとんどそのままです。 ちゃんとWordPressでも動くんだなと感激しています。 アナログ　時計 12 3 6 9 コード <div class="container"...

私が使っているWordPressのSWELLテーマにはカスタムHTMＬと言うブロックが存在します。 SWELLはブロックエディターと言って各段落、画像や表等を入れる時にブロックを使用します。 そのブロックの中にカスタムHTMLブロックがあり、これを利用することでオ...

HTMLには様々なタグが存在します。今日はaタグについて触れてみたいと思います。 aタグは「Anchor（アンカー）」の略で、リンクの出発点や到達点を指定するタグ。 主にページにリンクを入れるときに使用する。 使用例： <div><a href="https://googl...

WordPressのテーマSWELLを使っていますが、本元の日本語サイトが存在する事に気が付き、読み進めていると、いくつか予想外の事があったので2つ紹介する。 SWELLにはほぼ必須のプラグインが存在する サイトマップの自動生成が初期設定でOFF 非推奨のプラグ...

ネットサーフィンで手に入れた情報を使って、このページにボタンを配置して、中の文字列、OFF、ONを切り替えるプログラムを入力したいと思います。 ↓↓↓ボタンを押すとON、OFFが切り替わるよ。 html(カスタムHTMLブロックを使用） <input id="button1" t...

WordPressの記事投稿に「JS用コード」と言う欄があるので利用してみた。 JS用コードは下記 console.log("hello world"); 私の環境はOSはWindowsでブラウザはchromeを使っているので、F12を押してデベロッパーツールを表示させて、そこからConsoleを選ぶと...

前回はcssでカラーコード（#f44336など）を利用しましたが、今回はカラー名を利用してみようと思います。 また、class属性ではなく、id属性を利用してみます。class属性とid属性の違いはclass属性では同じ名前定義が可能ですが、id属性では同じ名前定義が...

htmlとcssを使って文字の色を変えてみた。 コードはこんな感じ html <p class="red">赤</p><p class="blue">青</p><p class="yellow">黄</p> css :root{--red : #f44336;--blue : #0d47a1;--yellow : #ffed3b;}p.red{...

プライバシーポリシーと免責事項を追加したので、それについて少し触れてみたいと思います。 プライバシーポリシーはサイトが扱う利用者の個人情報をどう利用するか等をまとめたもので、Googleアナリティクスを使う上で記載が必要になる。 例えば、 当サイ...

Google Search Consoleに登録しているが、そこにサイトマップを登録していなかったので作成、登録した。 プラグイン「XML Sitemap Generator for Google」を利用してXML形式のサイトマップを作成。※WordPressの標準機能にXML形式のサイトマップ作成機能が...