タグ

wordpressに関するmogmogmogtanのブックマーク (37)

  • Amazon Product Advertising API (PA-API) の登録方法・注意点

    PA-APIの登録方法 PA-APIを利用するにはまずAmazonアソシエイト・プログラムに参加する必要があります。 Amazonアソシエイト・プログラムに参加する方法は割愛しますが、利用にはブログやウェブサイトが必要で審査に通らないと利用できません。 説明ページでは簡単に登録できるようになっていますが、記事数が少なかったりサイトの内容によってはなかなか審査に通らないようなのでご注意ください。 step 1 Amazonアソシエイトにログイン。メニューの[ツール]-[Product Advertising API]を選択。 step 2 「Product Advertising API の利用をはじめるには〜」の下にある利用をはじめるをクリック。 step 3 「認証情報のダウンロード」という画面でアクセスキーとシークレットキーが表示されます。 これらの情報は今後確認できなくなりますので、

    Amazon Product Advertising API (PA-API) の登録方法・注意点
  • 【図解】Rinker(リンカー)の使い方まとめ【2025年版】

    Rinker使うなら「もしもアフィリエイト」と「バリューコマース」のリンクを使うのがおすすめ Rinkerを使うためにはAmazon楽天Yahoo!ショッピングなどと提携しておく必要があります。 Amazon楽天アフィリエイトに登録して提携するか、Amazon楽天の商品も紹介できるASP「もしもアフィリエイト」で提携する事ができます。 「楽天アフィリエイトは報酬が現金ではなくポイント」になってしまいますので楽天のリンクは「もしもアフィリエイト経由」がメリットあります。 また、振り込み報酬の手数料も「もしも負担」という神対応なので楽天を利用するよりも「もしも経由」がおすすめです。 ■もしもアフィリエイト ⇒https://af.moshimo.com/ Yahoo!ショッピングはバリューコマース経由 Yahoo!ショッピングも「もしもアフィリエイト経由」にできますが、

    【図解】Rinker(リンカー)の使い方まとめ【2025年版】
  • 無料ツール『GTmetrix』でWordPressをスピードアップした

    Googleがサイトの表示速度を検索の評価対象にしているということをご存知ですか? あなたがWordPressサイトを運営しているなら、サイトの表示速度は検索による流入にも影響しますから、しっかりとサイトの表示速度を計測して改善しましょう。 サイトの表示速度を計測ツール「GTmetrix」がおすすめです。 この「GTmetrix」は有料でサポートが受けられるメニュー「GTmetrix PRO」やWordPressのプラグイン「GTmetrix for WordPress」もあります。 今回紹介する「GTmetrix」は無料で表示速度の計測だけでなく具体的な改善ポイントもアドバイスしてくれるすごいツールです。 サイトの表示速度を知れるだけでなく、原因や改善ポイントが無料でわかるなんてうれしいですね。 今回はこの「GTmetrix」の使い方や改善ポイントの確認の仕方を紹介します。 サイトの表示

    無料ツール『GTmetrix』でWordPressをスピードアップした
  • 【PageSpeed Insights】レンダリングをブロックしている JavaScript/CSS を排除したら99点になったので方法をご紹介 | 株式会社ウェブ企画パートナーズ

    【PageSpeed Insights】レンダリングをブロックしている JavaScript/CSS を排除したら99点になったので方法をご紹介 「どうせなら100点にしようよ!」というお声が聞こえてきそうですが…。 それはさておき、最近ではページの表示速度がこれまでよりもより重要視されていて、PageSpeed Insights を活用する方も増えてきています。WordPressは動的なCMSということもあり表示速度があまり速くありませんので、 キャッシュプラグイン 画像の軽量化 上記のような工夫をしてらっしゃるのではないでしょうか。 ですが、PageSpeed Insights で注意されがちな項目はそれだけではありません。 スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する 「スクロールせずに見えるコンテンツのレンダリングをブロ

    【PageSpeed Insights】レンダリングをブロックしている JavaScript/CSS を排除したら99点になったので方法をご紹介 | 株式会社ウェブ企画パートナーズ
  • きれいにしっかり画像圧縮。WordPressプラグインCompress JPEG & PNG imagesの設定と使い方

    Compress JPEG & PNG imagesの特徴 【Compress JPEG & PNG images】は、アップロード画像を圧縮してくれるWordPressプラグイン。あの有名なWEBサービスTinyPNG  のプラグインバージョンです。パンダかわいい。 TinyPNGはしっかり画像圧縮してくれる割に、素材のクオリティーを維持してくれることで有名なサービスですね。私にとっては「綺麗さを保つ」というのはとても大切な要素です。 一度使ってみると分かると思いますが処理結果は非常に優秀で、圧縮に関しても、画像によってはファイルサイズを半分以下にしてくれることも多いです。 情報量が半分以下になってるってこと?さすがに抵抗あるわー・・・ という声が聞こえてきそうですが、ブログレベルでの使用には問題ないと言えます。不安であれば、一度WEBサービスの方で試してみることをおすすめします。もちろ

    きれいにしっかり画像圧縮。WordPressプラグインCompress JPEG & PNG imagesの設定と使い方
  • メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simple Image Sizes」の設定方法

    クリックで拡大表示させたい画像だから、大きいサイズのままアップロードしたい! デフォルト選択肢の「サムネイル」「中サイズ」だと小さすぎて見栄えが悪いし、「フルサイズ」で貼り付けようかな・・ でも、貼り付けたい画像がいっぱいあるし、全部サイズが大きいから、ページの読み込み速度が気になる・・ ていうか「大サイズ」ってデフォルトで【1024×1024】でしょ?これ、自分のサイトでは絶対使うこと無いんだけど・・ アップロードした画像全部に、『自動生成』がかかるんだよね?無駄なデータで容量がいっぱいになっていくのなんて嫌なんですけど!

    メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simple Image Sizes」の設定方法
  • 知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケンな関係

    意外と知らない、WordPressの”お気づかい” ひとつの画像をWordPressにアップロードする度に、他のサイズの画像が同時に、自動生成されているって知ってました?つまり・・知らぬ間に、勝手に作られている画像があるんです。 ちゃんと知っておかないと後で大変なことに・・・なるかもしれません。 記事作成時に使う「メディアの追加」画面。その設定方法とあわせて知っておきましょう。 自動生成された画像はどこで使われる? オリジナルサイズ以外に、自動でどんなサイズが作られているかは、WordPress管理画面内「設定」→「メディア」で確認することが出来ます。 クリックで拡大 デフォルトでは「サムネイルのサイズ」「中サイズ」「大サイズ」がそれぞれ設定されています。実は、画像をひとつだけアップロードしたつもりでも、追加でこの3種類のサイズの画像が作られているわけなんです。 このサイズの数字、どこかで

    知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケンな関係
  • WordPress の画像圧縮プラグイン EWWW Image Optimizer をおすすめしない理由

    WordPress にアップロードする画像ファイルを圧縮するプラグインを導入することで、サーバーからのデータ転送量を減らすことができます。 すると、ファイル読み込み時間が短くなるため、全体の画面表示時間も短くなり、ユーザービリティが向上します。最終的には Google 等の検索サイトへの評価にもつながるため、WordPress 利用者であれば画像圧縮プラグインは必須とも言われています。 「画像ファイルの容量を軽くする」ことが目的であれば、基的にはどのプラグインを使ってもほとんど違いはありません。しかし「データ転送量を含めサーバー負荷を軽減する」ことが目的であれば、どのプラグインでも良いわけではありません。 画像圧縮プラグインで最も有名なのは「EWWW Image Optimizer」です。WordPress での定番プラグインの1つなので、調べてみると数多くの情報が見つかります。ただ、サ

    WordPress の画像圧縮プラグイン EWWW Image Optimizer をおすすめしない理由
  • WordPressならAutoptimizeプラグインでコードの最適化をするべき ► soratobuメディア情報局

    第一弾Gzipの設定 ⇒Gzipで圧縮を行い、最適化を行います。 第二弾ブラウザキャッシュの設定 ⇒インターネットを閲覧するブラウザのキャッシュを有効化して高速化を行います。 実はまだまだページ表示速度の高速化ができる点が残っています。 それがHTMLや、CSSのコード最適化! 「え、それってどういうこと?めっちゃ難しいんじゃない…?」 って思うかもしれません。 そうなんです。普通にやると難しいんです。 しかし、今回はWordPressのプラグインを使って、ものすごくカンタンにコードの最適化を行ってみましょう! ページの表示速度を早くするにはページのデータを少なくする ウェブページを閲覧する際、必ずページデータのダウンロードが行われます。 ダウンロードと言うと、アプリケーションをインストールするイメージが強いかもしれません。 でも、実はウェブページを閲覧する時にもダウンロードが毎回行われて

    WordPressならAutoptimizeプラグインでコードの最適化をするべき ► soratobuメディア情報局
  • CDNならこのサイトが超便利!jsDelivrの使い方 | Web Design DAY

    前回、「超簡単!CDNのjQueryを読み込む方法」というのを書きましたが、Web制作をする上では、様々なjQueryのプラグインも使用する機会が多いと思います。 jQuery体と同様に、プラグインも毎回ダウンロードしてサーバーへアップして、、、というのは面倒です。そこで便利なのが「jsDelivr」というサイトです。 プラグイン全て、というわけにはいきませんが、かなりの数のプラグインをホストしていますし、よく使うCDNをコレクションして一括でソースコードをコピーして貼り付けられたり超便利です。ぜひ使ってみましょう。 jsdelivrトップ画面 まずは下記のリンクから「jsdelivr」のトップ画面へ行きましょう。 jsDelivr 画面を下にスクロールしていくと、検索ボックスがあり、こちらに使いたいプラグイン名を入れて探すことができます。 さらにスクロールをしていくとTop10のランキ

  • 亚博国际,第一信誉平台

    開沪实名认证-领啋唫 亚博彩票一分钟/期 首充优惠仅1倍水最高送18888W 请记住官方域名: ac0p.cc 立即前往

    亚博国际,第一信誉平台
  • 記事間の内部リンク構造を可視化するWordPressプラグイン「Show Article Map」

    WordPressのブログで記事と記事の内部リンク構造を可視化するプラグインを作りましたので公開します。 内部リンクの最適化にお役立てください。 Show Article Mapができること Show Article Mapは、記事文中に貼ってある内部リンクを解析し、記事および固定ページをノード、リンクをエッジとしたマップを自動生成します。 たとえば当ブログの場合、こんな↓マップが生成されます。 四角いノードは記事、つながり(エッジ)が内部リンク、色はカテゴリを指しています。 少し拡大するとこんなふうに見えます↓。 それぞれのノードに記事のスラッグが入っています。(後述するカスタマイズで記事タイトルに変更可能) 矢印はリンクの方向です。どの記事からどの記事にリンクが張ってあるかがわかります。 ノードはマウスホバーすると記事のタイトルが表示されます。ダブルクリックで当該記事にジャンプ可能で

    記事間の内部リンク構造を可視化するWordPressプラグイン「Show Article Map」
    mogmogmogtan
    mogmogmogtan 2018/06/02
    使ってみたら私のブログ内部リンクの矢印全然なかった!全部陸の孤島!\(^o^)/
  • Push7を使ってWordPressブログをプッシュ通知に対応させる方法

    最近、Push7というWEBプッシュ通信サービスに関する記事をよく目にします。 なんでも、プッシュ通信サービスを利用すると、ユーザーの端末に直接お知らせを届けることができるそう。 なんだか、とっても便利そうな機能なので、この通信サービスを、自作のテーマにうまく組み込めないものかなと考えています。ただ、組み込むも、組み込まないも、実際にサービスを使ってみて判断するしかないということで、早速使ってみることにしました。 photo by Victor Bezrukov Push7とは Push7は、WEBから直接ユーザに通知が送れるサービスです。 例えば、WEB上でこちら側から通知を送ったとしたら、ほぼリアルタイムでユーザーの端末へお知らせを送ることができます。 プッシュ通信を受け取るユーザーは、特にサイトへの登録は必要ありません。ですのでユーザーは、単にボタンを押すだけという手軽さで、購読でき

    Push7を使ってWordPressブログをプッシュ通知に対応させる方法
  • 簡略版!mixhostサーバーでWordPressをSSL対応(HTTPS化)させる方法

    簡略版!mixhostサーバーでWordPressをSSL対応(HTTPS化)させる方法
  • 【AFFINGER4】AMP化方法の全手順をまとめました

    WordPressテーマ「AFFINGER4」は、テーマ標準でAMP対応機能が準備されています。 これまで、いくつかの注意点や躓いたポイントなどを記事にしてきましたが、今回はAFFINGER4でのAMP化の全手順を自身の備忘録の意味も含めつつ、詳しくご紹介していきたいと思います。 大切なポイントを一つひとつお伝えしたいと思うのですが、全てを文章にするとやっぱり長くなるんですよね。 「面倒なことが多いみたいだし難しそうだな...」 もしかすると、そんな風に感じてしまう方もいらっしゃるかもしれませんが、全然そんなことはありません。 「AMP対応ってなんだろう?」 という方は、AFFINGER4公式ページと合わせて、まずは、こちらの記事をご一読ください。 大丈夫ですよ。 正直に言うと...実はつい数か月前の私の頭の上にも「?」が乗っていたんですから...(笑)

    【AFFINGER4】AMP化方法の全手順をまとめました
  • https://blog.maro-log.net/post-4796/

    https://blog.maro-log.net/post-4796/
  • SimplicityからAFFINGER4へテーマ変更したらブログが細マッチョになった

    以下2点、行いました。 特化ブログへの切り替えAFFINGER5(WING)へのテーマ変更 記事では切り替えた理由と、切り替えた結果をご紹介。 ブログ収益アップの参考にしてください。 きっかけは、運営ミニサイトの輝かしい実績 2017年2月にはてなブログからWordPressへ移行してからお世話になってきた無料テーマ「Simplicity」。 無料とは思えないきめ細やかな機能群と、自分色に染め上げられるカスタマイズの自由さに惚れ、ずっと使い込んできました。 にもかかわらずAFFINGER5へくら替えしたのには理由があります。 ほかで運営中のミニサイトにおける実績です。 例1: 特化型ミニサイトA 2017年2月オープン、記事数およそ70、作ってからほぼ放置。 SNS拡散施策はゼロで、アクセスは100%検索のみ。 がっちりサイト設計を行い、記事別に狙うワードを決め、検索意図に答える形で作っ

    SimplicityからAFFINGER4へテーマ変更したらブログが細マッチョになった
    mogmogmogtan
    mogmogmogtan 2017/11/02
    ちょうどSimplicityからAFFINGER4に変更したいブログがあったので助かりました!
  • WPCore Plugin Manager: プラグインの一括インストールができるWordPressプラグイン

    WPCore Plugin Managerは、プラグインを一括インストールできるWordPressプラグインです。 プラグインのインストール作業をまとめて管理できます。 インストールするプラグインは「WPcore.com」で管理します。作成したコレクションのキー(鍵)をプラグインに登録することで、インストールするプラグインの情報を受け渡し、プラグインを一括してインストールできます。 例えば、相手にキー(鍵)を渡して、相手側のWPプラグインにキー(鍵)を登録すれば、インストールするプラグインの一覧が表示されます。後はインストールして有効化するだけです。 ちなみに、「WPcore.com」への会員登録なしでも一部機能は利用可能ですが、全ての機能を利用するには会員登録(無料)が必要になります。 このプラグインを活用すれば、プラグインのインストール作業を効率化できます。WordPressを利用して

    WPCore Plugin Manager: プラグインの一括インストールができるWordPressプラグイン
  • はてなブログからワードプレスへ移転、SSL化した全手順&PV推移データ等まとめ

    先日、このブログをはてなブログPro(独自ドメイン運営)からワードプレスへ移転しました。 移転作業はスムーズに進んだものの、かなり忙しい1ヶ月でした… 準備から移転、移転後のメンテナンスまで、めちゃくちゃな作業量! 実は、前にもサブブログをはてなブログからワードプレスに移転しています。 その時は作業を全て任せ、僕は見守るだけ…。 今回はサーバーやサイト移転のノウハウを少し覚えておきたいと思い、アドバイザーとなる人を探した上で、移転作業は自分の手で行いました。 さて、はてなブログからワードプレスに移転する人も増えてきています。 この記事では、移転準備から移転作業、サイトリニューアル、SSL化、アクセス傾向など… ノウハウというよりも、リアルな作業日記としてまとめましたので、移転を考えているはぜひ1度お読みください。 ※この記事は筆者の作業記録としてまとめています。移転作業に生じたトラブルは負

    はてなブログからワードプレスへ移転、SSL化した全手順&PV推移データ等まとめ
    mogmogmogtan
    mogmogmogtan 2017/10/21
    おお、気になることがほぼ全部書いてあった……。ありがたい。
  • アフィンガー4でWordPressプラグイン「Autoptimize」を有効化すると読み込まれるCSSがなくなる。 - 攻めは飛車角銀桂守りは金銀三枚

    先日購入して絶賛使用中の「アフィンガー4」。 使いやすくて当によい。 金曜日に運用中のサーバーが遅くて表示に時間がかかっていたのでWordPressを高速化しようということでWordPressプラグイン「Autoptimize」を導入しました。 WordPressプラグイン「Autoptimize」は「HTML」「CSS」「Javascript」のファイルなどを圧縮してくれるプラグイン。 実際は速くなったのか実感はなかったのですが、そのままにしてましたが今日ちょっとしたトラブルに気が付きました。 (※アフィンガー4が悪いわけではないです。) アフィンガー4でプラグイン「Autoptimize」を有効化すると H3タグのチェックマークが出ない。 原因は読み込まれるCSSから「Font Awesome」が外れるから!! アフィンガー4でAutoptimizeを有効化するとチェックマークが出な

    アフィンガー4でWordPressプラグイン「Autoptimize」を有効化すると読み込まれるCSSがなくなる。 - 攻めは飛車角銀桂守りは金銀三枚