実はこんなこともできる！MW WP Formの便利なカスタマイズを紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。バックエンドエンジニアのまうみです。 今回はWordpressでお問い合わせフォームを実装する際の定番プラグイン、MW WP Formの知っておくと便利なカスタマイズを紹介します。 MW WP Formはシンプルなショートコードを生成し、簡単に確認画面付きのフォームを作成できることが特徴です。しかもカスマイズの幅もとてつもなく広く、応用次第で様々な案件に対応できるポテンシャルを持ったプラグインです。 今回は機能別に、「えっ、そんなこともできるの？」というようなMW WP Formのカスタマイズ技をご紹介します！ 出力されるタグのhtml構造を変更したい 例えばデフォルトのタグのDOMの構造を変更して、独自のclassを追加したい……そんなときのためのカスタマイズです。 プラグイン内で管理されているテンプレートパーツを、WordPressのthemeディレクトリにコピーすることで
WordPress 権限別に管理画面をカスタマイズする方法 - by Takumi Hirashima
WordPress 権限別に管理画面をカスタマイズする方法を紹介します。 例えば、寄稿者権限ユーザーに特定の項目だけを触らせたいときに便利な方法です。 権限別にサイドバーメニューをカスタマイズする方法 寄稿者権限の場合にサイドバーメニューをカスタマイズする方法 寄稿者権限の場合にサイドバーメニューをカスタマイズ 寄稿者権限でも画像をアップロード可能にする 他のユーザーがアップロードした画像を非表示 寄稿者権限でログイン時のみ専用のCSSを読み込む 権限別にサイドバーメニューをカスタマイズする方法 権限別にサイドバーメニューをカスタマイズする方法を紹介します。 次のコードをテーマファイル内の function.php に追加します。 /*【管理画面】権限別にサイドバーメニューの表示をカスタマイズ */ function remove_menus () { if (current_user_c
WordPressでWP-CLIを使って記事移行とかを少し楽にする | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ここのところ、「CSVからWordPressにデータを取り込みたい！」「ルールに沿って特定のカテゴリを違うカテゴリに付け替えたい！」などのお話を受けることが多かったので、苦労した点とかを共有したいと思います。 気軽なやり方 全然大したことない処理のときは、phpファイルを作って、WordPressだけ呼び出して処理ですね、お手軽。 <!--?php require_once "wp-load.php"; // パスは環境によって変えてね ?--> これを読み込んだら、WordPress関数が使えるので、CLIからphpとして実行したり、まあdocument rootにおいて実行して消すなりしちゃえばOKです。WordPress管理外じゃないけど、WordPressの記事を引っ張りたいときとかと一緒ですね。 たまに「wp-blog-header.php」を
GitHub Actions を使って WordPress のテーマをデプロイ（アップロード）する ｜https://wp.yat-net.com/name
2021年 10月 27日 GitHub Actions を使って WordPress のテーマをデプロイ（アップロード）する カテゴリ： WordPress タグ：GitHub FTP を使ったアップロードが面倒なのでなるべく Git と連携したデプロイをしたい。そうなると CI のサービスが割と主流なんですが、GitHub Actions を使うともっとお手頃にローカルからサーバーへデータ転送ができるのでやり方を書いておきます。 レンタルサーバー WordPress のお仕事だとエックスサーバーやさくらインターネットを使うことが多いのですが、この場合は転送に FTP を利用します。 まず設定するのは、リポジトリにある Settings の secrets に FTP 情報などを登録します。 ここで登録する内容は外部から見えないので安心して利用可能。 テスト環境と本番環境など転送先サーバ
たまに役に立つWordPressのカスタマイズ5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアのづやです。 ありがたいことに、この業界で15年程度生き抜くことができまして、質問を受けたりレビューをしたりする機会が多くなってまいりました。 しょっちゅう必要ではないのですが、カスタマイズが必要になった際に解決したことを今回まとめてみました。 非公開ページを親ページにしたい 皆様はWordPressをGutenberg（グーテンベルク）で使われているでしょうか。 URLを綺麗にしたいときなど、固定ページで非公開の親ページを選びたいときがありますよね。 page_attributes_dropdown_pages_argsとかquick_edit_dropdown_pages_argsにフックしてたと思うのですが、グーテンベルクになってからは、ここもrest apiで取得しているようで効かなくなってますよね。 add_filter( 'rest_page_query'
WordPress メディアのアップロードから画像が自動生成されなかった時の対処方法 - by Takumi Hirashima
WordPress メディアのアップロードから画像が自動生成されなかった時の対処方法を紹介します。 画像の自動生成を確認 GDライブラリーの確認方法 画像の自動生成を確認 まずは FTP でサーバーにアクセスして、メディアのアップロードで画像がアップロードされているかを確認。 そこで、サムネイルや他のサイズの画像が自動生成されているかどうかを確認します。 画像が自動生成されていない場合、PHP のGDライブラリー（画像ライブラリー）がインストールされていない可能性があります。 GDライブラリーの確認方法 GDライブラリーが環境にインストールされているかを確認するには、現在表示中のページのテンプレートに以下のコードを追加します。 <?php phpinfo(); ?> phpinfo() は現在の PHP の設定を確認することができます。 コードが正しく動くと、PHP の設定が表示されるので
WordPress で最大アップロードサイズを変更する方法 - by Takumi Hirashima
WordPress で最大アップロードサイズを変更する方法を紹介します。 例えば、2MBを超えるファイルをアップしたい時に便利な方法です。 functions.php に変更を加える方法 php.ini に変更を加える方法 サーバーの設定を確認 WordPress 側で最大アップロードサイズの変更を試す前に、まずはサーバーの設定を確認してください。 XSERVER やロリポップなどの主要なサーバーでは、サーバーの管理画面でファイルのアップロードサイズを管理している場合があります。 functions.php に変更を加える方法 WordPress でファイルの最大アップロードサイズを変更する方法を紹介します。 例えば、アップロードサイズを 5MB まで引き上げたい場合は、次のコードを functions.php に追加します。 /* WordPressで最大アップロードサイズを変更する
WordPressのファイルアップロードでファイル名をリネームする方法
WordPressのファイルアップロードでファイル名をリネームする方法を紹介します。 １．問題点 WordPressのファイルをまとめてアップロードしたいのですが、ファイル名をアップロード時のタイムスタンプに統一したいと思ってます。 ということで、ファイルアップロードでファイル名をリネームする方法を紹介します。 参考までに、WordPressのアップロード先は、 wp-content/uploads/YYYY/MM です。 ２．ファイルアップロードでファイル名をリネームする ファイル名をリネームするには、function.phpに下記のコードを追加します。 function rename_file($filename) { $pathinfo = pathinfo($filename); return date("YmdHis") . "." . $pathinfo['extension'
WordPressのメディアをfigure+figcaptionにする小粋な春の装い | 高橋文樹.com | プログラミング
この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 画像につけられるキャプションというのはなかな味わい深く、つまらない写真でもクスリと笑わせることができてしまいます。boketeなんかはその極みといった感じでしょうか。 html5からfigure要素とfigcaption要素というのが追加され、まさにこの画像+キャプション芸のためのマークアップが爆誕しました。 WordPressでも画像を挿入した際にキャプションを入れることができるのですが、キャプション付きの画像を挿入した際のマークアップはdivになってしまいます。これはお洒落じゃないですねー。よくないです。 WordPressのキャプションはwp_captionというショートコードで実現されていますが、このショートコードは内部にフィルターを用いています。このため、さくっと
WordPressの記事内の画像をData URIで扱ってサイトを高速化させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、CTOのづやです。 WordPressを利用していた際、サイト高速化の実験として記事詳細ページで使用する画像をData URIにできないかなと思い、以下のことを試してみました。 記事詳細ページで使用する画像をData URIで扱ってみた なるべくすぐ戻せるように、通常の画像サイズも選べるような作りを目指して、アップロード時点でBase64エンコード版のサイズを用意する形で実装しています。 functions.phpに記載する形です。 // 画像サイズ名を定数で宣言(今回はbase64って名前で作成しています) define("BASE64_IMAGE_KEY" , "base64"); // エンコードする画像のサイズを追加しておく add_image_size(BASE64_IMAGE_KEY , 400 , 400); // 画像ファイルアップロードのメタデータ保存の際にエ
メディアライブラリに格納されている全ての画像を取得して表示させたい
メディアライプラリのファイルの質問をさせてください。 各ユーザーが投稿した添付ファイルが格納されているメディアライプラリにある全ての画像ファイルを取得してテンプレートファイルに表示させたいです。 また、そのとき、画像にリンクをつけて別ページで開くようにしたいです。 テンプレートファイル名はphotograph.phpです。 下記の内容で記述しましたところ何も表示されませんでした。 <?php $p_img = get_post_meta($post->ID, ‘p_img’, true); echo $p_img[0];*/ ?> 取得方法、表示方法をご存知の方お手数ですが教えて頂ければと思います。 宜しくお願い致します。 こんばんは。 get_post_meta はCodexの説明にもある通り、特定の投稿のカスタムフィールドのキーから値を取得する関数なので、今回のような用途には使えません
メディアファイル（画像など）の表示 | Web Design Leaves
WordPress でアップロードした画像は、ヘッダー画像も含めて「メディア」→「ライブラリ」で一元管理されていて、画像に関するデータは投稿記事と同じようにループを使用して取得することができる。 記事本文に「画像を挿入」しなくても、投稿（固定ページ）画面から画像をアップロードした時点で、メディアライブラリに現在の記事の子記事として添付メディアファイルが対応する。 記事の添付メディアファイルを出力する（get_children） get_children テンプレートタグで子記事としてメディアファイルを取得し、取得した複数枚の画像ファイルのタイトル、画像、説明を foreach によってループさせ、全ての添付メディアを出力させる例。 <?php while(have_posts()): the_post(); ?> <h1><?php the_title(); ?></h1> <?php t
WordPressのアイキャッチ画像の設定と使い方
Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。 WordPressで「アイキャッチ画像」を設定する方法と使い方を解説します。WEBサイトに「アイキャッチ画像」があるとないとでは、訪問者の離脱率が変わると言われていますので設定しない手はありませんね。それと、アフィリエイトでの商品（サイト）を紹介する場合にもWordPressのアイキャッチ機能は大変重宝します。アイキャッチ画像は、トップページ、カテゴリー、タグページや関連記事の表示等に使いまわすことができるので大変便利です。 アイキャッチ画像の設定方法まず、function.phpに下記を記載します。 <?php add_theme_support('post-thumbnails'); ?>次にWordPressの管理画面で以下の手順で設定していきます。
Dropboxに保管している画像からアップロード出来る様にするWordPressプラグイン・Dropbox Photo Sideloader - かちびと.net
人気のストレージサービス・Dropbox に保管している画像の中からアップ ロードできるようにするWordPressの プラグイン・Dropbox Photo Sideloader のご紹介。Dropboxユーザーさんに とってはちょっと便利かもですね。 Dropboxに入れてる画像を記事等に投稿できるようにする、というWordPressのプラグインです。 Dropboxから画像をアップロードできるようにできるプラグイン。有効化すると画像アップロードのタブにDropboxから選択する項目が追加されます。 Dropboxでアプリ登録する必要が有ります。以下手順。 プラグインを有効化して画像アップロード画面を出す 管理画面でプラグインを有効化したら画像アップロード画面を出してください。Dropboxの項目が追加されているはずです。 選択すると、上記画像の画面になります。Dropboxでアプリ登
WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させる - かちびと.net
覚えておきたいTipsだったのでメモ。WordPressでのJPGの画質を少しでも改善させよう、という方法です。手軽に出来るので覚えて置いて損は無いかと思います。設定されている圧縮比を変更する、という方法。 今まで知らなかったんですけど、覚えておくといいかも。 リサイズ機能 WordPressにはリサイズ機能があります。例えば横幅500pxの画像をアップロードした際、300pxの幅で使いたければ上記のようにサムネイルを選択出来ます。 foo.jpgという名のファイル名なら「foo-300×225.jpg」という、リサイズされた画像を生成してくれます。 デフォルトは90％ この際の圧縮比がデフォルト値では90％になっています。wp-includes/media.phpの410行目あたりには image_resize( $file, $max_w, $max_h, $crop = false,
ベーシック認証環境下でWordPressの予約投稿の失敗、Flashアップローダー動作不能、XML-RPCからの画像アップロード失敗をまとめて解決する方法
WordPressを本格的に利用してみようと検討するためにローカル環境ではなく、ベーシック認証によってアクセス制限されたネットワーク環境下で運用している場合、予約投稿に失敗したり、Flashアップローダーが動作せず途中で止まったり、XML-RPCから投稿しようとするとなぜか投稿できなかったりといった問題が発生します。これらはすべてベーシック認証が邪魔しているのが原因なので、認証を外せばエラーは起きなくなるのですが、それだと本質的な問題解決になりません。 何が原因かと思って調べてみたところ、解決方法を日本語で書いたページが検索した範疇では見あたらなかったため、メモしておきます。中には仕事で同じような問題にぶつかり、解決できなかったと書いている人もいたので、覚えておいて損はないはずです。また、ほかの問題にも応用の利く解決方法です。 というわけで、実際にベーシック認証が原因でWordPressが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アイキャッチ画像＆手軽に設定できるようにするプラグイン | Digi-Cyber.net