プラグインを有効化するとこんな感じになります。パープルのヘッダーにグレーの背景でこちらもシンプルな見た目になります。AMPは制約が多いので凝った作りにすることが難しいためです。テーマに組み込んでいた関連記事のショートコードもむき出しになってしまいました。 AMPをプラグインを使わず自分で対応したい 上記のプラグインは完全なAMP対応とは言えずまだまだβ版です。今から数年前にスマホサイト対応でWPtouch Mobile Pluginが流行ったのと同じように、プラグインを使っている人と全く同じデザインになってしまうので「とりあえず対応しました感」があって何か嫌なんですよね。 というわけで今回はWordPressでプラグインを使用せずAMPに対応させた手順をご紹介します。このページもAMPに対応しているので、URL末尾に「?amp=1」を付けてレイアウトの違いを見て下さい。 https://c

2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P

昨年末くらいからモバイルが爆速になるとちらほらと話題になってきたAMP(Accelerated Mobile Pages)ですが、Googleがいよいよ検索に取り入れるようで、Search ConsoleにもAMPのインデックス状況やエラーが表示されるようになりました。 いよいよ2月23日から検索での表示が開始されるようです。 当サイトもせっかくなので、AMPプラグインを使用して対応させてみました。 最新バージョンは0.42で、構造化データのエラー等はなくなっており、フィルターやアクションフックが充実しており、カスタマイズするのにプラグインを直接編集する必要はなくなりました。 今回軽くカスタマイズもしてみたので、使用方法やカスタマイズの方法をまとめてみます。 AMPプラグインの使用方法AMPプラグインは特に設定等はなく、基本的にはインストールして、有効化するだけです。 ただし新しいURLを

2016.05.16 WordPressにAMPプラグインを導入し、Googleアナリティクスで計測できるようにするまでの流れ 2016年2月24日、GoogleがAccelerated Mobile Pages (AMP)に対応したウェブページを検索結果に表示する事を開始しました。 AMPについての記事はこちら↓ AMP (Accelerated Mobile Pages) について 今回は、TipsnoteにWordPressのAMPプラグインを導入し、Googleアナリティクスで計測できるようにしてみました。 AMPプラグインの導入 AMP用のGoogleアナリティクス プロパティを作成 AMPプラグインのテーマにGAタグを埋め込む デバッグとエラー対応 AMPプラグインの導入 AMPプラグインをインストールします。 「プラグイン」＞「新規追加」画面から、キーワードに「AMP」と入れ

事前にデータベースのバックアップをとる まずは、事前にデータベースのバックアップをとっておきます。 これは、何かしら作業に手違いがあった場合でも、作業前の状態に復元できるようにしておく保険的なものです。 データベースのバックアップには、WordpressプラグインのBackWPupを利用します。 データベースのバックアップを手っ取り早く行うには、プラグインのインストール・有効化後、Wordpress管理メニューの「BackWPup → Dashboard（ダッシュボード）」メニューを選択します。 ダッシュボード画面が表示されたら、「One click backup」項目の「Download database backup」をクリックしてSQLファイルを取得してください。 すると、サイト名とデータベース名から名前が付けられた以下のようなSQLファイルがダウンロードされます。 ちなみに、これに

2018年7月から、HTTPS化されていないサイトURL表記の部分がエグクくなる件(-_-;) 最近、SSL化の流れが強くなっていると感じる＠「ノマド」な主婦Toroです。 2016年6月から、Wordpressサーバーで名高い、エックスサーバーが、独自SSL化を有料⇒無料で提供しています！！ しかも、その独自SSL化の設定方法は、とっても簡単に出来るようになっています。 ＞＞エックスサーバーで独自SSL化する方法 これは、SSL化の流れに拍車がかかること間違いなし！ Googleは既に、SSL化されているのはご存知かと思いますが、 以前読んだ記事から、Yahoo!も本格的に、SSL化にするという記事も読みました！ >>Yahoo! SSL化の影響、対応策を徹底解説~SEO・解析の今後は？~ そして、Googleは2014年8月に、安全性の高いサイト＝HTTPS化されたサイトをSEOのラン

11月21日（土）からTwitterのツイートボタンの仕様が変更され、ツイート数の取得が不可能になりました。これに伴ってデザインの変更を余儀なくされた方も多いのではないでしょうか。 これまでオリジナルのSNSボタンで使われてきた「count.json」は元から公式が提供しているものではなかったので、ある日突然サポートを切られても文句は言えません。 Twitter：ツイート数取得API「count.json」提供終了のお知らせ 「それでも何とかしてツイート数は表示しておきたい…！」と思って調べてみると、代替サービスが出ていたので試験的に実装してみることにしました。 count.jsoon 消えてしまったツイート数を復活させる「count.jsoon」 count.jsoonとは、自作SNSボタンで多く使われてきたcount.jsonの代わりになる新しいAPIで、消えてしまったツイート数を再取

本連載について WordPressは、W3Techsの統計情報によると世界中のおよそ26％のWebサイトで利用されているオープンソースCMSソフトウェアであり、CMSソフトウェアに限定するとおよそ59％と過半数以上のシェアを有しています。WordPressは当初、GPLライセンスで誰もが無償で利用できることもあり、ブログソフトウェアとして広く利用されてきましたが、最近では、その開発生産性の高さや圧倒的なマーケットシェアを背景に、CMSソフトウェアとしてまたWebアプリケーションフレームワークとしても利用されており、エンタープライズ領域での採用も加速しています。 一方で、WordPressはPHP、MySQLベースの動的なCMSソフトウェアであり、Webシステムそのものとして活用できるというメリットがある反面、エンタープライズ領域での利用が増えるに従って、動作速度としてのパフォーマンス、セキ

WordPressを使用するとデザインの変更や機能のカスタマイズ、データの管理を手軽に行える多機能なブログサービスを作成することができます。実際、このTechAcademyマガジンもWordPressを使って作られたサイトです。 他にも企業のコーポレートサイトやブログサイトなどの多くはWordPressを使われているのです。サイト作成に便利なプラットフォームなので、ぜひ使えるように理解していきましょう。 そもそもWordPressとは何なのかよく分からない方は、今さら聞けない！WordPressとは【初心者向け】をご覧ください。 なお本記事は、TechAcademyのオンラインブートキャンプ、WordPress講座の内容をもとに紹介しています。 大石ゆかり 田島メンター！！WordPressのことはなんとかわかったんですけど、どうやって使うんですか〜？ 田島悠介 WordPressを使うに

弊社で毎月1日速習WordPressセミナー（はっちゃんセミナー）を開催しています。 私自身がネットショップ向けのお手伝いをしてるのもあり、よく質問を受けるのが WordPressを使って、ネットショップを作りたい、ネット通販サイトを開設したいというものです。 どうやってWordPressを利用してネットショップを開業するのが一番いい方法なのか これは、商材の商品数（SKU）によっても異なります。 ※SKUとは（最小管理単位）でStock Keeping Unitの略です。 運営する側の方のスキル（とても初心者など）によっても オススメのネットショップ開設方法が異なります。 今回、いくつかWordPressを使った、ネット通販の開設方法を紹介しますね。 （参考：ネットショップのメディア化に、ショップの直下でWordPressが利用できるショッピングカート紹介 ） １）無料のネットショッププ

「できない」を 「できる」へ デザインも機能もカスタマイズ次第！ さまざまな要望に沿った ネットショップが作れます。

Googleは、モバイルページを高速化する AMP（Accelerated Mobile Pages） に対応したサイト検索を開始しました。 AMP は AMP HTML 仕様に沿って作成する必要があります。サイトをAMPに対応させる場合、独自のタグの記述方法や 使えるタグの制約が多いので、自分で対応させるのは大変なのですが WordPressではサイトをAMP対応にするプラグインがあります。 この AMPプラグイン を使うと 自動で変換してAMP対応してくれますのでとても楽になります。ここではさっそくAMPプラグインを使用してAMP対応する方法を紹介します。 WordPress AMPプラグイン(Automattic) https://wordpress.org/plugins/amp/ 【2018/03/07 更新】 ※この記事は WordPress AMPプラグイン ver0.6.2

管理ページアクセス制限 管理ページ（/wp-admin/以降）に対する攻撃から防御するための機能です。ログインが行われていない接続元IPアドレスに対して、管理ページのアクセスを、404(Not Found)で返します。ログインすると、接続元IPアドレスが記録され、当該ページのアクセスを許可します。24時間以上ログインが行われない接続元IPアドレスは、順次削除されます。この機能を除外するURL（/wp-admin/以降）を指定することができます。 ログインページ変更 ブルートフォース攻撃、リスト攻撃等の、不正にログインを試みる攻撃を受けにくくするための機能です。ログインページ（wp-login.php）の名前を変更します。初期値は、「login_<5桁の乱数>」ですが、お好みの名前に変更することができます。 画像認証 ブルートフォース攻撃、リスト攻撃等の、不正にログインを試みる攻撃や、コメン

2015年8月19日、 WordPress バージョン 4.3 “Billie” が公開されました。 なんでもジャズミュージシャンの Billie Holiday から命名されているそうですが、その”Billie”もとい 4.3 にアップデートをすると画面が真っ白になる不具合が発生しています。特に WP-Ban プラグイン が入っている場合は要注意!!です。WP-Ban のバージョンにより確実に真っ白画面になります。 バージョンによる動作状況 WordPress 4.2.4, 4.3 と WP-Ban 1.65, 1.66 バージョンによる動作状況を以下のマトリクスで示します。 WordPress 4.3 + WP-Ban 1.65 の組み合わせでは確実に真っ白画面になります。 また WordPress 4.2.4 以下 + WP-Ban 1.66 の組み合わせでは WP-Ban プラグイ

WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.(&#91;Hh&#93;&#91;Tt&#93;&#91;Aa&#93;)"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。

Google で検索しているとき、検索結果が以下のような見た目になっている Web ページを見たことあるかもしれません。 これは Schema.org を利用して検索エンジンに評価やレビュー数、値段等の各種情報を伝える事で実現可能です。 これを WordPress でも簡単に導入できるようにしたのが All In One Schema.org Rich Snippets というプラグインです。 All In One Schema.org Rich Snippets のインストール WordPress に登録されているプラグインなので管理画面のプラグイン新規追加画面より "All In One Schema.org Rich Snippets" で検索すると出てくるのでインストール -> 有効化と進めていきましょう。 もしくは上記 URL よりファイルをダウンロードし plugins ディレ