WordPress Contact Form 7 フォームの検証のエラーを解決したい。 - かもメモ
WordPress定番のメールフォームプラグインContact Form 7がバージョン4.4になりフォームの検証ができるようになりました。 今まで使っていたフォームを検証した所いろいろエラーが表示されていたのでエラーを解消したメモです。 入力必須でない項目がメールに設定されている この項目には構文エラーがあります。 Eメールアドレスの項目が入力必須でない状態で、メールの送信先・送信元にフォームで入力されるメールアドレスを指定していると場合このエラーが表示されます。 フォームで[your_mail]のタグが入力必須になっていない事が原因ですので、*を付けて入力必須項目にすればOKです。 [email your_mail id:your_mail placeholder "メールアドレス"] ↓ [email* your_mail id:your_mail placeholder "メールア
WordPressで写真ギャラリーページを作成する方法
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. イベントやセミナーでの様子を写真におさめて、これらを WordPress にどのように載せると良いか悩んだ方もいるだろう。また、飲食店やアパレル関連のサイトでも画像を効率良く見せる方法に苦労しているかもしれない。 WordPress にある「ギャラリー」という機能を使うと複数の画像を一覧にしてページに掲載することができる。 関連性のある画像をまとめて見せることで、画像の閲覧性が良くなるのでユーザーは一通り目を通しやすい。結果的にユーザビリティの向上につながる。 さらに一覧の画像をクリックすると拡大画像が表示され、画像の解説も掲載できる。これによりユーザーの興味の後押しも期待できる。 ここでは、ギャラリーの作成方法について解説しよう。 また
7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語る - Qiita
7年間使ってきたWordPressを捨ててContentful+Gatsby+Netlifyにしたら爆速になったし経緯とか教訓とか語るWordPressReactNetlifygatsbycontentful こんにちは、古都ことと言います。普段はブログやらなんやらをやっているのですが、今回ブログのお引っ越しをしたのでその経緯などについてお話ししたいと思います。 先にまとめ ブログをVPSとWordPressで7年間運営してきた 速度面やメンテナンス面でそろそろガタがきていた Contentful+Gastby+Netlifyの構成に移行した Lighthouseで高スコア叩き出せた 技術選択って難しいね 運営しているブログ Subterranean Flower Blogというブログをやってます。 主にフロントエンド周りのことを取り扱っており、たまにマリオ64の記事や、転職の記事などでも
簡単にできるWordPressのセキュリティ対策×12 | knowledge / baigie
ベイジでエンジニアをしている野村です。 ベイジには2012年の新年ともに入社し、WordPressやMovable TypeなどのCMSのカスタマイズなど、サーバーサイドの開発を中心に行っています。今後もそのあたりの情報を発信していきたいと思います。 今回は、WordPressについて。 WordPressはブログシステムというより、もはやCMSといっていいでしょう。インストールなどの設定も簡単、自由にカスタマイズできるプラグインやデザインテーマも豊富、何よりオープンソースで無償、ということで世界中で広く使われています。 このように数多くのメリットがあり、コストパフォーマンスが非常に高いWordPressですが、最近、セキュリティ上の問題を理由に、WordPressの使用を禁止している企業にしばしば出会います。 確かにWordPressは特別セキュアなCMSではありませんが、他の多くのCM
WordPressで制作したサイトが「モバイルフレンドリーではありません」と表示されたら
先日、Google検索結果でこのブログが表示されたときに「モバイルフレンドリーではありません」という表示が出ていることに気づきました。 気になって以下のページにURLを入力して調べたところ、WordPressのプラグインから出力されているCSSがGoogleにインデックスされないようブロックされており、それによってレイアウトが崩れてしまったようです。 モバイル フレンドリー テスト – Google Search Console この記事では、そのような場合の対処法について書いています。 対処法 最初に結論を書くと、昔から使用しているWordPressの場合、WordPressインストールしたフォルダー（ディレクトリ）にある robots.txt というファイル内に以下のように書かれている場合があります。 （最近新しくインストールしたWordPressではこの行はないはずです） Disal
WordPressで爆速Canonical AMPサイトを構築した方法と3つの理由 - 一休.com Developers Blog
文責 はじめに 『KIWAMINO』をどうやって構築したのか WordPress と AMP プラグインで Canonical AMP サイトを構成した方法 インフラ ミドルウェア WordPress Lighthouse なぜ WordPress と AMP プラグインで Canonical AMP サイトを構成したのか (1) AMP の制約によって、サイトスピードが速くなるから (2) エンジニア・デザイナーの学習および開発コストが低いから (3) 巨大な組織・コミュニティの恩恵を受けられるから おわりに 採用情報 文責 新規プロダクト開発部の伊勢（ id:hayatoise ）です。 新規プロダクト開発部は一休の新規事業の開発とデザインを担当する部署です。現在、新規プロダクト開発部は主に『一休.comスパ』、『一休コンシェルジュ』および『KIWAMINO』を担当しています。 はじめ
1時間で出来るWordPress環境構築(※永久無料・・・だった)【※2020/7/1より約300円/月が有料になります】 - Qiita
個人用メモです。 !! ======================== !! ※この記事は2019年の記事です。著者はもうWordPressを使用しておりません。この記事で紹介している内容は2019年当時の内容である事を理解した上で、実際に設定する際は最新の情報を確認しながら行ってください。 2019/9/26追記 2020年1月1日より静的IPが有料になる旨Googleから発表がありました。 $0.004/時間=最大約300円/月が有料となります。 それ以外の部分についても無料でなくなり次第記事を更新してまいります。 情報: @mattn 様 2020/3/20追記 まだ請求額が0円だったので「あれ？」って思って調べたら、上記の静的IP有料の変更は1/1から反映されてるものの、キャンペーンで2020/4/1までは割引されている事に気がついたので注釈追記しました。ちなみに割引されなかった
WordPressをAMP対応するプラグインの正式版 v1.0 が公開。統一されたデザインと機能のAMPページを実現
[レベル: 上級] WordPress サイトを AMP 対応する公式プラグインのバージョン 1.0 安定版が正式公開されました。 AMP プラグインのディレクトリからダウンロードできます。 統一されたデザインと機能を AMP で実現 v1.0 の大きな特徴の 1 つは統一されたデザインと機能を AMP ページで実現できる点です。 v1.0 以前のプラグインは、AMP ページのデザインが変わってしまい通常のモバイルページと比べるとかなり簡素に変換されてしまっていました。 しかし、v.1.0 では、AMP ページの外観および機能は通常のモバイルページとなんら変わりありません。 最新の AMP プラグインには 3 つのモードがあります。 Native Mode（ネイティブ モード）: サイトを完全に AMP 化する。すべてのページが AMP になり、通常の PC ページやモバイルページはなくな
WordPress 5.0のGutenberg（グーテンベルグ）についてよくある質問集 | コリス
2018年12月7日にWordPress 5.0がリリースされ、Gutenberg（グーテンベルグ）が投稿エディタとして新しく登場しました。 WordPressの創始者で、現役の開発者でもあるMatt Mullenweg氏による、Gutenbergについてよくある質問集を紹介します。 Gutenbergの準備を確認する方法、導入手順、今後のアップデート予定、特定のユーザーだけが利用できるようにするには、次のメジャーバージョンアップはどうなるのか、など気になる情報が満載です。 WordPress 5.0: A Gutenberg FAQ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Gutenberg（グーテンベルグ）とは何ですか？ なぜGutenbergが必要ですか？ なぜブロックが使用されるのですか？ なぜエディタが変更され
初めてのウェブサービスを WordPress + Vue.js で個人開発した話 - Crieit
はじめに 11月25日(日) に「にじさんじ配信スケジュール」と呼ばれるウェブサービスをリリースしました。 正確には初めてリリースしたサービスでは無いのですが、会員登録機能が用意された本格的なサービスを出した事がこれまでなく、実質的には初めてのサービスと呼んでも良いだろうと考えています。 という訳で、Crieit「個人開発サービスに用いられている技術 Advent Calendar 2018」6日目は「初めてのウェブサービスを WordPress + Vue.js で個人開発した話」と題して、開発に WordPress や Vue.js を用いたこと、ウェブサービスを作るまでの話や、リリース直後の話をしたいと思います。 n番煎じなテーマですし、蛇足に感じられる内容も多々あるかと思いますが、適宜必要な箇所をお読み頂ければ幸いです。 この記事の想定読者 これからウェブサービスを個人で作りたい方
WordPressサイトを一瞬でPWA化できる PWA for WordPress【プラグイン紹介】 | バシャログ。
今年の春頃、iOSのServiceWorker対応で、PWA（Progressive Web Apps)がWeb界隈を賑わせましたね。 私は6月にAndroid Bazaar and Conferenceに参加してまいりました。 春は東大の本郷キャンパスでしたが、秋は川崎で開催されます。現在も参加登録できます! 申込はconnpassから。 PWA for WordPress WordCamp Tokyo 2018や、私が参加した日本Androidの会9月定例会で紹介がありました。サイトをPWA化するためには、manifest.jsonとservice-worker.js、他にアイコン用の画像などが必要となります。 これらを非常に簡単に設定してくれるプラグインです！ (利用には対象のWordPressサイトがhttps化している必要があります) 使ってみました！ プラグインをインストールし
WordPress を数分で PWA 化するプラグイン Super Progressive Web Apps - FirstLayout
Super Progressive Web Apps とは？Google が推進しているのが PWA 。PWA とは、Web サイトをアプリにする仕組みです。 この PWA を簡単に WordPress に実装するできるのが、プラグインの Super Progressive Web Apps 。WordPress に PWA を実装するための優れたプラグインです。 PWA のホーム画面への追加機能・キャッシュ機能・オフライン機能と、欲しい機能に対応。また、プラグインの OneSignal – Free Web Push Notifications と連携すれば、PWA の Push 通知まで可能です。 さらに、設定が極めて簡単なことも特徴です。今日 WordPress を始めた方も、迷わず設定できるはずです。その上、PWA への対応が不完全な iOS 向けに、自動的に対策をしてくれます。
ブログはWordpressは辞めて、全て静的サイトジェネレーターに移行したい
概要 簡単にブログを作ることができる静的サイトジェネレーターが沢山あるのに、使いづらいWordPressを使った案件が多いのと、静的サイトジェネレーターの魅力を紹介している記事が少ないかな？と思ったので、今回記事を書いてみました。 ちなみに、私のポートフォリオサイトはHUGOで実装していますが、無料で運用出来ています（正確には、HUGO + PostCSS + Netlify） かかっているお金はドメイン代のみです（独自ドメインじゃなければ、全て無料で利用可能） ポートフォリオサイト 2019/01に、認証を導入したいと思ったので、GatsbyJSにリプレースしました。 昔のHUGOのポートフォリオサイトは、GithubのRepositoryに移動させました。 なぜWordPressを辞めたいのか 表示速度が遅すぎる WordPressは、読み込み時に余計なファイルまで読み込むので、表示速
WordPressで更新者が少しでも使いやすい・更新しやすいと感じてくれる管理画面をつくるヒントやカスタマイズ - NxWorld
個人的に普段から対応することが多いものを中心に、更新者（クライアント）が少しでも使いやすい・更新しやすいと感じてくれるようなWordPressの管理画面をつくるためのヒントやカスタマイズを紹介します。 サイト構成や更新者のスキルなどにもよると思うので全部が全部やるべきということでもないですが、紹介しているものをいくつか組み合わせるだけで不要なものはすべて取り除いたシンプルな管理画面にできたり、少し手を加えるだけでもデフォルトに比べて大幅に使いやすくすることも可能です。 管理画面に任意のCSSやJavaScriptを適用する CSSであればフロントのデザインに近い感じで管理画面を装飾したりデフォルトのレイアウトを使いやすい形に調整するなど、JavaScriptであればデフォルトにはない動きをちょっと付けたり逆にデフォルトで実装されている動きを無効化するといったように、管理画面をカスタマイズす
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
http://gmpg.org/xfn/11 は捨てよう
Wordpress のテーマなどでは <link rel="profile" href="http://gmpg.org/xfn/11" /> のようなコードがみられます。 これは XFN フォーマットを取り入れたページであることを伝えるメタデータです。 XFN(XHTML Friends Network) とはマイクロフォーマットの 1 つで、他者(他のサイト)との関係を示すものですが、現状では役に立つようなシチュエーションが存在しません。 したがって積極的に削除するべきです。 XFN 公式サイト http://gmpg.org/xfn/ HTML5 においては誤った構文 HTML5 においては、rel 属性に与えられる値は制限されています。また rel 属性を指定することができる要素も link, a, area 要素に限定されています。 したがって rel="profile" は H
AWS+WordPress.SkeletonでスケーラブルなWordPressサイトをつくる【完全版】 - Innovator Japan Engineers’ Blog
こんにちは、エンジニアの@gorou_178です。このエントリは、「WordPress Advent Calendar 2016」の14日目の記事兼、イノベーター・ジャパン Advent Calendar 2016の14日目の記事です。 今年7月に、WordCamp Kansai 2016に登壇して、以下の発表をしてきました。 speakerdeck.com スケーラブルにする場合、自動的にデプロイできるべきなのですが、スライドの最後に掲げている3つの課題がありました。 WordPressコアのDBマイグレーション WordPressプラグインのDBマイグレーション 言語ファイルのダウンロード これらをWP-CLIで解決できたのでまとめようと思います。 課題1: WordPressコアのDBマイグレーション wp core update-db を実行するだけ。 手順としては以下です。 wp
いざという時に助かるWordPressカスタマイズ小技集
作成：2016/08/22 更新：2016/08/22 WordPress > WordPressで構築されたサイトをリニューアルした時に気づいたこと、障害に対する解決策などを備忘録として書いておきます。もし今後以下のような不具合がでたらすぐに解決できるかもしれません。ちょっとしたことですけど知っておくと便利です。 エンジニア速報は Twitter の@commteで配信しています。 WordPress カスタマイズ CSSを変更したら自動で最新のCSSを参照させる これはケースバイケースですが、キャッシュの設定をしていると、ブラウザがCSSキャッシュを保持するので修正前のファイルを参照してしまうことがあります。 CSSの変更を先方のPCで確実に反映させたい、公開中であればユーザーのローカルにキャッシュを残させたくない時は、ファイルの最終更新時刻を取得するfiletimeというのがあります
WordPress無料公式テーマ「LIQUID」 | WordPressやWebデザインなど紹介 Ocadweb
以前より紹介している国産テーマ、LIQUID PRESSから先日WordPress無料公式テーマとして新しいテンプレートがリリースされました。 そこで今回は、新たにリリースされたWordPress無料公式テーマ「LIQUID」の紹介をしたいと思います。 この公式テーマは、LIQUID PRESSシリーズの元になったテンプレートで、無料で簡単に利用できるシンプルなテンプレートになっています。 有料のWordPressテーマはちょっと不安という方は、一度無料の日本語対応公式テーマ「LIQUID」を試してみてはいかがでしょうか。 目次 WordPress無料公式テーマ「LIQUID」の特徴 WordPress無料公式テーマ「LIQUID」の外観イメージ紹介 WordPress無料公式テーマ「LIQUID」の価格・仕様・動作環境 WordPress無料公式テーマ以外のテンプレートにはどんな機能があ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【超人気】WordPressのおすすめテーマ20選（有料12選＋無料8選）
