チュートリアル JavaScriptでページコンテンツに目次を挿入する方法 ワードプレスのコンテンツページにおいて、目次を出力するのに「Table of Contents Plus」などを使っている人が多くいらっしゃると思いますが、目次って実は結構簡単に作成出来ちゃいます。 JavaScript... チュートリアル JavaScript,目次 2019年4月4日 Nora
チュートリアル WordPressをマルチサイト化する方法 ショップを併設する際にこのサイトをマルチサイト化しましたので、それと同時に今更ながらWordPressのマルチサイト化に関する話題を紹介いたします。 マルチサイト化させることをお考えでしたら、こちらで当ブログの事例と合わ... チュートリアル マルチサイト 2019年3月15日 Nora
チュートリアル Webpackの圧縮プラグインには「terser-webpack-plugin」 開発環境でJavaScriptを編集する際は別に問題ないのですが、Webpackで生成したファイルはサイズが結構大きくなってしまう場合がありませんか？ また、確認の際によく使用されるコンソールメソッドがありますが、これら... チュートリアル Webpack,プラグイン,圧縮 2019年3月8日 Nora
チュートリアル ワードプレスのエディタGutenbergのカスタムブロック用にJSXを変換する方法 – WebpackとBabel 以前紹介したGutenbergにブロックを追加する方法に関連する、JSXとその変換方法に少し触れておきます。 「ワードプレスのエディター「Gutenberg」にカスタムブロックを追加する方法」で紹介した方法と実際にブロッ... チュートリアル Babel,JSX,Webpack,グーテンベルグ 2019年3月5日 Nora
チュートリアル 初めてのWebpack – インストールと使用方法 Webpackを僕の言葉で簡潔に説明すると、パッケージ内で使用するリソースファイルをトランスパイル処理などを施しながら一括して処理し、１つのJavaScriptファイルに纏めてしまうことが出来るツールです。ざっくりとした... チュートリアル Node.js,npm,Webpack,インストール 2019年3月4日 Nora
チュートリアル 初めてのNode.jsとnpm – インストールと使用方法 Gutenbergのカスタムブロックの追加方法を紹介する上で、JSXが登場するため、その変換方法を紹介する必要があるだろうと思いました。「npm既に使ってるよ」って方は引き返して頂いて何の問題もありません。 npmはパッ... チュートリアル Node.js,npm,インストール 2019年3月4日 Nora
チュートリアル ワードプレスのエディター「Gutenberg」にカスタムブロックを追加する方法 こんな感じでアバター付きの吹き出しコメントを表示するブロックを作成してみましたが、どうでしょう？ エディタ「Gutenberg」ではページのコンテンツをブロック毎に管理・編集することが出来ますので、ワードプレスでブログを... チュートリアル JSX,React,カスタムブロック,グーテンベルグ,追加方法 2019年2月24日 Nora
チュートリアル テーマやプラグインに独自のアップデートチェッカーを適用させる方法 文章を書くのが久しぶりな気がしますが、ブログも更新しようと思います。 テーマやプラグインを配信したい場合、ワードプレスのリポジトリを利用するのが一番だとは思いますが、リポジトリを利用したくない方やリポジトリに適さないテー... チュートリアル 更新通知 2018年11月29日 Nora
チュートリアル ワードプレスサイトの引越方法 ドメイン名に合わせてサイト名は変更していますが、旧サイト「ワードプレスラボ」を丸ごと引越しましたので、 ついでにその方法も簡単に紹介してみようと思いました。 細かい部分は色々自分で設定し直す必要があるかもしれませんが、ま... チュートリアル ワードプレスサイト,引っ越し 2017年2月7日 Nora
チュートリアル コンテンツページにおけるカスタムフィールド・メタボックス実装と使用方法を紹介 ワードプレスサイトで各ページの差別化を行う場合、テンプレートファイルを子テーマなどに実装することが多いと思います。カラム数やデザインを変化させるのも、HTMLの知識とワードプレスのタグを使用することで編集できてしまいます... チュートリアル カスタムフィールド,メタボックス 2016年4月24日 Nora
チュートリアル jQueryプラグイン「Slider Pro」がめちゃ便利！ 特徴、使い方、使用例まで紹介 テーマ「ShapeShifter」で使用できるウィジェット「Slide Gallary」で使用している無料のjQueryプラグイン「Slider Pro」を紹介します。 以前、背景をスライドさせるjQueryプラグイン「... チュートリアル jQuery プラグイン,Slider Pro,スライダー系 2016年3月30日 Nora
チュートリアル テーマ「ShapeShifter」をプラグイン「WooCommerce」に対応させてみる。 ワードプレスの代表的なプラグイン「bbPress」と「WooCommerce」にテーマ「ShapeShifter」を対応させたいと思い、現在アップデートに向けてカスタマイズ中なので、ちょっと基本的な方法を紹介していこうと... チュートリアル ECサイト,WooCommerce,テーマ,作成 2016年2月12日 Nora
チュートリアル テーマ「ShapeShifter」をプラグイン「bbPress」に対応させてみる。 ワードプレスの代表的なプラグイン「bbPress」にテーマ「ShapeShifter」を対応させたいと思い、現在アップデートに向けてカスタマイズ中で、ちょっと基本的な方法を紹介していこうと思います。 プラグイン「bbPr... チュートリアル bbPress,テーマ作成 2016年2月10日 Nora
チュートリアル ワードプレスのテーマやプラグインを翻訳ファイル編集ソフト「Poedit」でローカライズ（翻訳）する方法 今までは日本語のみだったんですが、英語から各言語に翻訳表示できるようにしました。漸くテーマ「ShapeShifter」の翻訳が終わりました。「バージョン1.0.3」が翻訳済みです。 日本語で見ると日本語表記が若干変化して... チュートリアル Poedit,ローカライズ,ローカリゼーション,翻訳 2016年2月6日 Nora
チュートリアル テーマカスタマイザーでの編集をライブプレビューする方法 テーマカスタマイザーでの標準設定では、設定項目の値を変更する度にプレビューが更新され、確認するのに時間差を覚え、ちょっと煩わしさを感じるんじゃないでしょうか？ 以前テーマカスタマイザーの編集方法でも少し紹介したんですが、... チュートリアル テーマカスタマイザー,ライブプレビュー 2016年1月31日 Nora
チュートリアル 設定用ページの作成・追加方法 サブメニューページを作成・追加する方法の応用編です。 関連記事： 管理画面にサブメニューページの作成・追加方法 ここでは追加したサブメニューページで設定変更できるように編集する方法を紹介していきます。 サブメニューページ... チュートリアル サブメニューページ,作成,設定ページ,追加 2015年11月16日 Nora
チュートリアル 管理画面にサブメニューページの作成・追加方法 プラグインには、よく設定用のページが追加されているのを見かけるでしょうが、そういった管理画面にページを追加する方法を紹介していきます。 管理画面にページを追加することで、テーマカスタマイザー以外での設定を追加したり、ツー... チュートリアル サブメニューページ,作成,追加 2015年11月14日 Nora
チュートリアル ウィジェットアイテムの作成・追加方法 ウィジェットアイテムは、マウスでカチカチと操作するだけで簡単に配置できるアイテムですので、テーマやプラグインに実装することで、任意のウィジェットエリアに自由に配置することが出来ます。テンプレートファイルに直接HTMLを書... チュートリアル ウィジェット 2015年11月13日 Nora
チュートリアル ショートコードの作成・追加方法 非常に便利なワードプレスのショートコードですが、自分のオリジナルショートコードや編集が簡単にできるのをご存知でしょうか？ ショートコードを自動で挿入してくれるプラグインも多く存在し、「Shortcodes Ultimat... チュートリアル ショートコード 2015年11月12日 Nora
チュートリアル テーマカスタマイザーの編集方法 WordPressのテーマカスタマイザー、「外観」->「カスタマイズ」のページでは、主にテーマのスタイルをライブプレビュー（JavaScriptを書く必要あり）で確認しながら編集できます。 ここでは基本的なテーマカスタマ... チュートリアル テーマカスタマイザー 2015年11月5日 Nora
