たまたまCloudflareを調べていたら無料である程度使えるという事なので、興味本位で自分のBlog環境にCloudFlareを導入してみた。 ここでは簡単な導入手順と使い勝手の感想を書いていく。 CloudFlareとは？ 検索エンジンでこのページにたどり付いている人に対して、この説明は全く不要だとは思うが一応・・・CloudFlareはCDN（コンテンツデリバリーネットワーク）の業者及びサービス名である。 CDNについては検索エンジン等で調べて欲しいが、今どきの有名どころのCNDと言えば「Akamai」「Amazon CloudFront」あたりが思い浮かぶ人が多いのではなかろうか。 ただ、上記CDNは有料な上に、金額もそこそこするので一般ユーザーが趣味で使用できるようなCDNではない。 しかしながらCloudFlareは無料プランも用意されており、個人でも気軽に試せる環境が整ってい

最終更新日: 2022/02/05 WordPressのための最適なCloudflareのページルールをご紹介します。3つのページルールを作成することでWordPressのサイトに適切なキャッシュを設定することができます。 ページルールとは？ Cloudflareではページルールを使用すると、特定のURLでトリガーするCloudflareの設定をコントロールできます。ページルールでは、1つのURLで1つのページルールのみがトリガーされます。 アスタリスク（*）を使用することで、1つだけではなく多くのURLに一致する動的パターンを作成できます。 WordPressにCloudflareを設定する方法は以下の記事で紹介しています。 ページルールの制限 3つまでは無料でページルールを作成できます。追加のページルールを購入することもできます。 5～95まで追加することが可能です。価格は$5～$95

WP-Searchは何をしますか？ WP-Searchは、Webサイトの公開情報から解析しています。 WordPress、Wix、ShopifyなどのCMSで作成されたサイトかどうか 使用されているサーバー（レンタルサーバー、VPS、クラウドなど）は何か 使用されているWordPressテーマ（デザインテンプレート）は何か 使用されているWordPressプラグインは何か 以下の情報も自動検出されます。 言語・国 TLD（Top Level Domain） 表示速度 種類（ブログ、コーポレートサイト、ECサイト） カラー ※ファーストビュー WP-Searchの使い方は？ 調べ方は簡単で、WebサイトのURLを入力するだけです。 Chrome拡張機能も提供しています。（EdgeやVivaldiブラウザでも使用できます。）

TiddlyWikiのVer5.2.3がリリースされたので、早速ダウンロードして日本語化し、日付が正しく表示されるのを確認した。 今回のリリースからふうせん(@FU-SEN)さんの貢献により、日本語プラグインをインストールするだけで日付が正しく表示されるようになったのだ。 そこで、ダウンロードコンテンツにTiddlyWikiを追加し、アナウンスしようとしたが･･･。 記事を更新しても保存できない現象 図のように、記事（画像はダウンロードページの内容）を書き、図赤枠「更新」ボタンをクリックする。 すると、ページが更新されて内容が･･･保存されてねーじゃん！？Σ(ﾟДﾟノ)ノ 図の上部に赤下線で「投稿を更新しました。」って言うとるやんけ！ワシの記事どこやったんじゃあ、ボケェ！！ 記事が更新されなかった原因先に結論から述べると･･･ 図の絵文字（機種依存文字）が記事内にあったため、どうやらWor

サイトに重大なエラーがありました。 wordpress でのデバッグをさらに詳しく見る。「サイトに重大なエラーがありました。 wordpress でのデバッグをさらに詳しく見る。」と表示された場合の対処法 wordpress デバッグwordpress でのデバッグをさらに詳しく見るをクリックすると下の画像の内容が表示されます。 wordpress デバッグデバッグモードへ切り替える方法について記載されています。 デバッグモードに切り替えることによって、記述ミスの部分、エラーの部分がわかり、修正が簡単になります。 WP_DEBUG でWordPress をデバッグモードに切り替えるWordPress をデバッグモードに切り替えます。false を true に書き換えます。 デフォルトは false（無効） →  true（有効）

おそらくWeb制作を依頼した側の会社からすると何をやっているのか全くわからないであろう「WordPressの保守・メンテナンス」という項目。 やってることわからないし別に依頼する必要はないなと判断してしまうようなケースも多いかなと思う。 WordPressを利用する上で必要なことなので、私が会社や個人で保守という作業の中で一体何をやっているのかを紹介する。 最初に結論 保守でやっている作業は以下の通り。 WordPressの本体のアップデート WordPressのテーマのアップデート WordPressのプラグインのアップデート 不具合が起こった場合の状況把握 不具合の修正（いただいている料金による） WordPressやWeb技術に関する情報の収集 WordPressの保守・メンテナンスと更新代行の違い 大いに勘違いしている人がいるのだが、WordPressの保守と更新代行は違う。 Wo

今は日記をScrapboxに移行（scrapbox.io/kentaro/）したのですが、その前の20年分ぐらいのブログはWordPressに入っています（kentarokuribayashi.com）。長い間書き続けてきたブログには、僕の人格のかなりの部分が注ぎ込まれているでしょう。そうであれば、ブログそのものをAI化することで、自分自身の代理＝エージェントを作れるはずです。 そこで、WordPressをAI化して、自分の代理人格としておしゃべりできるようにしてみました。 できたもの こんな会話ができるようになりました。自分で読んでみても、そこそこ自分っぽい感じがします。 python ./chatwp.py Question: お名前はなんですか？ Answer: 私の名前はケンタロウ・クリバヤシです。 Question: 職業は何をしていますか？ Answer: 私はソフトウェアエン

「ブロックテーマ」とは、WordPressのサイトエディタのために用意された新しいテーマのフォーマットで、Gutenbergのブロックを使用してテンプレートを構成するものです。WordPressが後方互換を考慮するかぎり、今までのクラシックエディタや初期のGutenbergも使用できると思いますが、これからWordPressのテーマを制作するなら、このブロックテーマが必須になります。 WordPressのこれからのテーマ制作の標準「ブロックテーマ」をしっかり学べる解説書を紹介します。 著者はHTMLやCSSをはじめ、JavaScriptの解説書などWeb制作系の解説書で、はずれ無しのエビスコム様。ていねいで詳しい解説は分かりやすく、実践的なサンプルもたくさんあるので、かなり役立つと思います。 本書もWordPressのブロックテーマをその基礎知識から実践的なテクニックまで詳しく解説されてお

【保存版】Elementor Flexbox Containerの使い方・メリット・デメリットを完全解説【フレックスコンテナ】 Elementorの構築方法が変わってきています。 内部セクションを使うスタイルから、柔軟なコンテナを多用するスタイルになっています。 公式サイトやレビュー記事によると、レスポンシブ最適化、作業効率アップ、ページ速度改善（これはあまり感じませんが）のメリットがあります。 Elementor大学でもこのflex containerで構築しています。 今回は、実際に使ってみてわかったFlexbox Containerの導入方法、使い方、メリット、デメリットを紹介します。 Elementor Flexbox Containerの設定方法 WordPress管理画面の左側黒いバー内の「Elementor」→「設定」 「実験中」タブ内の「Flexbox Container」

Innovative Tech： このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 ロシアのアンチウイルス製品を開発するDoctor Webは、WordPress CMSをベースとしたWebサイトをハッキングする悪意のあるLinuxプログラムを発見したと発表した。 Linuxマルウェアが複数の古いWordPressプラグインやテーマに存在する30の脆弱性を悪用して、悪意のあるJavaScriptを注入していた。その結果、ユーザーが感染ページの任意の領域をクリックすると、他のサイトにリダイレクトされる被害が起きていたという。 このマルウェア（トロイの木馬）は32ビットと64ビットの両方のLinuxシステムをターゲットにしており、そのオペレーターにリモートコマンド機能を与える

この記事では、WordPressでの運用に課題があり、CMSの移行を検討している方向けに、「CMS移行の7つのステップ」と「実際にWordPressから移行した方法」をお届けします。 ■この記事の対象となる人 オウンドメディアをWordPressで運用しており、現CMSへの課題が顕在化している担当者（編集長・情報システム担当） ■この記事のポイント CMS移行のタイミングを見極めよう CMS移行の7ステップの紹介 実際にWordPressからはてなブログMediaへ移行してみた 目次 CMSを移行すべきタイミングとは CMS移行の7ステップ 1.概要資料 2.要件定義書・RFP 3.新旧CMSの機能比較表 4.移行作業一覧・スケジュール 5.既存コンテンツの棚卸し 6.移行作業 7.確認作業 実際にWordPressからはてなブログMediaへ移行してみた どのような状態のWordPres

この記事ではElementorのレイアウトの基本であるコンテナウィジェットの使い方を説明していきます。 Elementorのことをもっと学びたい人は、どうぞElementorの使い方完全ガイドを見てください。 様々なElementorに関する情報がまとめられています。 Elementorのコンテナウィジェットのつかい方を動画でご覧になりたい方はこちらからどうぞ！ コンテナとは？その概念 Elementorのコンテナには『Flexbox』というCSSが採用されており、これは『Liquid Design』と呼ばれていて水のように自由にレイアウトをしデザインができるということです。 なので自由度の高いおしゃれなサイトが制作可能です。 コンテナウィジェットの挿入 コンテナウィジェットをElementorの編集画面に挿入しましょう。 『構造』から好きなコンテナを選択する コンテナが画面上部に表示され

セットアップを始めるためには それでは、W3TCプラグインのセットアップを起動する方法を解説します。 まず、導入済みのプラグインの一覧ページから「W3 Total Cache」を探し、その中の「settings」と書かれたところをクリックしてください。 もしくは、管理者画面の左側サイドバーか上部アドミンバーに存在する「パフォーマンス」という部分をクリックしても良いです。 すると、「TOTAL CACHE:Setup Guide」と題名が書かれた画面に切り替わります。 ここが、プラグインを最初に開いたときに始まるセットアップ画面になります。 以前プラグインを導入した際にセットアップをスキップしていた場合は、自動でセットアップ画面には切り替わりません。 その場合は「パフォーマンス」から「Setup Guide」をクリックしましょう。 セットアップ中に出てくる用語の解説 セットアップの手順の解説

選ぶことができない項目もある プラグインの項目には、チェックボックスやドロップダウンボックスが存在しています。そして、それらを選択していくことで、WEBサイトの高速化や最適化を構築していきます。 ただし、これら全てを選択できるわけではありません。以下の画像のように、薄く表示されているチェックボックスもあれば、ドロップダウンボックスの中の項目にはカーソルを合わせても何も反応しないものも存在しています。 これらは、WEBサイトが設置されているサーバーの仕様上、そのシステムを選ぶことができないという事です。また、有料版にアップグレードしなければ解放されない機能だったりもします。 なお、選択できなくとも何も異常は発生しておりませんので、安心して下さい。 設定の順位について 「W3 Total Cache」の設定には順位が存在します。 どういうことかというと、下位で細かく設定を有効化していても上位で

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up