WordPressサイトエディター対応のブロックテーマ開発（基本編） – Kiwi blog
WordPressサイトエディター対応のブロックテーマ開発（基本編） WordPressのオリジナルテーマには大きく分けて2種類の作り方があります。PHPファイルを使ってサイトの各画面を実装するクラシックテーマと、サイトエディターを使って自由にサイトの構成要素を編集することができるブロックテーマです。 この記事では、ブロックテーマ開発の基本についてご紹介します。なお、この記事の内容はWordPress 6.1時点の内容をもとにしています。 ブロックテーマとは ブロックテーマとは、WordPress 5.9にて導入された新しいWordPressテーマの形式です。相対的に、画面ごとにPHPファイルを用意する従来の形式はクラシックテーマと呼ばれています。 ブロックと呼ばれる部品を使ってサイト全体が構成されていることが特徴で、テーマを利用するユーザーがブロックをサイトエディターで組み替えることで、
【WordPress5.9 / 6.0版】theme.json 全解説 - Qiita
WordPress6.1以降の各メジャーバージョンにおける変更点については、以下記事をご参照ください。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.3】theme.json の変更点 【WordPress6.4】theme.json の変更点 【WordPress6.5】theme.json の変更点 変更履歴 2023.03.20: title プロパティに関する説明を追加しました。(解説) はじめに WordPress5.8で、新しいツールである theme.json が導入されました。 これにより、テーマやブロックがサポートする機能・レイアウト・スタイルなどの多くを、このJSONファイル一つで一元的にコントロール出来るようになりました。 この theme.json は、WordPres
WordPressの公式テーマ Twenty Twenty-Twoをみて思うこと | エビスコム - EBISUCOM
公式テーマであるTwenty Twenty-Twoがブロックテーマとして公開されました。 現状のWordPressの機能をフルで使うためには、ブロックテーマとして作るしかないわけですから当然の流れではありますが、ブロックテーマへの移行がいよいよ本格的に始まるのかと考えると、ちょっと気が重くなります。 WordPress/twentytwentytwo: Twenty Twenty-Two, the default WordPress theme that will launch with WordPress 5.9. https://github.com/WordPress/twentytwentytwo ブロックテーマへの移行でクローズアップされるのはもちろん、Full Site Editing（FSE / フルサイト編集）です。しかし、Twenty Twenty-Twoを眺めていくと、
WordPressテーマカスタマイザーの色設定項目の追加方法。 | Fantastech（ファンタステック）
色の設定項目を追加する手順 では、テーマカスタマイザーに色の設定項目を追加してみましょう。 下記のように関数を定義し、この中に、 セクション追加 テーマ設定 コントール追加 といった処理をどんどん追加していきます。コードを追加するファイルは「functions.php」です。 function theme_customizer_extension($wp_customize) { //処理をどんどん追加 } add_action('customize_register', 'theme_customizer_extension'); セクション追加 オリジナルの設定項目を追加する上で、通常はセクションを追加する必要がありますが、色のセクションがすでにあるので、新しくセクションを追加する必要はありません。 （もちろん、新しくセクションを追加して管理することもできます） テーマ設定 セッティン
WordPressの軽量、高速化！ページ表示にかかる時間は1秒未満、WordPressの無料テーマファイル -Susty WP
WordPressのテーマファイルは年々肥大化されている気がします。もちろん、その分機能が増え、便利にはなっているのですが、小さいサイトを作成する際には不要なものが多くなり、整理するのが大変です。 ページ表示にかかる時間は1秒未満、データ転送量わずか7kBで構築されたWordPressの無料テーマファイルを紹介します。 Susty WP Susty WP -GitHub Susty WPの特徴 Susty WPのデモ Susty WPのダウンロード Susty WPの特徴 2016年の調査によると、Webサイトの平均的な転送量は2.3MBで、この6年の間で333倍になりました。参考: The Growth of Web Page Size Susty WPはWordPressのサイトをいかに小さく構築するか、高速化に特化された超軽量のテーマファイルです。ベンチマークでは、最初のバイト（TT
dev.toに匹敵する速度を出せるWordPressテーマを開発した話 - Qiita
本日、無料WordPressテーマ Godios. をリリースしました。 公式サイトを見ていただけるとわかると思うのですがページが一瞬で遷移しています。 どうでしょう、dev.toと同じくらい速いんじゃないでしょうか。 この記事ではテーマを高速化するにあたって用いたテクニックを書いていきたいと思います。 圧縮 テーマに含まれている画像・CSS・JSファイルの圧縮。 画像はOptimizilla・TinyPNG、CSSはCSS Minifier、JSはJSCompressを使用しました。 CSS・JSファイルの遅延読み込み レンダリングをブロックするファイルが大量にあると表示が遅くなりますので、JSファイルはdeferまたはasync属性を付与し、CSSファイルはインライン、またはJSで非同期に読み込んでいます。 無駄なSQLクエリを減らす データベースへのアクセスが多いと負荷が掛かる上、速
Twenty-Seventeenを徹底解読！｜functions.php編 – Webデザインのブログ
フィルター、アクションにフック・・・名前だけでは何のことかさっぱり？なのですが、僕は次のように理解しています。 アクションフック テーマ設定時、ヘッダー読み込み時、ウィジェット設定時など、WordPressの動作その時々に追加して機能させる命令 フィルターフック WordPressのデータベースのアクセスや、サーバーとクライアント間のアクセス時に機能させる命令 Twentyseventeenのfunctions.phpに出てくるアクションフックとフィルターフックの例をまとめます。 after_setup_theme（アクション） テーマでサポートしたい機能をここで追加する wp_resource_hints（フィルター） 特定のWebサイトを事前に読み込むなどの処理 widgets_init（アクション） ウィジェットの追加 excerpt_more（フィルター） moreタグの設置 wp
子テーマを作ってWordPressの既存テーマをカスタマイズする方法
子テーマを作ってWordPressの既存テーマをカスタマイズする方法いまやブログだけではなく、会社紹介のWebサイトやポートフォリオサイト、ECサイトに至るまで、様々なタイプのWebサイトで利用されているCMS、WordPress。すでにデザイン・コーディングが済み、自由に利用できる既存のテーマも豊富に配布されています。今回はそんな既存のWordPressテーマを使うメリットや、子テーマを作成してカスタマイズする方法を紹介します。 WordPress の既存テーマを利用するメリットちょっと検索すればたくさんの WordPress の既存テーマが見つけられます。既存テーマを利用すると、どんなメリットがあるのでしょうか？ 制作時間を短縮できるこういった配布されているテーマを使うメリットは、なんといっても制作時間の短縮。豊富なテーマの中には、自分の思い通りのレイアウトのものも見つけられるはずです
WordPressテーマ Minimal WP | シンプル＆おしゃれな日本語テンプレート
Minimal WPテーマはデザインも機能も圧倒的に「ミニマル（最小限）」なので面倒な設定が全く不要。初心者の方でも「画像アップロード」「ドラッグ＆ドロップ」「コピペ」くらいの簡単操作だけで自分でホームページを作ることができます。万が一、初期導入で分からないことがあっても、30日間の無料メールサポート付きなので安心です。
正しいテーマの作り方 これができたらテーマ制作の上級者！
WordCamp Kansai 2016 で使ったスライドです：D
スクラッチはもう古い？BeansフレームワークでWordPress開発のフローが変わる
WordPressのテーマって、どんなフローで開発していますか？ 新しいテーマフレームワーク「Beas」なら、便利なコンポーネントを組み合わせて進められるので、テーマ制作が捗りそうです。 いますぐWordPressテーマを自分で作成したいなら、しっかりとコーディングされた信頼できるテーマフレームワークの利用をお勧めします。フレームワークはWordPressに一般的な機能やコンポーネントを提供してくれるので、独自のデザインを作成できるようになります。また、フレームワークを利用するとテーマの作成時間を劇的に短縮できます。 Thierry Mullerが作成した新しいWordPressのテーマフレームワークの1つ、Beansを試してみたので紹介します。Beansについては過去にJames GeorgeがSitePointの『Introducing Beans: A Streamlined Wor
WordPress テーマカスタマイザーの使い方 – セルティスラボ
参照：wp-includes/class-wp-customize-manager.php の register_controles() 関数 今回は、リンク色は既存の colors セクションに追加します。メニュー色は新規に celtisone_menu_customize というセクションを作成してナビゲーションの後に表示するように優先度を 102 としました こんなプログラムを作り function.php に追加しました //管理画面のカスタマイズにテーマカラーの設定セクションを追加 function celtisone_customize_register($wp_customize) { // Link Color $wp_customize->add_setting( 'celtisone_link_color', array( 'default' => '#0066ff',
20 Best Free WordPress Themes (Responsive, Mobile-Ready, Beautiful)
WPShout content is free. When you purchase through referral links on our site, we earn a commission. Learn more 20 Best Free WordPress Themes (Responsive, Mobile-Ready, Beautiful)by Adelina TucaMay 10, 2024WordPress Themes If you’re looking for only the best free WordPress themes in the market, then you’re in the right place. We have 20 such themes for you right here! 🤩 This list covers a lot of
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2018年版】おすすめの無料WordPressテーマテンプレートは5つだけ【初心者向け&日本語対応】 | 俺のSEO対策
add_action customize_register not working
Wordpressでテンプレートファイルをロードする5つの方法とその違い - Qiita
WpTHK Theme | SEO最適化、レスポンシブ、高カスタマイズ性、とにかく速い、無料の WordPress テーマ
mignonstyle.com
Verti Studio
GitHub - megumiteam/iemoto: Underscores (_s) based grunt-init template for WordPress theme.
