はじめに このたび Developers.IOの記事ページのリニューアル作業 が概ね完了しました。一部の記事にはすでに反映されていますが、順次切り替えを予定しています。 Lighthouseによる評価では、下図のように評価をかなり引き上げることができました。従来の記事ページより、より読者にとって読みやすいリニューアルにできていると期待しています。 本記事では、これまでの歴史的なところも踏まえた上で、新しい記事ページの特徴をご紹介したいと思います。 背景と目的 約6年半でのDevelopers.IOの価値の変化 従来の記事ページのデザインは遡ること2013年9月にリニューアルされました。 この時はiOS 7がリリースされた直後で、本ブログでは「iOS 7解説記事70本一挙公開！」を公開しました。iOS 7で刷新されるUIにあわせて、ブログのデザインも近しいものにリデザインされました。 それか
WordPress を使うなら、初心者にとって必須と言えるプラグインがいくつかある。その中でも、All in One SEO は非常に重要度が高い。 なぜなら、このプラグインは、WordPress の集客を成功させるために欠かすことのできない SEO のメタ要素の設定ソーシャルメディアの拡散効果を上げる OGP の設定クローラーの巡回を促す XML Sitemap の設定という３つの設定を一挙に担っているからだ。 ここでは、そんな必須プラグインである All in One SEOの効果的な設定方法と使い方をご紹介する。この記事に書いている通りに進めて頂ければ全く難しいものではないので、安心して読み進めて欲しい。 １．All in One SEOとはAll in One SEOとは、Wordpressでサイトを運営するときに必要となるSEOの設定を簡単に行ってくれるプラグインだ。 まずはAl
これからWordPressをはじめようと思っている人が参考にしているWebサイトや関連書籍は、どれもこれもいきなりテーマ作成から解説しているものばかりです。 まず最初に学ぶべきWordPressの本質をきちんと解説しているところは、ほぼ皆無です。 テーマ作成というのは、テンプレートタグやコードをを覚えればいいだけの話なのでたいして重要ではありません。あとでなんとでもなります。 それよりも、WordPressとは一体どのような動きをするものなのか？という全体的な仕組みをしっかりイメージできることが最も重要だと考えます。 デザイン、コーディング、プログラミング、いえ、Webの世界に関わらず、すべてのものごとへの深い理解には、その本質をイメージできているかどうかで大きな差が出てくるものです。 普段私が WordPress の講義を行う時には、まずこの本質的なイメージについてしつこいくらい解説する
WordPressでページャーを表示する時はこれまで「WP-PageNavi」というプラグインに頼っていたのですが、そろそろコード直書きで実装してみることにしてみました。 ググればほぼ同じ内容のコードがたくさん出てきたのですが、そのコードだとエラーが出たりしてちょっと気に食わなかったので、自分なりにカスタマイズしてみました。 2018 / 11 / 20 追記 通常のアーカイブページだけでなく、WP_Queryのサブループでも使用できるように関数を調節・記事を追記いたしました。 /** * ページネーション出力関数 * $paged : 現在のページ * $pages : 全ページ数 * $range : 左右に何ページ表示するか * $show_only : 1ページしかない時に表示するかどうか */ public static function pagination( $pages,
レンタルサーバーにWordPressをインストールするとき、よく下のような設定欄を見かけます。これはWordPressをインストールするディレクトリを指定しています。 レンタルサーバーによっては独自ドメインのみとなっているので、基本ドメイン (プロバイダ提供のサブドメイン) がない場合もあります。基本的にはドメイン毎にディレクトリが用意され、ドメインにアクセスするとそのディレクトリにあるindex.htmlやindex.phpが読み込まれます。 ルートディレクトリ？サブディレクトリ？ ここでの ルートディレクトリ は一般的な最上位ディレクトリのことではなく、ドメイン毎の最上位ディレクトリ (いわるゆドキュメントルート) として利用します。例えば、上図のpublic_htmlなどのことです。 よくあるのが、 wp や wordpress というサブディレクトリにインストールする設定です。多く
————————- 2行目の「keyword」の部分はこのプログラム上のキーワードになる部分ですので、好きなものに変更をしてください。 次は、WordPressの要となる「functions.php」を編集します。 「functions.php」は下記の場所にあります。 /{WordPressがインストールされている場所}/wp-content/themes/{テーマ名}/functions.php 「WordPressの functions.phpがある場所」に詳しく書いていますのでそちらも参考にしてください。 もしくは、テーマの編集画面（「外観」－「テーマ編集」から移動する画面）から編集することも出来ます。 テーマの編集に関しては「WordPressのテーマ管理方法とテーマのHTML編集のポイント解説」に記事を書いていますので、そちらを参考にしてください。 編集するソースコードは、下記
Database Search and Replace Script in PHP Search Replace DB version 4 is a developer power tool, that lets you quickly run database searches from a web UI when it's not possible to use command line tools. At a time of conflict, with Russia invading Ukraine, Hamas forces attacking Israel and Israel attacking back, please remember to support the good work done by aid organisations such as the Red Cr
当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p> WordPressの引越し 自分のサーバー内でWordPressを移動する必要があるときがあります。また、あるサーバーから別のサーバーへとWordPressを移動する必要があるときもあります。インストールし直す必要はありません。WordPressは、これらすべての状況を取り扱う十分な柔軟性があります。 ドメイン名とURLを変更しないとき あなたのWordPressのホームとサイトのURLを変更せずにドメインを移動することはとても単純で、大抵の場合、ファイルの移動で済みます。 デ
4連休の前半が間もなく終わろうとした22:30、晩ご飯を食べまったりと本を読んでくつろいでいたらスマホがブルブル震えるんですね。ソシャゲの体力でも回復したのかと思いしばらく放置していたのですが、そろそろ横になろうかと23:00ごろ手に取ると……Mackerel先生からCPU負荷94%突破のお知らせが(^q^) 連休中に君の名前は見たくなかったｗ とはいえ見てしまったからにはしょうがないと諦め内容を確認すると、どうやら個人で利用しているWordpress用サーバが炎上なうの模様。何らかの記事がバズった？と思いダッシュボードにログインするけどアクセス数はいつもと変わらず。特定のプロセスが激重の可能性も考えたけど、突然そんなことになるとも思えず、何となしにApacheのアクセスログをtail -fで確認すると…。 「xmlrpc.php」への大量のアクセスΣ(ﾟДﾟ) $ tail -f /va
リモートワークを長期的に続けるには、何かと工夫が必要だなと感じていて、ずっと筋トレ不足を解消したいと考えていました。昨日、懸垂バーを買ったらネジが一本しか入ってなくて、全く使えない鉄屑を前にネジが一式送られてくるのをまだかと待ちわびているlinyowsです。みなさん元気にお過ごしですか？ 今日は、「GitHub Actionsで「ロリポップ！」「ヘテムル」をもっと便利に使おう」の記事の続編？にあたる、ブログやサイトを作る上で欠かせないWordPressを、低コストに爆速にする方法をご紹介します。少し、難易度は上がるかもしれません。 WordPressは、利用方法の一つとしてレンタルサーバーに設置して使います。レンタルサーバーは、サーバーリソースを利用者と共有することで安価になるのですが、リソースを共有している以上、パフォーマンスに優れているわけではありません。Googleは、マルチデバイス
開発者向け Github Actionsによる継続的インテグレーションおよび自動デプロイ 2020年3月4日 1年前 KunoichiからFumiki Takahashi Githubでソースコードを管理している場合、GitHub ActionsというCI/CD（継続的インテグレーション・継続的デプロイ）ツールを利用することができます。このツールを利用してWordPressの公式ディレクトリにデプロイする方法は10upが紹介（英語記事）しています。 しかしながら、受託制作や販売向け（プレミアム）のテーマ・プラグインを開発している場合、プライベートリポジトリでの運用になることが多いでしょう。Travis CIやCircle CI（Kunoichiの関連記事）では、パブリックでないGitHubリポジトリに対する連携は有料プランへの加入が必須となります。また、デプロイ先もプロジェクトごとに異なる
GatsbyとWordPressを使用したウェブサイト構築の概要（高速で静的） WordPressベースの動的ウェブサイトは次のように機能します。訪問者がブラウザーでURLを入力するか、リンクをクリックしてサイトにアクセスすると、ウェブサーバーにリクエストが送信されます。 サーバーは、該当のデータベースクエリで必要なデータを収集し、ブラウザが表示するHTMLファイルを生成します。一方、静的サイトは、上記の応答をサーバー上のフラットファイルに保存し、すぐに訪問者に配信します。 静的サイトジェネレーターは長い間使用されてきましたが、最近人気が高まっています。本ステップバイステップガイドでは、WordPressと静的サイトジェネレーターであるGatsbyの統合について説明します。 Gatsbyとは？ WordPressは動的なウェブサイトを作成しますが、実行するにはサーバー上にPHP、MySQL
26. News 記事 イベント EVENT 投稿 Home Gallery 作品 About 固定ページ Contact
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く