[【大阪】Kansai WordPress Meetup@大阪『ブロックエディターについてもっと知ろう!』](https://www.meetup.com/ja-JP/kansai-wordpress-meetup/events/295907589/) 登壇資料です。
![ブロックエディタをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2023 09 23](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fa284cf49324f6c2964e7b7aecfef523ca5c314/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F549e2e8cd9804ff99dbea5e20fe615ef%2Fslide_0.jpg%3F27127827)
WordPress5.5.0から追加された新しい機能についてご紹介します。 この記事を執筆中のWordPressの最新バージョンは5.8.2なので、なんで今更と思われてしまうかもしれませんが、少し驚いた機能だったのでこうして記事にしてしまいました。 WordPressはXMLサイトマップを標準で出力する? しない? これまでWordPressではXMLサイトマップはそのままでは出力されませんでしたので、プラグインを利用したり、または自前で用意したりといったかたちで対応をしてきたと思います。あるとき、WordPressをいじっているとまだ準備していないはずのXMLサイトマップが出力されていることに気づきました。 WordPress5.5からはデフォルトでXMLサイトマップが出力されるようになっていたのです。それがどのような機能なのかを簡単に見ていきたいと思います。 XMLサイトマップには、設
最新にする Release | 2022.01.06 Updated | 2024.04.22 最新のWordPress 5.9とは?知っておきたいアップデートしたらできることと、おすすめ記事紹介!アップデート この記事では、WordPress 5.9の主な新機能と修正内容についてご紹介します。 より詳しく内容を知りたい方は、詳細に解説されている記事へのリンクもあわせてご紹介しておりますので、ぜひ参考にしてみてください! ※最新のWordPressは、2024年4月にメジャーアップデートとしてリリースされた「WordPress6.5」です。特に理由が無い限りは最新のWordPressバージョンのご利用をオススメします。 WordPress 5.9のリリース日2022年1月25日(アメリカ時間)、WordPressのメジャーアップデートとなるWordPress 5.9のリリースが予定されてい
2021年12月7日 Wordpress WordPressでは2018年から「ブロック」と呼ばれる要素のかたまりを組み合わせてコンテンツを作っていくブロックエディターが利用できるようになりました。今回はテンプレートファイルはいじらず、WordPressの管理画面(ダッシュボード)でブロックを組み合わせるだけでWebサイトを作成できるフルサイト編集機能にフォーカスします! ↑私が10年以上利用している会計ソフト! フルサイト編集とは? フルサイト編集(FSE=Full Site Editingとも呼ばれます)は、投稿やページだけでなく、ヘッダーやフッター、サイドバー、ナビゲーションメニューなど、Webサイト内のあらゆる部分にブロックを使って構成できる機能です。つまり、これまでは投稿やページのコンテンツ部分のみブロックに対応していましたが、フルサイト編集機能のついたテーマであれば、Webサイ
WordPressサイトでテーマ(デザイン)を変えると、SEOにどんな影響があるのか? 見た目だけだから関係ない? それとも実はけっこう影響する? グーグルのミューラー氏の解説から学んでおこう。 ほかにも今回は「小ネタだがピリリと効く」SEO情報をまとめている。 グーグルがタイトルを勝手に変えちゃう件の続報、ページエクスペリエンスアップデートによる順位変動のデータや、CA木村氏によるインハウスSEO成功の秘訣などは、ぜひチェックしてほしい。 また、2ページ目には初心者にも役立つSEO情報をまとめている。リモートワークであまり顔を合わせていない後輩にちょっと教えてあげるのもいいだろう。 グーグルがタイトル生成アルゴリズムを調整、前よりはマシになった!?ページエクスペリエンスアップデートによる順位変動が発生していた!?自己参照rel="canonical"はちょっとしたミスの解決に役立つインハ
ICS MEDIAは2019年4月にリニューアルしました。シンプルでモダンなデザインへと見栄えは変わり、フロントエンドの最新技術によって爆速なサイトへと生まれ変わっています。 技術的におもしろいポイントは、WordPressワード・プレスを廃止したことです。 この記事では、オウンドメディアとしてWordPressをやめた理由、代用技術の選定で苦労したことを紹介します。 リニューアル前後の違い リニューアルによってどのくらい改善したか、定量的な結果を紹介します。ウェブサイトの性能を示す指標としてLighthouse(Google ChromeのデベロッパーツールのAuditsタブ)というツールがあります。 Lighthouseの採点で、リニューアル前は80点ほどだったのが、ほぼ満点のスコアをたたき出せるようになりました。SEOやアクセシビリティの点数も満点です。 動画でもご覧ください。リニュ
SANGOは、Webメディア「サルワカ」から生まれた有料WordPressテーマです。開設1年で200万PV/月を超えたサルワカのノウハウを、余すことなく詰め込んでいます。 SANGOにはたくさんの魅力があります。ブログ、アフィリエイト、企業ホームページ、様々な用途できっと活躍するはずです。 1. つい長居したくなる、居心地の良いデザインSANGOは訪れる人々の「居心地の良さ」を第一に考えてデザインされています。ストレス無く、つい長居したくなるような心地よさを追求しました。 2. 100% レスポンシブ対応言うまでもなくレスポンシブ対応。パソコン、スマートフォン、タブレット、どの端末で見ても最適化されて表示されます。 3. 洗練されたブロックテンプレートサイトを用意サイトのカスタマイズに最適なテンプレートギャラリーサイト、SANGO Landを用意。これを使えばサイトのカスタマイズがブロッ
コンポーネントベースで、Webサイトやアプリを制作するために設計されたWordPressのフレームワークを紹介します。 レイアウトやコンポーネントを管理して、デザインが異なるランディングページをカスタマイズして作成することができます。 オープンソースで、完全に無料 TypeRocketはGPLライセンスで、すべての機能が無料で利用できます。Pro版はありません。 リピーターフィールド リピーター、ビルダー、エディター、マルチセレクト、イメージ、ギャラリー、その他のフィールドを含む20種類以上のフィールドタイプが用意されています。 ドキュメント TypeRocketを使用するためのドキュメント、チュートリアル、動画が完備されています。 モダンなセキュリティ ミドルウェアを作成し、さらにファイルをパブリックビューの外に保つことができます。 モダンな開発環境 Laravel ForgeやEnvo
最近人気の WordPress テーマでは豊富なカスタマイザー項目が設置してあるものが多いかと思います。ただ、カスタマイザーに関する日本語の情報が思ったよりなかったので、Coldbox テーマを作った時の知識を基にカスタマイザーの設定方法をまとめてみようかと思います。 カスタマイザーファイルの設置場所 これは決まりがあるわけではないんですが、カスタマイザー系のファイルは一つのフォルダにまとめて書いてあることが多いです。私は普段 czr/ というフォルダを作ってその中で管理しています。 また、ほかのテーマを見ていると、customizer-setting.php, customizer-section.php, customizer-control.php のように用途別のファイルにしているものも多いようです。 もちろん functions.php に書くことも出来ますが、あまりに複雑化しす
第1章 はじめに 1-1.Webサービス開発に必要な3つの要素 はじめまして。加藤泰明です。 東京都内でインフラエンジニアとして働きながらWebサービスを個人開発したり技術系同人誌を頒布しています。 このエントリーでは、僕が2017年7月に、3日間でマッチングサービス「先輩エンジニアサーチ」を開発するも、アクティブユーザーが1人もおらず大失敗をした失敗談をお伝えします。 第1章では、著者である僕自身について書いています。 第2章では、僕がWebサービスを開発してリリースしようと思ったきっかけについて書いています。 第3章では、これから開発するWebサービスで解決したい課題の見つけ方やビジネスモデルの組み立て方、Webサービス開発に必要なマインドについて書いています。 第4章では、3日間でWebサービスを開発した方法について書いています。 第5章では、僕が開発したWebサービス(先輩エンジニ
こっそりブログ「たらハコ」を始めて2年が経ちました。(tarahako.comを取得してからはまだ1年半) その記念ってわけじゃないですけど、またブログのデザインを一新しました! せっかくなのでカスタマイズの参考になるかもしれないし、ならないかもしれないポイントをダラダラと説明してみようと思います。(参考にならないかもしれない≒マニアック過ぎて参考にならない) 今回はSTINGER依存を止めて、「自作WordPressテーマだ」と言ってみます。 それではどうぞ御覧ください! スポンサーリンク 七ブ侍はブロガー14人(週イチ6名+月イチ2名+季イチ6名)が日替わりでブログ更新をするリレー企画です! たらハコ2015年冬の大リニューアル! 相変わらず毎週どこかしらデザインなり、ロジックが変わるブログを運営してます。よっしー(@guutarayossiy)です。 今年の春くらいから少しずつ考えて
WordPress SEO は「習うより慣れろ」で学習スピードを加速できる。今回は「WordPress SEO 基本カスタマイズの7ステップ」を画像解説するので、実際に自分で試して欲しい。 なお、このブログ記事では、読者の使用する WordPress テーマを制限したりはしない。基本カスタマイズを理解すれば、気に入ったデザインの WordPress テーマを「読者自身」で SEO に強いテンプレートへと生まれ変えさせることができるからだ。 1. スマートフォン表示に対応したテーマを選択する僕のサイトを訪れるユーザーも「過半数」が、モバイルからアクセスしてくる。またサイトによっては、モバイル端末のアクセスが「2/3」に近いこともある。僕は1年ほど前にWeb サイトを作るようになったが、当時からレスポンシブレイアウトを採用してきた。 3~4年前までは「ユーザーエージェント」を判定し、モバイルサ
こちらがサブループのためのPHP。 [html] have_posts()) : ?> have_posts()) : $my_query->the_post(); ?> ここに出力するため(引っ張ってくるため)のコードを書き込む [/html] こちらの記事がわかりやすい。 wordpressでトップページを固定ページに設定して新着記事も表示する | DAICHIFIVE blog 私のコードはこんな感じ。 [html] have_posts()) : ?> have_posts()) : $my_query->the_post(); ?> ” alt=”” width=”210″ height=”126″ /> (この方法は別エントリーで書きます) これでサブループが設置されて万事O.Kだと思ってた… ページのナビゲーションリンクが全てトップページにorz ↑ このサイトの下には表示し
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい(汗) さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル/スピード上がったかなぁと僕自身が感じられたら良しとしてます(笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
WordPressの勉強も兼ねて、Twenty Elevenテーマの各テンプレートについて解説してみたいと思います。確認バージョンは3.2.1です。 メインインデックスのテンプレート (index.php) Twenty Elevenテーマの「メインインデックスのテンプレート (index.php)」で出力されるページは次のようになります。 テンプレートのソースコードは次のとおりです。 <?php /** * The main template file. * * This is the most generic template file in a WordPress theme * and one of the two required files for a theme (the other being style.css). * It is used to display a pa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く