【WordPress】運営知識、不具合解決メモ、htmlやcss知識

WordPress不具合解決メモ

「カバレッジ」の問題が新たに検出されました

1か月くらい放置していたら、勝手に直ってる現象。
結局よくわからん。

カバレッジの問題

プラグイン「jetpack」によって、写真が表示されている

解決方法
Jetpack設定
>執筆タグ
>画像と写真をスピードアップを無効化すれば完了

目次が2つ作成される

解決方法
cocoon設定
>目次タグ
>目次を表示するのチェックボックスをはずす

原因
プラグイン「TOC(Table of Contents Plus)」で自動で作られる目次と、ワードプレス無料テーマ「cocoon」の目次が重複していた。

WordPressについて新しく学んだこと・取り入れたこと

WordPressにZIP形式のものを手動でインストールする方法

きっかけ

Googleが提案する「Accelerated Mobile Pages(AMP)プラグイン」をインストールしたかったため。

Googleおススメのプラグイン↓↓(デバイスやプラットフォームを問わず、ページの読み込み速度を一貫して向上させることができる)
https://wordpress.org/plugins/amp/

Accelerated Mobile Pages(AMP)プラグイン

Accelerated Mobile Pages(AMP)プラグイン

手順

>プラグイン
>新規追加
>プラグインのアップロード
>ファイルを選択
>プラグインを有効化
完了!

Wordpressのプラグインをインストールする方法(手動)

WordPressのプラグインをインストールする方法(手動)

SNSシェアボタン、SNSフォローボタン、ページ送りナビを消す

Coccon設定
>SNSフォローのタブ(SNSシェアのタブ)(投稿のタブ)
>ボタンの表示をはずす(ページ送りナビの表示をはずす)

参考
https://saekosensei.com/wordpress%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AEsns%E3%82%B7%E3%82%A7%E3%82%A2%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AF%E5%BF%85%E8%A6%81%E3%81%8B%EF%BC%9Fcocoon%E3%81%A7%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92/#toc4

ブログ内検索を設置する(Google カスタム検索)

ブログ内検索

まずはGoogle カスタム検索へアクセス
>検索エンジンの追加
>サイト名(URL)を入力

作成完了!

>コントロールパネルから編集へ
>広告をオンに

コードを取得するには
>デザイン
>保存してコードを取得をクリック

あとは、投稿記事内に取得したコードを張り付ければOK
↓↓例

WordPress以外(Word、Excelなど)で学んだこと

可愛いフォントのダウンロード

このサイトで可愛いフォントを選ぶ
https://fontfree.me/category/kawaii

具体的に
うずらフォント
ダウンロードサイト

ダウンロード手順
>展開
>「uzura.ttf」のファイルを右クリックして、[インストール] をクリックで完了

スマホで撮影した動画の文字起こし

★Googleドキュメント
>ツール
>音声入力
>windows設定で音声入力方法を、ループバック機能のあるAG06へ
>準備完了

Googleドキュメントで、録音ボタンを押して、動画を再生すると、文字起こしができる。

スマホ動画から文字起こしする方法

スマホ動画から文字起こしする方法

Word(ワード)で水平線を引く方法

>[罫線と網かけ]ボタン
> [水平線]

or

オートフォーマット機能(決められた文字を3文字打つと起動)
「ー」を3つ入力

参考

office Word でリボンが表示されなくなった場合

タブをクリックすると一時的にリボンが表示されるが、リボンの操作や文書の編集を行うと非表示に戻ってしまうという不具合。

解決方法
キーボードの「Ctrl」キーを押しながら「F1」キーを押して、リボンを再表示すると直る。

IPアドレスについて

同じWIFIを使っていても、端末ごとに異なったIPアドレスを持つ。(参考

ブログ画像の大きさ

画像を挿入するときの、ワードプレスの設定は以下。

ブログ画像のメイキング

この設定(中サイズ・正方形)では、元の画像によって自動で正方形に縮小(拡大)されてWEB上で表示される
また、「メディアファイル」は、クリックすると元の画像サイズで表示してくれる。

そこで、2点に注意して作成する。
・クリックで元の画像サイズをできるだけ大きく表示できるように、ペイントに張り付ける際に大きいものを張り付ける
・正方形になるようにペイントで編集する

htmlやcss関係

同じページ内にリンクする

hrefは、#で指定する。

Amazonで英語表示になった場合の日本語表示に戻す方法

WEB版
>[≡]をタップ
>[English]をタップ
>[日本語]をタップし[変更する]をタップ

取り消し線

strikeとsタグは昔の方法らしい。delが一番よさそう!

4つの方法
・strikeタグで囲む
・sタグで囲む
・delタグで囲む
・pタグや、divタグの中でCSSとして記述「style=””」「text-decoration:」「line-through;」

strikeタグで囲んだ取り消し線
sタグで囲んだ取り消し線
delタグで囲んだ取り消し線

CSSとして記述した取り消し線

赤色の取り消し線