WPワークスホームブログワードプレスのカスタマイズ情報などを紹介しています。チュートリアルカスタマイズワードプレスのセットアップ方法ワードプレス初心者向けです。ドメインの取得とセットアップ必要なサーバー環境のセットアップワードプレスのインストール手順ワードプレスで最初に行うべき設定おすすめのプラグインテーマ「Ace」の特徴当サイトでも使用している自作テーマです。専用プラグイン「Ace+」カスタム投稿タイプページ編集に役立つコンテンツを管理します。CTAを作成してストックできます。表示位置は投稿ページや固定ページにて設定可。ブロックエディタを使って任意のスライダーを作成可能です。作成したスライダーはコンテンツやウィジェットで使用できます。所謂テンプレートです。ウィジェットでも引用する事ができますので、これらの組み合わせによりページの編集が自由自在に。カスタムウィジェットプラグイン「Ace+」に付随するオリジナルウィジェットです。投稿一覧を任意の場所に配置します。投稿ページにて投稿者の紹介をします。キーワード入力するだけでマップを表示します。ページの見出しを拾って目次を生成します。クリックすると見出しの位置までスクロール。SNSシェアアイコンを設置します。マウスでホバーさせるとアイコンがちょっと浮きます。作成したスライダーを表示します。ブロックエディタで簡単に編集できます。あらゆる投稿タイプのコンテンツをウィジェットエリアに出力します。これでフッターも自由にカスタマイズ編集可。カスタムブロックプラグイン「Ace+」により有効化されるオリジナルブロックです。カスタムナビメニューサムネイル付きのスライドメニューなど、オプションが用意されています。カスタムフォント「Googleフォント」+「フォントファイルのアップロード」カスタムCSSCSSファイルを追加できます。商品設定では、プラグインにより追加された設定を施す必要があります。以下でご案内します方法をご参照ください。WooCommerce」を有効化した後、「WooCommerce」->「NPUCWC」ページのタブ「ツール」にて、「npucwc-client」のZIPファイルをダウンロードできます。これを展開し、販売するテーマやプラグイン内でインクルードします。Settings」という、トークンを保存できるページが追加されているか確認してください。確認ができましたら、テーマもしくはプラグインをZIPファイルにして、このプラグインを使って更新通知が届く商品としてアップロードする準備は完了です。オプションとして、プラグインのルートディレクトリに「icon.jpg」や「banner.jpg」を用意しておくと、更新通知用の画像として使用されます。更新される有効期限日数アクセス制限(プラグインにより追加)の5つです。ダウンロードの有効期限は、ダウンロードの有効期限を更新するオプションの際に、その更新日からの有効期限としても適用されます。注意点としてですが、有効期限を設定する場合、また、有効期限の更新を設定する場合は、ダウンロードファイルは各商品に付き1つの販売を推奨します。ダウンロードファイル設定ダウンロードファイルは商品ページでアップロードしてください。通常の投稿ページなどでアップロードする場合だと、一般に公開されている状態になっておりますが、商品ページでアップロードされたファイルは基本的にフォルダ「woocommerce_uploads」にアップロードされ、一般からの直接アクセスは不可です。商品ファイル選択ダウンロードファイルを選択したら、以下のようにパッケージのフォルダ名を名前の項目にご入力ください。商品パッケージタイプパッケージのタイプを選択します。標準設定の「なし」では、トークンは生成されません。選択また、現段階では「なし」以外の選択に特別な差異は設定されておりませんが、今後のアップデートで機能を充実させやすいように設定項目を追加しております。商品パッケージバージョン配信されるパッケージのバージョンです。こちらは一度設定した後は、「1.2.1」->「1.1.9」のように、現行より古いバージョン値は設定できない(保存されない)ようになっております。テストされたワードプレスのバージョンテストされたワードプレスのバージョンです。ダウンロードの有効期限の更新トークンの有効期限内であれば、販売元の購入商品のバージョンを比較し、新たに更新されていれば、更新情報を受け取る際に有効期限が新たに更新されます。更新された後の有効期限は、次の2つの設定項目で指定することが可能です。ファイル更新日こちらはダウンロードの有効期限の更新機能をオンにする場合、ファイルを更新する際に合わせて設定すべき項目です。クリックするとデートピッカーが機能して、カレンダーが出てきますので、日付を選ぶだけの簡単設定となっております。更新される有効期限日数ファイル更新日から何日間を有効期限とするか設定する項目です。ファイル更新日が「2018-09-20」でこちらの設定が「10」となっていると、ダウンロードと発行されるトークン有効期限日は「2018-09-30」となります。アクセス制限チェックを入れると、同じトークンを使用して更新情報を受け取ろうとする際、先着順で購入された数のみしか更新情報を受け取れなくなりますので、必要に応じてご利用ください。新着記事2019/05/24JavaScriptでウィジェットエリアHTMLを取得するにはワードプレスをヘッドレスで使用することを想定すると、フロントエンド側で困るのはウィジェットな気がします。以前、アップデートチェッカーを作成する方法を書いたことがあるのですが、そういえばZIPファイルについて書いていなかったのでちょっと追記するような形で書いておきます。以前Gutenbergのカスタムブロックの追加方法を紹介しましたが、今回は具体例と一緒に解説です。先に解説に役立つ知識として以下の記事を書いていますので、その紹介をしておきます。ワード2019/04/17メインクエリでループするブログページなどをエディタで編集可能にするには?ブログページなどをエディタで編集可能にするのは、ちょっと面倒なカスタマイズかもしれません。ワードプレスにはフロントエンドの基本的なページの種類として以下のような形になっています。jQueryテーマで簡単に設定できるようにテキストのエフェクトを追加できるようにしようと、試しでとりあえずこんな感じのエフェクトを1つ作成しましたので、備忘録として文字毎にエフェクトを与える方法を書いておきます。2019/04/08jQuery不要の便利なスライダー「Swiper」の使い方テーマ「Ace」で採用しているスライダーライブラリについての紹介です。この例はテーマ「Ace」でのスライダー機能で作成したデモですが、このようにネスト化して複数のエ2019/04/05ナビメニューに編集項目を追加する方法ちょっとだけ厄介なカスタマイズについてです。ナビメニューの設定項目を自由に編集したいと思った方もいるでしょう。Plus」などを使っている人が多くいらっしゃると思いますが、目次って実は結構簡単に作成出来ちゃいます。Icons(MDI)」を例に挙げて、使い方をさらっと紹介いたします。Export」の使い方ワードプレスの記事を含むデータをCSV/XMLでエクスポートする無料のプラグインツールの使用方法についてです。エクスポートするプラグインの数は、リポジトリから探してみると案外少ないので、個人的2019/05/24JavaScriptでウィジェットエリアHTMLを取得するにはワードプレスをヘッドレスで使用することを想定すると、フロントエンド側で困るのはウィジェットな気がします。以前、アップデートチェッカーを作成する方法を書いたことがあるのですが、そういえばZIPファイルについて書いていなかったのでちょっと追記するような形で書いておきます。以前Gutenbergのカスタムブロックの追加方法を紹介しましたが、今回は具体例と一緒に解説です。先に解説に役立つ知識として以下の記事を書いていますので、その紹介をしておきます。Apps」AMPもSSLもそうですが、簡易的なPWAもリポジトリからインストールできるプラグインで対応させてしまうことができます。WorkerというJavaScriptのAPIを使用するWPワークスダウンロードコンテンツやワードプレスのカスタマイズ方法を配信中。Ace検索ホーム上ウィジェット。