WordPressでホームページを作るには

【秒速解決】Word Press Popular Postsでウィジェット保存できないときの解決方法

投稿日:2020年1月27日 更新日:

Word Pressのプラグイン「Word Press Popular Posts」でウィジェット保存できない挙動があったので、その解決方法を解説します。

Web365とは

Web365は、外部Web担当者として、クライアントのWebサイトの集客力を高める施策を運用代行しています。

今回は、WordPressでクライアントサイトのウィジェット改善する際の提案・考え方の一部紹介です。

Web365について詳しく知りたい方は「Web365とは」ご覧ください。

Word Press Popular Postsでウィジェット保存できないときの挙動

ウィジェット保存しようとしたときにこんな画面で一向に保存できないときの対応です。

結論としては、ショートコードで対応する方法です。

そもそもウィジェット保存できない原因候補としては、サーバーのセキュリティ設定での競合などが考えられます。

この方法で、実装できない場合は、サーバーセキュリティの設定などから対応することが必要です。(今回は割愛してます)

 

Word Press Popular Postsでウィジェット保存できないときの解決方法

解決手順は下記の流れです。

  1. プラグインのパラメーターからショートコード作成
  2. ウィジェットでカスタムHTMLでショートコード入力

詳しく解説します。

    プラグインのパラメーターからショートコード作成

    まず、Word Press Popular Postsでは、ショートコードが作成できます。

    設定からプラグインの設定へ進みます。

     

    Word Press Popular Postsの設定へ進む

     

    プラグイン設定画面で、下記赤枠のパラメーターをクリックします。

     

    Word Press Popular Postsのパラメーター設定

     

    パラメーター画面に進むと、人気記事をどのような基準で一覧表示するかの仕様を設定できるコードが用意されています。

    例えば、下記、赤枠、

    [wpp header=’Popular Posts’]

    をコピーして、ウィジェットのカスタムHTMLにコピペし保存すれば、

    人気記事がデフォルト状態で表示されます。

     

    Word Press Popular Postsのパラメーター設定のショートコード集

     

    項目が多数あるので、今回はサンプル例で、

    • 直近30日の閲覧数を集計
    • 記事は10位まで表示
    • サムネイルは縦横100Px
    • 閲覧数は非表示

     

    で実装したいという場合は、下記のパラメータのショートコードを組み合わせて、

    • [wpp header=’Popular Posts’]
    • [wpp range=’last30days’]
    • [wpp limit=10]
    • [wpp thumbnail_width=100 thumbnail_height=100]
    • [wpp stats_views=0]

     

    [wpp stats_views=0 range='last30days' limit=10 thumbnail_width=100 thumbnail_height=100]

     

    とします。

     

    2 ウィジェットでカスタムHTMLでショートコード入力

    先述のショートコードをコピーして、ウィジェットに進みます。

    Word Press Popular Postsnのウィジェット保存方法

     

    カスタムHTMLを選択して表示したい場所にドラッグします。

    上記画像例では、赤枠の場所に設置して、詳細をタイトル「人気記事」とします。

    内容は、先のショートコードをペーストします。

     

    結果は、下記のように表示されました。

     

     

    カスタムは適宜、パラメータを参照して、ショートコードを作成すると良いです。

     

    以上です。ご活用ください。

     






    Web担当者として月額サポートします。

    Web365は貴社のWeb担当者として、制作改善運用をワンストップ定額サポートしています

    ・成果にこだわるサイト制作改善をお望みの方
    ・良いweb制作会社、コンサル会社がいないとお困りの方
    ・分析から改善運用まで一括で依頼したい方


    是非Web365までご相談ください。






    Web制作+Webマーケティングの個別講座開講中

    Web365はWeb担当者のスキルセットである
    サイトを変更する「提案力」と「技術力」について個別指導しております


    ・Webで集客するための「考え方」を知りたい方
    ・サイトの制作改善のセオリーを知りたい方
    ・自身のサイトでケーススタディをしたい方
    ・サイトの制作改善の「技術的なスキル」を習得したい方
    ・分析から改善運用まで自身でしたい方


    どうぞWeb365の個別講座をご覧ください。

    WordPressでホームページを作るには

    執筆者:

    関連記事

    【秒速解決】WordPressの管理画面が真っ白の対処法_サーバー【ロリポップ】

    Word Pressのログイン画面だったり、管理画面が真っ白になってお手上げ、という事象があります。管理しているサイトで発生したので、対処解決方法を解説します。     WordPressの管理画面が …

    【解説】売上規模0から数十万円のECサイトを制作するときの考え方とサービス比較

    【5分で読めます】 クライアント事例として、ECサイト(eコマース、つまりオンラインショップ)を新規作成したいときに、「なにで、どう作ればよいか?」ついての全体感と直近サービス列挙から提案事例を解説し …

    WordPressのテキストモードでタグボタンを追加する方法

    Web担当業務でクライアントサイトに見出しや太字などのタグがリセットされていたのでCSSの設定した際に、エディタ上のテキストモードでタグボタンを追加する方法を解説します。   下記画像の青枠 …

    【事例】Webサイトの保守運用を外注依頼すると何をしてくれるのか?

    Webサイトを制作業者に依頼し納品後に発生する「保守運用・セキュリティ」の業務。 あれは実際何をしてくれるのか。 Web365の場合で事例解説します。   保守運用の大きなタスクは3つ Webサイトの …

    【note更新】WordPress管理画面のカスタムフィールド入力で、DB情報のサジェスト機能実装の方法

    Web365とは Web365は、外部Web担当者として、クライアントのWebサイトの集客力を高める施策を運用代行しています。 今回は、クライアントのサイト改善のコーディング事例の紹介です。 Web3 …

    【コピペ】見積もりの簡易フォームを作成しましたので活用ください

    ビジネスサイトで商材の見積もり計算機能がほしいと感じることはありませんか? クライアント事例で、Word Pressで、「見積計算機能」を作成しました。各項目と個数入力などで小計と合計を計算する仕様で …

    ALTタグ入力の方法

    【Webマーケティング】画像検索一覧に表示させる方法なら、ALTタグ入力がおすすめ

    ビジュアル商材を扱っているサイトですと画像検索からの流入も意識したいですね。どんな対策があるか知っていますか? そんなときは、画像のALTタグの入力がおすすめです。 ALTタグの入力で画像検索で自商材 …

    ;