WordPressブロックテーマで一新された、ブログデザインと制作フロー
WordPressブロックテーマで一新された、ブログデザインと制作フロー 2023年12月に、このブログのWordPressテーマをリニューアルしました。 その際、あえてこれまでのWordPressテーマ制作手法と違う手法で制作したため、この記事では新しいWordPressのテーマ形式である「ブロックテーマ」について解説をします。 今回のWordPressテーマ制作手法 今回のブログリニューアルの際に、あえて行った手法は以下の通りです。 これまで主流だったクラシックテーマではなく、これから主流になる（と思われる）ブロックテーマと呼ばれる新しいテーマ制作手法で制作する FigmaやAdobe XDのようなデザインツールを使用しない WordPressのフルサイト編集機能でデザインする HTMLとCSSを書いてからWordPressテーマに変換しない functions.php にコードを追加
WordPressの今までの解説書は全部過去のものに、制作の仕様が大きく変わったブロックテーマの使い方がよく分かる解説書 -作って学ぶWordPressブロックテーマ
「ブロックテーマ」とは、WordPressのサイトエディタのために用意された新しいテーマのフォーマットで、Gutenbergのブロックを使用してテンプレートを構成するものです。WordPressが後方互換を考慮するかぎり、今までのクラシックエディタや初期のGutenbergも使用できると思いますが、これからWordPressのテーマを制作するなら、このブロックテーマが必須になります。 WordPressのこれからのテーマ制作の標準「ブロックテーマ」をしっかり学べる解説書を紹介します。 著者はHTMLやCSSをはじめ、JavaScriptの解説書などWeb制作系の解説書で、はずれ無しのエビスコム様。ていねいで詳しい解説は分かりやすく、実践的なサンプルもたくさんあるので、かなり役立つと思います。 本書もWordPressのブロックテーマをその基礎知識から実践的なテクニックまで詳しく解説されてお
WordPressのテーマを作る羽目になったWebエンジニアへ
はじめに Webエンジニアの皆さん、日々の業務お疲れ様です。皆さんは、さぞや楽しいエンジニアライフを送っていることでしょう。最近は技術の進歩も落ち着いてきましたので、Rustなんかに手を出して、先行者利益を目論んだりしているのではないでしょうか。 さて、そんな楽しい中、たまにやってくる何とも言い難い案件というのが「WordPressのテーマ作成」です。普段、大規模開発や自社サービスに携わっている方は、WordPressに関わることはないかもしれませんが、請負業務やフリーランスの方には、ふと湧いてくる案件でもあります。そして、何かと言い訳を付け、できる限りWordPress関連の案件は避けているのではないでしょうか。 なぜ、エンジニアはWordPressを嫌うのか エンジニアというのはWordPressを嫌う傾向にありますが、それは何故でしょうか。 プライドがゆるさない WordPress界
WordPressが改竄された時の復旧方法と絶対に改竄されない対策
どういうハッキングをされるのか？ さて、本題です。ここ10年ちょっとWordPress専門で仕事をしていますが、自分が遭遇したり知り合いが遭遇したケースは「サーバー内のファイルが書き換えられて、アクセスすると他のサイトにリダイレクトされる」というケースです。 サーバーのファイルを見てみると概ね以下の症状になります WordPressをインストールした各ディレクトリのindex.phpなど、phpファイルの文頭に怪しげなコードを書き込まれているwp-content/uploads/ の中には通常画像ファイルなどばかりのはずが、見に覚えのないファイルを大量に置かれる通常の投稿内にいろいろ投稿される（このケースは近年は自分や周りでは遭遇していない） これらのファイルは全部キレイに駆除しない限り、該当部分を削除したり、該当ファイルを削除しても残っているファイルから再度改竄してくるので面倒です。 復
12万円のプログラミング情報商材が炎上してWordPressがもらい事故 – Capital P – WordPressメディア
プログラミングについて教える12万円の情報商材がひどいということがSNSなどで話題になっている。筆者の観測する限り、発端は下記のツイート。 弟が12万のプログラミング教材買おうとしてて中身見たけどようこんなの12万で売ってるなって内容だった。 初心者を馬鹿にするのもいい加減にしろって感じだわ。 — 宮水 (@rails_java_like) May 9, 2019 この12万円の教材というのは、おそらくマナブというブロガー・アフィリエイターのプログラミング独立の完全ロードマップだろう。内容は次の通り。 １．PHPとSQLの基礎を理解しよう ２．jQueryの基礎を理解しよう ３．WordPressの基礎を理解しよう ４．SEOの内部対策を理解しよう ５．WordPressの自作テーマを作ろう ６．鬼のコーディング練習道場（10本） ７．ポートフォリオサイトを作ろう ８．受注できる見積書を作
WordPressをやめ、静的サイトジェネレーターで高速化した話 - ICS MEDIA
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse（Google ChromeのデベロッパーツールのAuditsタブ）というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
私のWordPress、表示遅くない？――そのボトルネックの見つけ方と改善方法を探る
私のWordPress、表示遅くない？――そのボトルネックの見つけ方と改善方法を探る：とにかく速いWordPress（21）（1/2 ページ） とにかく速いWordPress 前回は、「Transients API」と「Object Cache」を用いた部分的なキャッシュによる高速化の手法を紹介しました。今回は、表示の遅延のみならず、サーバの負荷上昇の原因にもなり得るボトルネックの見つけ方とそれに対する改善手法を紹介します。 ボトルネックの基本的な見つけ方 ボトルネックは、経験豊富な方の場合、状況からある程度の目安を付けられます。しかし、経験が少ない方は、やみくもに対策を施してしまい、なかなか期待した効果が得られず、時間ばかりかかってしまうことも少なくありません。 そこで、ボトルネックを見つける良い方法は、まずはボトルネックの原因箇所を大まかに切り分けて、その後、徐々に絞り込んでいく手法で
WordPressのログイントラブル「あなたのIPはセキュリティ上の違反を行っている可能性があるものとしてマークされています」の解決方法 - Zバッファ
トラブルの症状 WordPressのログイン画面にアクセスしたところ「あなたのIP(アドレス)はセキュリティ上の違反をおこなっている可能性があるものとしてマークされています。」と今まで見たことのない症状に見舞われました。 未経験のトラブルだったので、解決方法を取り敢えずGoogleで調べてみたところ、同じような症状について解説しているサイトがいくつかありました。 kazu-export.com こういった時Google検索の便利さを実感します。 原因 このログイントラブルの原因ですが、これはJetPackプラグインによって引き起こされています。 JetPackプラグインには、ご存知のように高速化やソーシャルシェアなど数多くの機能がありますが、その中にセキュリティに関する機能があります。 そしてセキュリティ機能の中には、不正アクセス防止機能があり、一定回数ログインID・パスワードを間違えると
初心者におすすめ！無料で使えるWordPressのテーマ10選【日本語対応のみ】 | TechAcademyマガジン
初心者におすすめ！無料・有料で使えるWordPressのテーマ35選【日本語対応のみ】 WordPress（ワードプレス）初心者におすすめする【無料テーマ（テンプレート）】を紹介する記事です。全て日本語に対応。SEOに強いテーマや、テーマのカスタマイズに最適なテーマなど全部で35紹介しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 WordPressと言えば、豊富なテーマ（テンプレート）で知られています。 自分でコーディングをし
WordPressの侵入対策は脆弱性管理とパスワード管理を中心に考えよう
この記事はWordPress Advent Calendar 2015の7日目の記事です。 今年初めてWordCamp Tokyoにて講演の機会をいただき、WordPressのセキュリティについて話しました（スライド）。そこでもお話ししましたが、WordPressに限らず、Webサイトへの侵入経路は2種類しかありません。それは以下の2つです。 ソフトウェアの脆弱性を悪用される 認証を突破される したがって、侵入対策としては以下が重要になります。 全てのソフトウェア（OS、Apache等、PHP、WordPress本体、プラグイン、テーマ等）を最新の状態に保つ パスワードを強固なものにする 以上! と叫びたい気分ですが、それではシンプル過ぎると思いますので、以下、WordCampでお話した内容とリンクしながら、もう少し細く説明したいと思います。 全てのソフトウェアを最新の状態に保つ Word
管理しているWordPressサイトにアクセス出来なくなって焦って徹夜をした件 - 鈴木です。別館
いや～、本当にお馬鹿をしてしまいました。 昨夜から自分で管理しているWordPressのサイトにアクセスが出来なくなってもう焦ってしまいました。理由は解って今は解決しているのですが、理由解決のために徹夜をして朝8時になって眠さが限界で寝て12時くらいに起きていろいろ電話をして確認して解決しました。 恐らくこんなお馬鹿なことをする人はまずいないと思いますが、忘備録を兼ねて書いておきます。 理由はWordPress側ではなくドメイン側の理由でした。 今回の症状、別の回線だと繋がるという不思議 僕は20サイトほどWordPressのサイトを作っていますが、３つのレンタルサーバーを借りています。内２つのレンタルサーバーにアップしているサイト（ブログ）が光回線からだと見れなくなるという症状が最初に発生しました。 エラーメッセージはおなじみのこれです。 最初ブラウザ側を疑いましたが自宅にある数台のパソ
カスタマイズに挫折した人にオススメしたい使いやすさ重視のWordPressテンプレート10選
ferret編集部：2015年4月9日に公開された記事を再編集しています。 アメーバブログやはてなブログなど、国内では複数のブログサービスが存在します。 気軽にブログが開設できるものの、広告が表示されたり、デザイン性に限界があります。オリジナル性のあるブログを作りたい方は、WordPress（ワードプレス）を使ったブログ構築をオススメします。 今回はそんなWordPressを使ったブログにオススメしたい無料テンプレート（テーマ）を国内、海外に分けて10個ご紹介いたします。（一部有料のオプションなどはご容赦ください） WordPress日本語テンプレート 1.BizVektor http://bizvektor.com/about/download/ まずご紹介するのは国産テンプレートの「BizVektor（ビズベクトル）」です。 こちら元々は企業向けホームページ制作をWordPressでで
WordPressSEOプラグインおすすめ22選【保存版】
All in One SEO Packは、簡単にWordPressのSEO対策が行えるプラグインです。Titleタグ、meta descriptionタグ、meta keywordタグ、noindexの設定などがページごとに行えるようになります。トップページや投稿ページは勿論のこと、固定ページ、カテゴリページ、著者ページ、404エラーページ、検索結果ページなどを広くSEO対策することが可能です。 All in One SEO Pack WordPress SEO by Yoast WordPress SEO by Yoastは、All in One SEO Packを高機能にしたプラグインです。各ページのタグ設定やnoindex, follow設定の他にも、OGPやTwitter cardの設定や、「category」スラッグ削除、構造化されたパンくずリストの設置など、他のプラグインをいく
リンあれリニューアル。WordPressのテーマ（テンプレート）を新しく作りました＋テーマを自作したい人へ＊リンあれ
ものづくりが大好きなゆこびんです、こんにちは(๑´ㅂ`๑) このブログ「もっと知りたいリンゴあれこれ」をWordPressにしてから１年半ちょっと。ブログのデザインを新しくしました。‹‹\(´ω` )/››‹‹\( ´)/››‹‹\( ´ω`)/›› リンあれ専用テーマ（テンプレート）*第二弾！ 題して「flat cute theme for Rin*are」です（笑） いつもサイトまで見に来てくれる皆さんはお気づきだと思いますが、RSSでチェックしてくれてる方は…たぶん気がついてないですよね？ ＊ WordPressでは見た目や構造（デザイン）をテーマthemeといいます。他のブログサービスではテンプレートなどと言われることもあります。このシステムを採るとブログは簡単に着せ替えができるのです。 昨年までのテーマ（テンプレート）は、WordPress＋独自ドメインでお引っ越し（2013.
WordPressを巡る理想と現実、あるいは誤解
ブコメでもすでに色々言われていて、自分のFacebookのタイムラインでも軒並み言及されているので、触れたくない理由は色々あるのだが、CMSで仕事をしている以上、反応しとかないといかんかなと思って筆を取る。そう、この件だ。 WordPressで「ささっと作る」で請けれなくなってる現状。 まとめると、WordPressは作り手にとっても楽に作れて、ウェブサイトを持ちたい人にとってもイニシャルコスト・ランニングコストともに安く済ませられる、みんながハッピーなツールだったはずが、そうではなくなってきた、と言う話。そうではなくなってきた根拠は何かと言うと、セキュリティ対応と管理画面の使いにくさ、カスタマイズ範囲の肥大化、の３点があるようだ。 セキュリティ対応は必要ですし、ランニングコストもかかります セキュリティ対応については、WordPressの導入によく使ってきたロリポップサーバーでWordP
WordPress 独学者にありがちな失敗とは？
WordPress は世界のブロガーたちに愛される、最も人気のあるプラットフォームだ。日本でも「正解のブログ」を作ろうとする人たちの間で一気に人気が高まっており、ビジネススキルとしても活かせる WordPress を独学で勉強する人は益々増えてきている。 WordPress についての情報は日本語でも十分に出回っているが、それでも「はじめの失敗」は付きもの。そこで今回は WordPress 独学者に良くある９つの致命的な失敗をご紹介しよう。これから WordPress を勉強していこうという初心者の方は、ぜひ目を通して欲しい。 WordPress の使い方が 30 分から学べる！WordPress オンライン講座 １. 間違えて WordPress.com の方を選ぶ実は WordPress をはじめるには２つ方法がある。１つは、WordPress.com にユーザー登録をして今スグに W
WordPressに仕込まれたマルウェアのコードが恐ろしすぎた
『Googleから「マルウェアに感染している」という警告が届いたので、調査して欲しい』という依頼を受けて、とあるサイトの調査をしたところ、どうやらWordPressにマルウェアが仕込まれている模様。 かなり時間を掛けて広範囲にヤラれていたので、マルウェアをすべて取り除くのに苦労したのですが、その際に見付けたマルウェアが中々恐しいものだったので、ここに書き残しておきたいと思います。 なお、真似してマルウェアを作られても困るので、ソースの一部を画像で載せることにします。 ## マルウェアのソースを人間に読めるようにしてみる では、早速マルウェアの中身を見てみましょう。 まず、いきなり始まるコメント行。そして、長くて一見ランダムに見える文字列。 そして2行目でランダムに見える文字列を base64_decode() し、eval() しています。base64_encode()しているのは、ソース
WordPressサイトを快適に運用するためのTips【プラグイン管理編】 – ワードプレステーマTCD
WordPressの魅力は、慣れてくるとテーマを選んで目的のプラグインをインストールしていくだけである程度サイトのベースとなる部分が簡単に構築できるところにあります。 その反面、プラグインをインストールしすぎてサイトのパフォーマンスが落ちてしまったり、何のプラグインをインストールしたのか自分でもわからなくなってしまうといったことも少なくありません。 そこで、今回はWordPressサイトを快適に運用するためのTipsとしてプラグインの管理についてお送りいたします。 インストール済みのプラグインにメモが書ける「Plugin Memorandum」 まずは、自分がインストールしたプラグインにメモを書いておける「Plugin Memorandum」からご紹介します。 Plugin Memorandum 発想はシンプル。でも忘れやすい人にはとっても心強い味方に!? 本プラグインのインストールが完了
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://rikei-kenkyu-vancouver.net/wordpresstheme/
ニートがエロサイトを3日でつくってアフィ生活をはじめてみた話