カスタマイズ WordPressでアイコンを利用する際に便利な下処理 Webページでアイコンを利用する機会は結構あると思いますが、テーマ「Ace」で取り入れている「Material Design Icons（MDI）」を例に挙げて、使い方をさらっと紹介いたします。 ウェブフォントとしてのM... カスタマイズ Material Design Icons,SVG,アイコン,ウェブフォント,グーテンベルグ,テーマカスタマイザー 2019/03/21 Nora
カスタマイズ レイアウトブロックを追加してGutenbergをページビルダーにカスタマイズする方法 WordPressのコンテンツページを追加する際の投稿用エディターとして使われているGutenbergですが、いくつかブロックを追加している内に、これでページ全体を作成できちゃうことに気づいてしまいます。 それはもうペー... カスタマイズ グーテンベルグ,ページビルダー,レイアウトブロック 2019/03/18 Nora
チュートリアル WordPressをマルチサイト化する方法 ショップを併設する際にこのサイトをマルチサイト化しましたので、それと同時に今更ながらWordPressのマルチサイト化に関する話題を紹介いたします。 マルチサイト化させることをお考えでしたら、こちらで当ブログの事例と合わ... チュートリアル マルチサイト 2019/03/15 Nora
更新情報 殺風景なショップを設置 テーマ「Ace」を販売できるようにショップを設置しました。 「WooCommerce」+「Package Update Server for WooCommerce」でアップデートも配信できるようにしています。 販売とい... 更新情報 Ace,ショップ 2019/03/15 Nora
チュートリアル Webpackの圧縮プラグインには「terser-webpack-plugin」 開発環境でJavaScriptを編集する際は別に問題ないのですが、Webpackで生成したファイルはサイズが結構大きくなってしまう場合がありませんか？ また、確認の際によく使用されるコンソールメソッドがありますが、これら... チュートリアル Webpack,プラグイン,圧縮 2019/03/08 Nora
チュートリアル ワードプレスのエディタGutenbergのカスタムブロック用にJSXを変換する方法 – WebpackとBabel 以前紹介したGutenbergにブロックを追加する方法に関連する、JSXとその変換方法に少し触れておきます。 「ワードプレスのエディター「Gutenberg」にカスタムブロックを追加する方法」で紹介した方法と実際にブロッ... チュートリアル Babel,JSX,Webpack,グーテンベルグ 2019/03/05 Nora
チュートリアル 初めてのWebpack – インストールと使用方法 Webpackを僕の言葉で簡潔に説明すると、パッケージ内で使用するリソースファイルをトランスパイル処理などを施しながら一括して処理し、１つのJavaScriptファイルに纏めてしまうことが出来るツールです。ざっくりとした... チュートリアル Node.js,npm,Webpack,インストール 2019/03/04 Nora
チュートリアル 初めてのNode.jsとnpm – インストールと使用方法 Gutenbergのカスタムブロックの追加方法を紹介する上で、JSXが登場するため、その変換方法を紹介する必要があるだろうと思いました。「npm既に使ってるよ」って方は引き返して頂いて何の問題もありません。 npmはパッ... チュートリアル Node.js,npm,インストール 2019/03/04 Nora
チュートリアル ワードプレスのエディター「Gutenberg」にカスタムブロックを追加する方法 こんな感じでアバター付きの吹き出しコメントを表示するブロックを作成してみましたが、どうでしょう？ エディタ「Gutenberg」ではページのコンテンツをブロック毎に管理・編集することが出来ますので、ワードプレスでブログを... チュートリアル JSX,React,カスタムブロック,グーテンベルグ,追加方法 2019/02/24 Nora
コラム ワードプレスの新エディター「Gutenberg」に慣れましょう。 ワードプレスは旧式のエディタ（TinyMCE）のサポートが無くなると発表しているそうですが、ブロックエディタを使わないようにするプラグインが未だに結構見つかります。しかも高評価！ オリジナルのエディタを使っている場合はワ... コラム エディタ,グーテンベルグ 2019/02/24 Nora
チュートリアル ワードプレスのページスピードを改善する方法 つい最近までテーマの作成をしていたものですから、ちょっとそれに関連したページ作成に関する話題です。 ワードプレスのページって遅い印象がありませんか？ SEOにおいてもページ速度がその要素に含まれていますが、特にモバイル... チュートリアル ページ速度,ワードプレス 2019/02/15 Nora
更新情報 サイトのテーマ「Nora Ace（仮）」へ変更しました。 ここ暫く「ShapeShifter」の特徴を一部引き継いだテーマを作成しておりました。ブログも久々に書くせいで、ブロックエディタにまだ全然慣れておりません。 ちょっとテーマ作成から離れていたので、ブランクが有りましたので... 更新情報 Ace,テーマ更新 2019/02/11 Nora
テーマ テーマ「ShapeShifter」とプラグインを1.2.0へ更新 取り敢えず一度ある程度の更新は終了しましたので、アップロードいたしましたので、まずバックアップを。 機能的に変更点は殆どありませんが、ダッシュボードなどまだ見れなかったので、取り敢えず後回しにして、読ませないようにしてい... テーマ,プラグイン,更新情報 ShapeShifter,Version 1.2.0,WP Theme ShapeShifter Extensions 2018/12/27 Nora
更新情報 アップグレード作業終わんねえええエエエ！！！ 失礼。。。。ちょっと一回愚痴って復活しようと思いまして。。。 ShapeShifterとそのプラグインのアップグレードをやっとりますが、中々終わりません。 中身が結構綺麗にファイルを分けて管理できるようにしていってますが... 更新情報 ShapeShifter 2018/12/24 Nora
更新情報 次のアップデートは久々にテーマ １年以上と長らく放置しておりましたが、テーマ「ShapeShifter」を久々に更新して参ります。 勉強しながら作成していたので一応愛着あるテーマですし、ワードプレスのアップデートもやってきそうですし、全然それに間に合う... 更新情報 ShapeShifter,WP Theme ShapeShifter Extensions 2018/12/06 Nora
チュートリアル テーマやプラグインに独自のアップデートチェッカーを適用させる方法 文章を書くのが久しぶりな気がしますが、ブログも更新しようと思います。 テーマやプラグインを配信したい場合、ワードプレスのリポジトリを利用するのが一番だとは思いますが、リポジトリを利用したくない方やリポジトリに適さないテー... チュートリアル 更新通知 2018/11/29 Nora
プラグイン プラグインを２つアップロード WooCommerce用のプラグインを作ってアップロードしてみました。 １つ目は「Token Vendor for WooCommerce」です。 名前通り「WooCommerce」で「トークン」を販売・生成・検証するこ... プラグイン Token Vendor for WooCommerce 2018/11/25 Nora
テーマ 「ShapeShifter」がリポジトリからインストール可能となりました。 久々にブログ書きましたね。 ブログ更新はちょっとサボリ気味でしたが、テーマの更新は裏でやっておりまして、そういえばリポジトリからインストールできるようになった報告するのを忘れていました。 更新用プラグインはリポジトリ利用... テーマ ShapeShifter 2017/11/14 Nora
テーマ テーマ「ShapeShifter」バージョン1.1.2の更新情報 久しぶりにテーマ「ShapeShifter」の更新です。 主な更新箇所は以下のとおりです。 エラーの修正 テンプレートファイルの追加 スタイルの追加 スライドバーとモバイル用のスライドバーの表示・非表示設定の改善（ダブら... テーマ,プラグイン ShapeShifter,バージョン1.1.2,更新情報 2017/07/24 Nora
テーマ テーマ「ShapeShifter」バージョン1.1.0の更新情報 ※ 念のためプラグインの方から更新をお願い致します。 さて、また懲りずにアップロードもしました。 今回からはプラグインがなるべくテーマのコードに依存しないようにしていきたいので、出来る限りコードは分離していく予定です。 ... テーマ,プラグイン バージョン1.1.0,更新情報 2017/06/02 Nora
