momの雑記帳

3人の子供達との日々や、考えたこと、勉強したことetc.の備忘録集

「Web / Wordpress」の記事一覧

関連コンテンツ広告

関連コンテンツユニットの利用

Google Adsenseの関連コンテンツユニットとは、Goggleが提供する機能レコメンド機能の事です。 ページに関連コンテンツユニットを設置すると、 Googleが関連したページをイメージ付で紹介してくれ、その間に […]
Regular Expression

複数行やタグを一括で置換:Search Regex

以前、全記事に手動で貼っていたGoogle Adsenseのコードを、プラグインを使った挿入に切り替えたのですが、 その時、今まで貼っていた「複数行」のコードを一括で置換・削除する必要があったので、その時行った方法を記録 […]
ad-inserter

【Ad Inserterで簡単に広告表示管理】Googleアドセンスの挿入 (AMP/関連コンテンツ)、特定の記事下に関連記事リストを挿入する方法も

私は最初の頃、Googleアドセンスの広告は記事に直接貼り付けていました。 理由は、Google AdSenseの自動広告を利用すると、必要以上に広告挿入部位が多くなってしまったり、意図しない部位に挿入されたりと、ちょっ […]
Rinker

Rinkerで商品管理

商品管理は「Rinker」か「カエレバ」が使いやすいと聞き、 検討の末、「Rinker」を導入することに。 以下、使い方▼ プラグインのインストール 公式サイトから「Rinker」のダウンロード(無料) アカウントを持っ […]
Wordpress

タグを一括編集

新しいタグを、そのキーワードを踏む投稿全てに一括で追加したい場合。 1. 追加したいタグの名称で検索 1-1. 投稿>投稿一覧>検索 1-2. もし、全ての検索結果が1ページに表示されない場合は、右上の「表示オプション」 […]
Wordpress

画像の遅延読み込み(Lazy Load)

地道にサイトの高速化実施中。 今回取り組んだのは、画像の遅延読み込み「Lazy Load」。 プラグインで。 Lazy Loadのプラグインは色々あるが、今回は 有効インストール数が多い 更新頻度が高い 現在使用中のSP […]
Wordpress

投稿者名を非表示に

セキュリティー上、個人ブログの投稿者名は非表示にしておいた方が良い… という事で、今までは「Show and Hide Author」というプラグインを使っていましたが、プラグインなしでも簡単にできそうだったので、やって […]
Wordpress

特定のカテゴリーだけフロントページ/メニュー/ウェジェットに表示しない

自分の備忘録的にさらっと読んだだけの論文とか、PC効率化、Worepress備忘録を記事で残しておきたい。 でも、それを全部フロントページに表示していたら、他の記事が押されて、それらの記事でフロントページが埋め尽くされて […]
Wordpress

カテゴリーを一括変更

 カテゴリーを整理したい時に。 1.カテゴリーの追加 1. 投稿 → 投稿一覧 → 編集したい記事を絞り込んでチェックを入れる 2. 上のプルダウンから「編集」を選び、「適用」 3. 一括編集画面が開く → 追加したいカ […]
HTML-CSS

特殊文字の表記方法

< や ¥ などの特定の文字や記号は、ブログのシステムやブラウザ側で処理され、表示されなかったり文字化けしてしまう場合がある。 大体はコードと区別がつかなくなることによって起こる。 これを避けるため、特殊文字は別の […]
Wordpress

TwentySeventeenの記事横幅を拡大

私の使っているテーマはTwentySeventeenですが、横幅がちょっと小さめなのが気になっていました。 これに関して、投稿している記事は多く、 「みんな結構気になっているんだなー」 と、一人納得。   以下 […]
Wordpress

投稿記事にカテゴリーを出力する

記事の一覧ページに、下記のようなカテゴリー名(親カテゴリー/子カテゴリー)を、リンク付き&アイコン付きで表示したい場合の覚え書き ▼ content.php を編集 一覧ページは、「content.php」を編集する。 […]
Wordpress

過大なDOMサイズの回避

PageSpeed Insights で、低成績を目の当たりにし、環境改善中。 今回は、「過大なDOMサイズの回避」に挑戦。 過大な DOM サイズの回避 DOMサイズは、html タグの階層や深さの事。 850 要素あ […]
Wordpress

第三者コードの影響を抑える

PageSpeed Insights で、低成績を目の当たりにし、環境改善中。 今回は、「第三者コードの影響を抑える」に挑戦。 第三者コードの影響を抑える 指摘された「第三者コード」は下記。 Google/Doublec […]
Wordpress

キャッシュ改善

サーバー上で事前にページを生成し、キャッシュとして保存しておくことで、表示速度を改善することができる。 今回、WP Fastest Cacheを使用した。   WP Fastest Cache Optionsの […]
HTML-CSS

蛍光ペン風なマーカーのCSS

例えば、こんな感じに文字を装飾したい場合。 「黄色の蛍光ペン」 CSSにコードを追加 外観 → テーマエディター → 付随のCSSエディターを開く。 CSSを追加。 例えば、黄色で、テキストの半分をハイライトするようなマ […]
HTML-CSS

Youtubeの埋め込みを高速化

サイトスピードの向上のため、Youtubeの埋め込みを高速化する。 1.記事の一番前に下記コードを貼り付け Javascriptコード <script> function init() { var vidDe […]
Wordpress

日時の非表示

1.全ての日付を非表示にする場合 ダッシュボード → 設定 → 一般 → 日付と時刻のフォーマットの部分を空欄に。 「変更を保存」をクリックし、終了。 2.トップページの日付を非表示にする場合 ダッシュボード → 外観 […]
HTML-CSS

margin, border, padding etc.の変更

行間や文字の大きさ等を調節したい時 外観 → カスタマイズー → 追加CSSで編集。 スペースや文字の大きさ等、変更したい部分にカーソルをあわせ、 右クリックでInspect(もしくはCont + Shift + I)。 […]
Wordpress

抜粋記事表示(サムネイル入り)

抜粋記事を作成してリストアップし、各記事の横にサムネイル画像を入れる方法。 抜粋記事表示 子テーマを編集。 フロントページはindex.php、カテゴリー記事一覧はarchivephpを編集。 いずれも40-45行目あた […]