WordPressの勉強を始めようとすると、基本的には「テーマ」の作り方についての情報ばかり出てきます。 しかし、 既存テーマを自分でちょろっとカスタマイズしたい時細かい部分のカスタマイズだけで済む案件 などのケースでは、わざわざ子テーマを作成するより、プラグインを作ってカスタマイズする方が色々と便利なんじゃないかなと思うんですよね。 ...というようなことを前々から思ってたんですが、今朝Snow Monkey制作者のキタジマさんが以下のようにツイートしてたのを見て、衝動的にこの記事を書いております。 WordPress の学習法、テーマをつくるというのが多いと思うんだけど、僕的にはテーマより先にプラグインをつくるのがおすすめ。いきなりテーマやると HTML コーディングの延長になりがちだと思うんだけど、プラグインだとちゃんとフックを使わざるを得ない。 — キタジマタカシSnow Monk

Love the simplicity of the WordPress classic editor? So do we. With the familiarity that the classic editor and ClassicPress provide, you can easily create a solution that meets your needs. ClassicPress is a community-led and funded open-source content management system and a fork of WordPress that preserves the TinyMCE classic editor as the default option. Take one quick look at the ClassicPress

ドキュメンテーションを現在英語版から翻訳中です。どなたでもご協力いただけます。 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションからお知らせください。 ページジャンプとは、アンカーリンクとも呼ばれることがあり、リンクをクリックするとすぐに長いページの上や下のどこかに移動することです。これを有効にするには、ページ内にヘッダーの HTML アンカー属性を設置し、アンカーにジャンプするリンクを作成します。他のページのアンカーにジャンプすることができます。 HTML アンカーを追加する プラスアイコンを使用して新しいブロックを追加します。ブロックタイプとして「見出し」を選択するか、見出しブロックへのショートカットとして「/見出し」と入力します。見出しテキストを入力します。テキストを表示したくない場合は、見出しテキストを空白のままにしておくことができます。右側の「ブロック

ページ内リンクとは ページ内リンクとは、同じページ内のある特定の場所へジャンプさせたいときに使用するリンクのことを言います。 例えば下の例では「お問い合わせはこちら」ボタンをクリックすると、お問い合わせフォームへと移動します。 このようなページ内リンクは、よくコンテンツが多く縦に長くなっているWebページなどで使用されることが多いです。 上の例のように「お問い合わせはこちら」ボタンをクリックすると、飛び先であるお問い合わせフォームにジャンプして移動するタイプや"スルスルッ"と移動する(別名: スムーススクロール)タイプなどテーマによって動作が変わる場合があります。 ページ内リンクの原理 ページ内リンクの原理ですが、ページ内リンクを実装するには大きく分けて2つのステップがあります。 まず1つ目のステップが飛ばしたい先の要素にid属性を指定します。2つ目のステップで飛ぶ元のhref属性に「#(

At Liquid Web we tested over 50 themes for WooCommerce – looking at both performance and price. Astra cleanly beat the competition. It’s why we recommend it to all our customers.

これは「Vektor WordPress Solution Advent Calendar 2020」10日目の記事です。 日本語圏のWEBデザイナーやWEBデザインに興味がある人、とりわけFigmaに興味があるけれどちゃんと触ったことが無い方に向けて書いています。デザイン用語がいくつか出てきます。 この「2020に流行ったWebサイトのデザインをLightningとVK Blocksで再現してみよう」というシリーズではFigmaといったデザインツールの使い方のヒントや、デザインを考えるための参考資料のリンク集、Lightningのカスタマイズのヒントなどが得られます。 前回の記事で、再現してみたいサイトは決まりましたので早速作業に入りましょう！ と言っても、いきなりWordPressは立ち上げません。 もちろんLightningとVK Blocksがあればブロックを組み合わせるだけでサイ

2019年2月から、「Google Search Console（グーグルサーチコンソール）」に新たな登録方法が追加されました！ 以前は、以下の４パターンそれぞれをプロパティに追加する必要があり、すこし大変でした。 http://domainhttps://domainhttp://www.domainhttps://www.domainですが、新しく追加された登録方法であれば、１度の登録で上のパターンすべてを網羅できるようになったのです。 ちなみに「Google Search Console」の登録方法は、WordPressがインストールされているレンタルサーバーによっても違うので注意が必要です。 この記事では、以下のレンタルサーバーを対象にした設定方法をそれぞれ紹介していきます。 XSERVER（エックスサーバー）ConoHa WING（コノハウィング）

圧巻の機能性と、 直感的に使いやすいエディター WordPress5.0から 導入された『ブロックエディター』。 SWELLは2019年のリリース当初からこのブロックエディターに完全対応しており、 それからも日々、改善を積み重ねてきました。 開発し続けて 4年 になります。 長い月日で培ってきたノウハウを全て注ぎ込み、 細部まで熟考されたSWELL独自のカスタマイズを加えています。 その使い心地と機能性は、圧倒的です。 （この動画は古いもので、現在はさらに進化しています。） HTML や CSS などの知識がなくとも、 マウス操作のみで直感的にコンテンツを作り上げることができ、 デザインを整えることに時間を費やす必要はありません。 部分的にカスタマイズ性をあえて少しだけ抑え、 迷いを減らし記事作成に集中できるような工夫もしています。 細部までこだわり抜いた設計で、コンテンツ作成をサポートし

WordpressでSSL対応させました。サイトアクセスの速度を上げようと、NginxでProxyキャッシュを効かせています。 サイトへのアクセスは問題なくできましたが、管理画面にアクセスすると無限リダイレクトループに陥ってしまいました。 以下、対応したことを記載しました。 リバースプロキシを使用している場合のSSL通信 SSLによるログインと管理画面へのアクセスを強制するためには、wp-config.php に

WordPressの一般設定で 「WordPressアドレス」、「サイトアドレス」を変更したら サイトが見られなくなった。 管理画面が表示されなくなった。 という話をよく聞きます。 実際に弊社のお客様からもありました。 「サイトアドレス」だけを誤って変更したしても サイトが見れなくなってしまいますが 管理画面は見れますのでそこから正しいサイトアドレスに 戻せば良いだけです。 …が 「WordPressアドレス」を誤った変更をしてしまうと 管理画面が表示されなくなりログインできなくなってしまうのです。。。 今回あった事例は サーバー側でSSL設定をしていないにもかかわらず 「WordPressアドレス」をhttpsに変えてしまった という誤り。 urlにhttpと入力してもhttpsにリダイレクトされ 「この接続ではプライバシーが保護されません」 と表示され管理画面に入れず途方に暮れます。。

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

以前お伝えしたように、WordPressがInternet Explorer 11のサポート終了を検討していたが、終了することに決定したようだ。makeブログ”IE 11 Support Phase Out Plan“では決定のプロセスおよびどのようにサポートを切っていくかが伝えられている。 2021年7月リリース予定の5.8からGutenbergプロジェクト管理下のファイルでIE11サポートを終了。その他、コアの随所に書き込まれたIE11ハック的なものは5.9から順次削除していく。 さて、気になるのは「どのように影響が出てくるか」だが、現時点でそもそもエディターを含む管理画面ではIE11をサポートしていない。筆者の知る限り、Fetchリクエストを使うようなコードがこけるので、ブロックエディターで保存ができないのではないかと思われる。 では公開側でどういった影響が考えられるかというと、 b

<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WordPress &#8250; ReadMe</title> <link rel="stylesheet" href="wp-admin/css/install.css?ver=20100228" type="text/css" /> </head> <body> <h1 id="logo"> <a href="https://wordpress.org/"><img alt="WordPress" src="wp-admin/images/word

備忘録を兼ねて、企業サイト構築時に決めている設計方針・インストールしているプラグイン・セキュリティ対策をそれぞれまとめました。セキュリティ対策の項目を除き、構築時の細かい設定やプログラム実装についての説明は省略しています。 （※）2018.01.13: セキュリティ対策について加筆・修正を行いました 概要 実装する際の方針として、WordPressと紐付ける必要のないファイルは、できるだけWordPressのファイル・フォルダと分けて構築する手法を採択しています。これはサイト全体をWordPress依存にさせたくない、ということが大きな理由です。 また、関係ないファイルをWordPress内で管理させることによって、お客様やHTMLに詳しくない編集者が不用意にファイルを更新してしまうことを防ぐ意味もあります。8年以上WordPressと付き合ってきましたが、以下の設計方針が最も最適だと考え

/wordpress/ /wp/ /blog/ /new/ /old/ /backup/ /oldsite/ /back/ /2017/ /2018/ /div/ /temp/ 1巡目：レスポンスを見て何らかの目星をつけている雰囲気 2巡目：HEADとGETで /各ドメイン/xmlrpc.php 3巡目：GET /各ドメイン/wp-login.php もうこの辺でWordPressがあるかどうかはわかっていそう。 ※リダイレクト(302)で、ドメインAのWordPress管理画面URLが割れる。 2巡目の途中で、おそらくドメインB/xmlrpc.phpに複数回POSTがあり、 最後に APIでユーザー一覧 を参照してしばらく来なくなる。 ※この時にユーザアカウントの何らかの情報を取得された可能性があるのかも… セキュリティプラグインのXMLRPC防御機能があれば防げた可能性がある。 16時

完全に独立したテーブルを作成するのはちょっと大変なので、投稿データ（postsテーブル）に関連付けされたテーブルを作成します。 WordPressにはカスタムフィールドという機能がありますが、あれはpostmetaというテーブルに保存されるので、これをオリジナルのテーブルに保存するイメージです。 カスタムフィールドをオリジナルのテーブルに保存するメリット カスタムフィールドを作成すると「price」とか「pdf」などのキーを設定しますが、これは「postmeta」テーブルの「meta_key」カラムにすべて保存されます。 これはこれで柔軟性があっていいのですが、検索性がいまいちだったりします。 これをオリジナルのテーブルにしてキーをオリジナルのカラムに設定すればなんとなく気分がいいです。 プラグインを有効にしたときデータベースを作成する 直接データベースを編集してもいいですが、配布を目的と

家富正幸（いえとみまさゆき） 現役のWordPressエンジニア（エンジニア歴16年） 大規模から小規模までのWordPressテーマ開発実績数は800件以上 実際にクライアントが受けてしまった改ざんやハッキング被害の数々を復旧してきた実績あり 本記事では、改ざん・ハッキングの被害に遭ってしまった方のために、自力で解決する方法を解説していきます。 はじめにWordPressはその利用率の高さから、世界中でハッキングやウイルス感染などの被害が相次いでいます。 ハッキングやウイルス感染などの不正アクセスは、実は簡単なセキュリティ対策をすれば防げることがほとんどなのですが、今日は万が一ウイルスに感染してしまったときの対処法の一例をご紹介します。 本記事の対象者