TAG

Plugin

Add to Any でツイートされた記事がわかるように設定する

記事のシェアボタンにから、どの記事がツイートされたのか、わかるように設定する方法。 私は最初 Add to Any を使っていたけれど、途中から 賢威 のテーマに変更したので、両方とも紹介。 Add to Any を使っている場合 1.管理画面 → 設定 → Add to Any の設定画面へ 2. 追加のJavaScriptに、下記追加。 a2a_config.templates.twitter […]

コードの表示に便利なプラグイン:SyntaxHighlighter evolved

私は今まで、コードの表示は<pre>タグを使用していました。 <pre>タグは、Preformatted Text (整形済みテキスト) の略で、<pre></pre>で囲まれた範囲のソースに記述されたスペース・改行などを、そのまま等角フォントで表示します。 シンプルで好きではあったのですが、<pre></pre>の範囲ないで […]

WPバックアップ先をサイト毎個別指定:UpdraftPlus Backup/Restor

私は、WordPressのバックアップに「UpdraftPlus WordPress Backup」というプラグインを利用しています。 自動バックアップが可能で、復元も驚くほど簡単な、WP利用者ならほぼ必須といっても過言ではないプラグインです。   バックアップ先は5つのサイトまでならUpdraftPlusのクラウドに保存できますが、 外部のクラウドにも保存可能です。 私はGoogle […]

ハンバーガーメニューがスマホで開けない

私のサブドメインサイトでは、スマホ画面でハンバーガーメニューのボタンを押してもメニューが開かない、というトラブルがありました。   調べると、99%はプラグインのバッティングとの事。   プラグインを一旦すべて無効化すると、開けるように。 確かにプラグインのバッティングが原因の様子。   一つ一つ戻して検証した結果、今回は 「Autoptimize」 というプラグイン […]

一瞬でページトップに戻るプラグイン

結構長い記事を書いた時や、いくつかの項目に別れた記事を書いた時、 「目次のあるトップページに一瞬で飛びたいな」 と思うことがあります。   勿論、一つ一つアンカーポイントを作れば可能なのですが、過去記事全部にそれを設定するのは大変。 とゆーことで、私はプラグインで対応しています。   導入しているのは、定評のある「WPFront Scroll Top」というプラグイン。 &nb […]

投稿記事、固定記事etc.を複製するプラグイン

固定記事を作っていて、似たフォーマットで別のページを作りたいと思ったのですが、一から作るのはちょっと大変。 簡単に複製できないかなーと思って調べると、 みんなプラグインを使っているよう。   とゆーことで、私もプラグインを導入した。   複製用のプラグインはたくさんあるけれど、 使用人数、評価、アップデートの頻度、相互性etc.から 「Yoast Duplicate Post」 […]

パンくずリスト(プラグイン)

プラグインでパンくずリストを追加する。 使用しているのは、「Breadcrumb NavXT」というプラグイン。 Breadcrumb NavXTの使い方 1.Breadcrumb NavXTのインストール   1-1. 管理画面 → プラグイン → 新規追加 → Breadcrumb NavXtで検索 1-2. インストール → 有効化   2. Breadcrub NavX […]

フロントページを固定記事にし、カテゴリー別で新着記事一覧:WP Show Posts

以前、固定ページに新着記事一覧を載せるプラグインとして、「List Category Posts」を紹介したが(こちら)、このサイトでは別のプラグインに乗り換えたので、そちらを紹介。 現在、このサイトで使用しているのは「WP Show Posts」というプラグイン。 Show Postsの設定 プラグインをインストール → 有効化 管理画面 → WP Show Posts → リストを新規作成 投 […]

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

以前、全記事に手動で貼っていたGoogle Adsenseのコードを、プラグインを使った挿入に切り替えたのですが、 その時、今まで貼っていた「複数行」のコードを一括で置換・削除する必要があったので、その時行った方法を記録しておきます。   文字の置換については、以前「Better Search Console」というプラグインを紹介しました。 …が、こちらは複数行の置換・削除には対応して […]

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

私は最初の頃、Googleアドセンスの広告は記事に直接貼り付けていました。 理由は、Google AdSenseの自動広告を利用すると、必要以上に広告挿入部位が多くなってしまったり、意図しない部位に挿入されたりと、ちょっと使い勝手が悪かったからです。 一応、「ここにはやめてね。」と10箇所までは指定できるのですが、「これ以上はムリ」と拒否られ、 「記事の量とかに合わせて自分でカスタマイズしたほうが […]

Rinkerで商品管理

商品管理は「Rinker」か「カエレバ」が使いやすいと聞き、 検討の末、「Rinker」を導入することに。 以下、使い方▼ プラグインのインストール 公式サイトから「Rinker」のダウンロード(無料) アカウントを持っていない場合は、pisiv IDを作成 ZIPファイルのままWordPressのプラグインへアップロード プラグイン>新規追加>プラグインのアップロード  ZIPファイルを選択し、 […]

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

地道にサイトの高速化実施中。 今回取り組んだのは、画像の遅延読み込み「Lazy Load」。 プラグインで。 Lazy Loadのプラグインは色々あるが、今回は 有効インストール数が多い 更新頻度が高い 現在使用中のSPバージョンと相互性がある 他サイトでの評価が高い 等の理由から、「Smush」というプラグインを導入した。   このプラグインは、全ての画像の圧縮&最適化と遅延読み込みが […]

固定記事にウィジェットを表示(プラグインで)

使用したのは、「Page Builder by SiteOrigin」というプラグイン。 Page Builder by SiteOriginの使い方   1. インストール → 有効化 2. 投稿画面に「ページビルダー」というタブが現れるので、選択 3. 「列を追加」で、列の数、サイズをカスタマイズ可能 4. 「ウィジェットを追加」で、任意の列にウィジェットを入れていく 5. 「公開」 […]

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

自分の備忘録的にさらっと読んだだけの論文とか、PC効率化、Worepress備忘録を記事で残しておきたい。 でも、それを全部フロントページに表示していたら、他の記事が押されて、それらの記事でフロントページが埋め尽くされてしまう… そんな自分用記事etc.をフロントページに表示しない方法。 ついでに、メニュー欄やウェジェットに表示しない方法も。 フロントページに特定のカテゴリーを表示しない 使用して […]

Javascriptファイルをフッター行に移動

地道にサイトスピード改善取組中。   今回試したのは、「JavaScript to Footer」     Webページの読み込みはHTMLの上部から行われるので、HTMLの記述の最初の方にJavascriptファイルがたくさんあると、その読み込みに時間がかかり、ページの表示速度が遅くなる。 そこで、このプラグインをつかって、Javascriptファイルをヘッダー行か […]

勝手に改行etc.のタグを消されてしまう事への対処法

意図的に改行していた部分やアンカータグ等が、 テキストエディタ → ビジュアルエディタ → テキストエディタと切り替えた途端、なかったことになっている事が多々ある。 以下、対策法のまとめ WordPressの自動整形について どうやら、WordPressが正しいコードになるように自動整形してくれているのが原因のよう。 2回以上の連続した改行 → 自動で1回の改行に 行の始め、行の終わりにある空白 […]

AddToAny Share ButtonsでFacebookの「いいね」ボタンが出てこない

SNSシェアボタンに「AddToAny Share Buttons」を使用中。 設定では、 Facebookの「Like」とTwitterの「Tweet」ボタンを表示させるようにしているのだけれど、   PCのプレビュー画面ではでてこない。 (シェアボタンは普通にでてくる。)     個人的には、「シェア」より「いいね」の方が敷居が低いので、 できれば「いいね」ボタン […]

WP-Popular Postでサムネイル画像が一部表示されない

私は、よく読まれている記事を一覧表示にしてウィジェットに表示させています。   使っているプラグインはWordPress Popular Postです。   今回、このPopular Post記事一覧で一部サムネイル画像が表示されなくなりました。   調べてみると、どうやらキャッシュの問題のよう。 以下、改善方法 ▼    1. 設定 → WordPress Popular Post 2. 画面上 […]

過大なDOMサイズの回避

PageSpeed Insights で、低成績を目の当たりにし、環境改善中。 今回は、「過大なDOMサイズの回避」に挑戦。 過大な DOM サイズの回避 DOMサイズは、html タグの階層や深さの事。 850 要素あたりが警告上限で、1,500 要素以上になるとアウトのようだが、 私の場合は一時期 3,426 まで増えていた。   「Avoid an excessive DOM si […]

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

PageSpeed Insights で、低成績を目の当たりにし、環境改善中。 今回は、「第三者コードの影響を抑える」に挑戦。 第三者コードの影響を抑える 指摘された「第三者コード」は下記。 Google/Doubleclick Ads (Google Adsense) Facebook Google Analytics Google Tag Manager) この中で、一番影響が大きいのが、「G […]

WordPressに溜まったゴミデータの削除

PageSpeed Insightsで検証し、かなりUser-unfriendlyなサイトになっている事が判明し(こちら)、対策中。   対策1:レンダリングを妨げるリソースの除外(こちら) 対策2:画像サイズの縮小(こちら)   対策の3番めは、 「WordPressに溜まったゴミデータの削除」 を試みる。   ゴミデータとは、 リビジョン(記事の下書きや更新前デー […]

EWWW Image Optimizerで画像圧縮と次世代画像フォーマット変換

PageSpeed Insightsで検証した結果、かなりUser-unfriendlyなサイトになっている事が判明(こちら)。   対策1は、レンダリングを妨げるリソースの除外に挑戦し、ある程度効果が得られた(こちら)。   対策2として、次は画像サイズの縮小を検討。 画像サイズの縮小について 私は元々Photoshopで解像度を変更し、圧縮保存して、それぞれの画像を50kb […]

【WordPress】レンダリングを妨げるリソースの除外:PageSpeed Insightsのスコア改善

PageSpeed Insights で低成績を目の当たりにしてから環境改善に向けて舵を切り、100点 まで改善しました。 以下は、個人的に試行錯誤した内容の覚え書きと、その後プロの人に改善してもらった項目について記載、「レンダリングを妨げるリソースの除外」編。 「レンダリング」と「レンダリングを妨げるリソース」とは 「レンダリング」とは レンダリング(Rendering)とは、サーバーから受け取 […]

PageSpeed Insightsでのサイトスピードチェックおよびサイトスピード改善に向けての対策

Google Site Kitが、 「あなたのサイト、モバイルではかなり遅いですよ。」 と教えてくれた。 世の中はモバイル重視なので、ここが遅いのは致命的。 とゆーわけで、PageSpeed Insightsで調べてみる。   なぬ……モバイルのサイトパフォーマンスが17、デスクトップは56……。 メインのサイトもモバイルは34、デスクトップは60と、かなり低い。   ラボデー […]

バックグランド更新が想定通りに動作していません

ダッシュボードからサイトヘルスステータスをチェックしたら、 「改善が必要」 との事。   具体的には、 使用していないテーマを削除 使用していないプラグインの削除 サーバーのPHPのVer.を最新のものに更新 を勧められ、一つずつ対応。    具体的に行動する前に、 サイトのバックアップ WordPress本体、テーマ、プラグインのアップデート PHPの互換性チェック PHP互 […]

固定ページに新着記事一覧:List Category Posts

このサイトでは使っていないのですが、サブドメインサイトで利用している、「List Category Posts」の使い方の覚書。 1.プラグイン【List Category Posts】をインストール 2.一覧を入れたい場所に[catalist]で挿入 設定→List Category Postsで設定。 Nubmer of Psts:何個まで表示させるか Pagination:true → 続き […]