This post is written only in Japanese. If you want read it in English, please leave a translation request. WooCommerceにはマイアカウントと呼ばれる会員専用ページがあります。マイアカウントではデフォルトで以下のリンクが存在します。 ダッシュボート ご注文 ダウンロード 住所 アカウント詳細 ログアウト 実際にご覧になりたい方は私たちが用意しているWooCommerceのデモサイトをご覧ください。 メニューをカスタマイズする さて、実際にWooCommerceを運用し始めると、クライアントワークで特によく言われるのですが、「ダウンロードを消してほしい」ということが言われます。 WooCommerceはデジタルコンテンツのダウンロード販売や、通常の商品にダウンロードファイルを付属

[WordPress]カスタムフィールドをクイック編集で保存する方法について 更新日: 2019/10/18 公開日: 2014/09/28カテゴリー: WordPress 分かりやすいように、作業に入る前に予め記事へカスタムフィールドを追加しておきましょう。 投稿の編集ページ右上にある「表示オプション」をクリックし、「カスタムフィールド」にチェックを入れてカスタムフィールドの編集ボックスを表示します。 今回私は名前を「weather」にして天気情報を保存するカスタムフィールドを作成しました。 （以降のソースコードはjQuery以外、functions.phpに記述します。） 2014年9月30日追記： カスタムフィールドをチェックボックスで保存するソースコードも追加してみました。 １．投稿一覧に項目を追加するまず始めに、投稿一覧に「今日の天気」を表示するための項目を追加します。項目の追加

Illustrator で、選択したテキストのフォントを変更する場合、書式メニューや文字パネル、コントロールの文字をカーソルで操作すると思います。 このフォントを変更する行為って、地味にクリック数が多かったり、やたらと長いプルダウンメニュー（ドロップダウンメニュー）から選択しなければならなかったり、フォントを絞り込むためにフォント名を入力したり… 何かとめんどくさいです。 それらの不満を解消するために、ぼくらは自作のフォント変更スクリプトを導入しています。このスクリプトを使うことで、面倒なドロップダウンメニューを表示せずに、ダイアログでフォントを変更することができます。機能は極めてシンプルですが、いろいろな不満が解消できます。 不満点とともに、スクリプトの機能を軽く説明させていただきます。 プルダウンメニューがとにかく使いづらい 書式メニューや文字パネルなどで導入されているプルダウンメニュ

お問い合わせ頂いたので記事にします。 WordPressのfunctions.phpは便利なの はよく分かりますが、結局何が出来るの か分からないのでこんな事できる、という のがあれば教えて欲しいとのことでした。 僕も詳しくないので僕も教えて欲しいんです が、一応書いてみます。 基本的にfunctions.phpはちょっと機能を追加したい、という時に使うものだと思うのでデフォルト機能やプラグインで済むならそうしたほうがいい気がしますのであまり拘らなくてもいいかと思います。 それでも、やはりお仕事ではよく追加する機能はありますのでそれをご紹介します。 ※ウィジェットは割愛しますね カスタムポストタイプ add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'exa

Tweet Tweetお客様にWordpressを納品する場合、物件登録や施工例などのように特定の投稿に特化した 専用の投稿画面 が必要になることがほとんどです。最近実装する機会がありましたので参考に。必要に応じて追加削除してください。 実現するために必要な要素は： カスタム投稿タイプで投稿画面を独立させる カスタムフィールドで入力支援 投稿画面をCSSで体裁もカスタマイズ RSS発信に追加 プラグイン化する？（おまけ） カスタム投稿タイプで投稿画面を独立させる カスタム投稿タイプを定義する関数は、register_post_type です。 以下の例は codex のサンプルをベースにラベル類を「物件」に置き換えた例です。 functions.phpに記述します。 add_action('init', 'my_estate_init'); function my_estate_init(

WordPressのカスタム投稿タイプでメンバー紹介ページを作成先日公開したFrogのサイトは例のごとくWordPressを使って制作しました。ブログで使う「投稿」や、その他の「ページ」とは区別して、これからも増えていくであろうチームメンバーの一覧＆詳細ページを、カスタム投稿タイプという機能を使って作成したので手順を公開。企業サイトに従業員一覧ページを用意しているところも多いと思うので、参考になれば幸いです。 Frog のサイト 目標 - こんなページを作りますFrog のチームメンバーページを実例として紹介します。カスタム投稿タイプを設定するための WordPress プラグインもありますが、今回はプラグインを使わず設定。プラグインを使わなくても意外と簡単に設定できますよ :) チームメンバー一覧ページ チームメンバー個別ページ 以下の要素を表示します。 名前職業顔写真SNS リンク概要

WordPressのカスタムメニューをサブタイトル付きにカスタマイズ。 Category:Wordpress 定番のメインメニューの一つである説明文付きのメニューをカスタムメニューでも管理する方法をご紹介。 説明文付きのメニューとは？ サンプルとしてこういうメニューのやつです。 これの文字要素を全てカスタムメニューから管理できるようにするのが今回の目的です。 カスタムメニューの説明から まずWordpresのカスタムメニューの説明から行います。Wordpressではメニュー要素を管理画面から変更、管理できる機能があります。 自由にリンク先の指定をしたりドラッグでメニュー構造を入れ子にしたりする事も可能です。 カスタムメニューを使うには外観→テーマ編集からfunction.phpを選択して以下のコードを記載します。 add_theme_support( 'menu' ); でメニューを表示し

WordPressで編集者に管理画面の外観を変更できる権限を与える方法 技術wordpress2012/12/28 こんにちは。 今回はWordPressの小ネタです。WordPressにはユーザで「編集者」とういうものが存在します。 編集者は通常、管理画面で外観をさわることができません。その場合、テーマ内の「functions.php」に以下のコードを書いてあげるとさわれるようになります。 //外観の使用可 if (!current_user_can(‘level_10′)) { //level10（編集者）以下のユーザーの場合 // 編集者に管理パネル設定へのアクセスを許可を与える get_role(‘editor’)->add_cap(‘edit_theme_options’); } これで、たとえば、 ・お客様に納品した際に、管理者権限は与えたくないけど外観をさわらせたい時

2011年4月12日 wordpressで、Contact Form 7＋jQueryを使って、セレクトボックスの項目を動的に生成させる方法。 「当ブログで一番好きな記事はどれですか？」という質問を作る場合 wordpressのプラグイン「ContactForm7」は、記事内からショートコードでフォーム全体を呼び出すため、セレクトボックスの項目を動的に生成させようと思うと、Javascriptなどを使って、フォーム表示部分とは別にコードを追加する必要があります。 今回は例として、「一番好きな記事はどれですか？」という質問に対して、ブログの記事タイトル一覧から選択できるようなフォームを作る方法を説明します。 ContactForm7側の設定 ContactForm7の設定画面で、とりあえず、フォーム内にドロップダウンリストを、名前を「favorite」、ID名を「select-title」、

郵便番号を入れたら住所欄に住所が入ると入力すると楽ですよね。以前郵便番号から住所を入力するのに便利な、ajaxzip3というjavascriptを使ってフォームを作ったことがありました。 その経験を活かして、WordPressで定番のContact Form 7に郵便番号を入れたら住所が入る、というカスタマイズをしてみました。 この記事は古いのでぜひ新しい記事→【2016年版】Contact Form 7で郵便番号を入れたら住所が入るようにする　の方をご覧くださいm(_ _)m ajaxzip3の基本的な使い方 使い方はとても簡単です。普通のhtmlだったらこんな感じです。 1.headにscript行をを入れる </head> の上に、 <script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></scrip

Windowsのイルカ並に消されてしまう不憫な子…（？） 脳内イメージはこんな感じです。 日本公式キャラクター「わぷー」 冗談はさて置き本題に入ります。 目次 オリジナルのCSSを追加 オリジナルのウィジェットを追加 「概要」にカスタム投稿を追加 「アクティビティ」にカスタム投稿を追加 ウィジェットの削除 ウィジェットのカラム数を変更 フッターのテキストを変更 オリジナルのCSSを追加 カスタマイズする上で重要ですよね。 ダッシュボードに限らず管理画面のカスタマイズで、最初の内は悩んだらとりあえずCSSで対応！という感じでいける部分もあると思います。 以下の例では記事中で紹介しているものを入れてます。多い場合は外部ファイルにまとめてしまっても良いですね。 function custom_dashboard_styles() { ?> <style> #dashboard-widgets-w

WordPressのメディアのサイズは3種類ですが、このサイズを追加する方法をご紹介します。function.phpに一行追加するだけという超お手軽な方法です。 まえがき WordPressで画像をアップロードすると、デフォルトの設定だと 「サムネイル（150×150）」 「中サイズ（300×300）」 「大サイズ（1024×1024）」 のサイズで画像が自動的に切り出されます。このサイズをただ変更したい場合は「設定」→「メディア」から編集することができるのですが、サイズが3つだけでは足りない場合、自分の好きなサイズを簡単に追加することが出来ます。 その方法をご紹介します。 function.phpに、追加したいメディアサイズのコードを追記 お使いのテーマのfunction.phpにちょっとコードを追加するだけでカスタムサイズを作成することができます。 add_image_size( $n

WordPressのギャラリーなんですが、テーマに合わせてCSSでちょっとカスタマイズしたい時ありますよね。 でもWordPressのギャラリーのCSSってHTMLの <body /> の中に埋め込まれちゃうので、テーマの style.css でカスタマイズしようと思ったら、意外とめんどくさかったりします。 デフォルトのCSSを無効化する。 上述のようにデフォルトで <body /> に埋め込まれるCSSは、以下のソースをテーマの functions.php に記述するだけで無効化できます。 無効化したら、あとはテーマのstyle.cssでカスタマイズすればオッケー。 ついでにHTMLもカスタマイズ HTMLのカスタマイズは、Codexでも方法が紹介されてます。 ショートコードを以下のように記述すればオッケー。 [gallery itemtag="div" icontag="span" c

Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディア