印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 多くのサイトで利用されている「WordPress」のプラグインの脆弱性を標的にした、新たな攻撃が進行中であることが明らかになった。1週間ほど前にも、WordPressに対する別の攻撃が明らかになっている。 WordPressを専門とするセキュリティ企業Defiantは米国時間11月20日、ブログ記事でこの問題について詳細に報告している。Defiantは11月9日にも、WordPressを使ったサイトに対して、「WP GDPR Compliance」プラグインを使った同様の攻撃キャンペーンが進んでいることを明らかにしているが、今回発表されたのは、それとはまた別のものだ。 最新の攻撃キャンペーンでは、10万以上のサイトにインストールされてい

WordPressにはおしゃれなテーマがたくさんあります。「これが無料！？」と思うようなハイクオリティなものが無料配布されていることもあります。 全てレスポンシブ対応 今回はおしゃれなWordPressテーマをまとめて紹介します。どれもレスポンシブ対応（スマホ表示にも最適化）です。海外製のものが多めですが、どれも日本語で使うことができます。ジャンル別に紹介していくので、必要に応じて読み飛ばして頂ければと思います。 いきなり手前味噌で恐縮なのですが、当サイトが制作・配布しているWordPressテーマです。開設1年で200万ページビュー/月を超えたサルワカのノウハウを、余すことなく詰め込んでいます。 デザインはモバイルファーストで、細部までこだわり抜いています。見出し、ボックスなどの装飾が多数用意されており、専門知識なしで簡単に記事に挿入できます。内部SEOもバッチリ最適化済み。有料ですが、

[レベル: 上級] WordPress サイトを PWA 対応させるプラグインがプラグインディレクトリに公開されました。 このプラグインは、WordPress の VIP パートナーである XWP が中心となって開発し、加えて WordPress 本体の開発元である Automattic とさらには PWA 発展の旗振り役でもある Google が関わっています。 WordPress を PWA 化するプラグインはすでにたくさん公開されていますが、3社がタッグを組んでいるという点でこのプラグインはPWA対応のための公式プラグインと言ってもいいのではないでしょうか。 Service Worker, Web App Manifest, HTTPS PWA対応の公式プラグインと聞くとワクワクしますが、できることは非常に限られています。 現状では次の機能をサポートできています。 Service W

【コピペでできる！】WordPressにschema.org(JSON-LD)を実装する方法takahiro tweet 前回、「構造化データ(schema.org)はJSON-LDで記述しよう。」ということで、【完全解説】構造化データ(schema.org)はJSON-LDで書こう！という記事を書きました。 今回はその応用編として、WordPressの記事ページで構造化データをJSON-LDで書く方法をご紹介します。 先に言ってしまうと、下のコードをWordPressに導入しているテーマ内のfunctions.phpに追記するだけで構造化データのマークアップは終わりです！ （注：コラムなどの記事を書いてる人が導入する場合のテンプレートです。） // JSON-LD add_action('wp_head','insert_json_ld'); function insert_json_l

[レベル: 上級] WordPress ブログを AMP 対応する公式プラグインの v1.0 ベータ1がリリースされました。 今までのバージョンは、0.x であり、1.0 にすら到達していませんでした。 バージョン 1 の最大の特徴は “Native AMP”（ネイティブ AMP）の実現です。 通常ページと同一のネイティブ AMP 正式版として現在インストールできる AMP プラグインは、デザインや機能が通常のモバイルサイトとは完全に一致していません。 一般的に、デザインは簡素になるし、メニュー表示やコメント投稿などの機能が使えなくなる場合も少なくありません。 しかし、ネイティブ AMP では通常のモバイルサイトとほぼ100%同一のデザイン、機能をプラグインで変換された AMP ページでも実現します。 左が通常のモバイル版ページです。 右が v1.0 ベータ1 プラグインで変換した AMP

WordPressでAMP + PWA（プログレッシブ ウェブアプリ）を実装する方法を模索しながら、今はこうやっています ここ最近、PWA（プログレッシブ ウェブアプリ）という技術について見聞きする機会が増えてきて、AMP（Accelerated Mobile Pages）と組み合わせて実装する方法について、私の周囲では話題になっていました。 「PWAとかAMPってなんですか？」という方は、以下のページをご参考ください。 はじめてのプログレッシブ ウェブアプリ | Web | Google DevelopersAccelerated Mobile Pages Projectというわけで「WordPressでAMP + PWAを実装するにはどうすればいいのか」。ここ最近いろいろと試していましたが「この方法だとどうかな？」と思って試したことや、現在まで得た知識、感想などを以下にまとめました。

儲け学 : SEOトレーニングとウェブマーケティング戦略 SEOトレーニングとインターネットマーケティング戦略情報。儲け学は、ウェブサイトにお客を集めるSEOトレーニング、ウェブマーケティング技術を高める最適な場所です。最新の海外情報までを網羅。 モバイルフレンドリーの次のステップは、AMPです。 モバイル検索のアクセス、コンバージョン、検索順位を向上させたいのならば、ページの読み込み速度はとても大きな要因です。 なぜなら、表示速度が遅いことは致命的だからです。もしあなたのページが表示に3秒以上かかるならば、40％の人がサイトから去ってしまいます。 そこで今回は、モバイルページを高速表示させるAMPをWordPressで実装する方法を解説します。プラグインを使用して、簡単、スピーディーに導入します。 AMP（Accelerated Mobile Pages）とは？ AMP（Accelera

このブログも久しぶりにイノベーションしそうだ。 AMPという技術を恥ずかしながら最近知ったのだが。 AMPとはAccelerated Mobile Pagesの略で、モバイル向けにページを超高速で表示させる技術だ。 Googleを中心に、TwitterやPinterestやWordPressなども参加するプロジェクトで、2016年2月からGoogle検索で実用化が始まった。 どのくらい速くなるのかというと、本当に驚くほど一瞬だ。 で、このブログもぜひその最先端技術に対応したいのだが（新しいもの好き）、ページをAMPに対応させるには条件や制約がかなり多く、苦労しているところだ。 残念ながら、おそらくこのブログはAMPに対応できないと思われるが、勉強のためにも可能な限りで実装しようと取り組んでいる。 今回は、WordPressにおいてスタイルシート（CSS）をAMPに対応させる方法を紹介する。

さて、以前お伝えした通り、WordPress 4.9.6はプライバシー＆メンテナンスリリースと銘打たれているのだが、いったい何が変わったのだろうか？　リリースされたばかりの変更点についての概観をいかに記す。 その1・プライバシーページ作成ツールの追加 GDPRではプライバシーポリシーの作成ツールが追加された。「設定 > プライバシー」に移動すると、プライバシーポリシー用のページを追加または指定することができる。 プライバシーポリシーページを作成する画面 ただし、注意点があるのだが、このツールがしてくれることはプライバシーポリシーページの指定だけである。TwentySeventeenなどのいくつかのテーマではプライバシーポリシーページが指定されている場合に限り、フッターなどにリンクを表示してくれる。それはつまり、プライバシーポリシーページに記載される内容が正しいことは保証しない。これはWor

今回は、ブログ運営をするのにおすすめしたいWordPressテーマを紹介します。 私自身、WordPressのテーマを開発しており、ある程度テーマには精通しています。 今回紹介するテーマは、全て利用した上でおすすめをしています。 ブログ向けのWordPressテーマをお探しの方は是非参考にしてください。 テーマは有料と無料どちらがおすすめ？ テーマには有料のものと無料のものがあります。 無料のテーマはお金がかからないというメリットがある反面、デザインと機能を両立させたものがほとんどありません。 デザインにこだわりがない、機能さえよければ良いのであれば、無料でも問題はありませんが、デザインにもこだわりたいのであれば有料がおすすめです。 また、無料テーマは更新が止まってしまうことも多いです。 現在頻繁に更新されている有名な無料テーマは、「Cocoon」くらいで、他は更新が止まっています。 長く

This domain may be for sale!

WordPressでブログ運営をしていると、 色々なお店や商品などの、 オススメ記事を書くことも多いと思います。 そんなとき、⇩こんな感じの。 星評価を付けられれば、 記事をより分かりやすくすることが 出来ますよね。 でも、どうやって表示したら良いのか？ 分からない人のために。 今回は、WordPressで星評価をするために便利なプラグイン、 Shortcode Star Ratingのインストール方法や使い方を お話ししたいと思います。 プラグイン『Shortcode Star Rating』をインストール 今までも、いろいろな星評価方法を試してきましたが、 このプラグイン「Shortcode Star Rating」を使う方法が 一番簡単で便利でした。 まずは、WordPressの管理画面で、 プラグインの新規追加をクリックします。 次に、右上の「プラグインの検索」のところに、 「Sh

この記事は投稿されてから１年以上経っています。内容が古くなっているかもしれませんので、ご注意ください。 ワリと有名な？Visualizer の方が CSV を使って手軽にグラフを作成できるのだけど、両方使用してみて amCharts に決めました。 ということで、棒グラフを使って設定方法をいくつかメモしておきます。 ※サンプルコードに閉じタグを付けてないので（デフォルトのコードも全て掲載すると見辛いので）、その辺はよしなにお願いします。カンマとかも気を付けてください。 amCharts デフォルトの棒グラフ テーマの変更 Resources に //www.amcharts.com/lib/3/themes/light.js を追加し、JavaScript に "theme": "light", を追加 縦軸と横軸を入れ替える JavaScript に下記を追加。 "rotate": tr

プラグインをあまり入れない俺なんだけど WordPressはカスタマイズ性に富んでおり、数多くあるプラグインを入れたら自分流に好きなだけ機能を追加することができる。 しかし、プラグインを入れすぎるとブログが重くなる教を盲信している俺は、 よっっぽど気に入ったプラグインでないと追加したくない性格だ。 そのため、執筆時点でプラグインは１９個しか入れていない。 うん、数えたらけっこう入れてたわ。 ま、まあ、それでもブログの速度が遅くなるのはマジで避けたいので、 良さそうなプラグインを見つけても一筋縄では導入しない。 プラグイン「お父さん！娘さん(ブログ)にインストールさせてください！」 dai「バカモン！お前のようなどこの馬の骨かもわからんプラグインにうちの娘(ブログ)はやらん！」 こんな感じ。 Photo Credit : TATONET なかなかいい好青年(プラグイン)じゃないか そんな中で

WordPress Plugins/JSeries プロジェクトの一員で、主に WordPress のプラグインをつくっています。 Head Cleaner - <head> 部分のお掃除をするプラグイン OAuth Provider - WordPress を OAuth プロバイダにするためのプラグイン Google Maps Anywhere - Google Map 挿入用プラグイン ...etc この春から「め組」ことデジタルキューブさんと、一緒に仕事をやらせてもらってます。 め組さんとの仕事では、主に既存 WordPress サイトの高速化とかやってます。

WordPress3.xから作成できるようになったメニューのカスタマイズの覚え書きです。 とりあえず、基本は、 WordPressの管理画面の「外観」→「メニュー」でメニューを作成した後、テンプレート内のメニューを表示したい場所に、 <?php wp_nav_menu( array('menu' => 'xxx' )); ?>と記述すれば、メニューは表示できます。（xxx　は、作成したメニューの名前が入ります） あとは、書き出されるソースを見ながら、style.cssにスタイルを設定していくというやり方になります。 しかし、標準で書き出されるIDやClass名又は、タグでは対応しきれなくなる場合がでてきたら、以下の方法で、書き出されるHTMLをカスタマイズしましょう。 ※万が一の場合の為に、function.phpはバックアップしてた方が良いでしょう。 ■カスタマイズの基本（下準備） 使用

ドットインストール代表のライフハックブログ

Posted: 2011.06.17 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressのブログ内検索はテキストフィールドに入力したテキストが検索されますが、ドロップダウンリストでカテゴリーやタグを選択して絞り込み検索ができる機能を追加してみます。 テキスト検索 まずは、普通のテキストのみの検索です。 wp template <div id="search"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <input name="s" id="s" type="text" /> <input id="submit" type="submit" value="検索" /> </form> </div> これで「search.php」を作成して適当にループさせるだけで該当し