石川＠Vektor,Inc.
フォーラムへの返信
-
投稿
-
不動産サイトであれば概要としては
1. 不動産情報用のカスタム投稿タイプを追加する
2. 不動産情報用のカスタム投稿タイプに対するカスタム分類（俗に言うカテゴリーの事。間取りや設備など）を登録
3. トップページに指定した固定ページに VK Filter Search で検索ボックスを配置。
その時検索対象の投稿タイプを 1 で設定したものを指定
4. 検索結果はWordPressの検索結果ページに反映されるという事になりますが、そもそも論で 1 と 2 の意味はわかりますか？
とりあえず下記を一度見てみて下さい。
■ 動画で参照している資料
https://github.com/vektor-inc/lightning-g3-lesson-real-estateWordPress 6.0 のバグとして報告が上がっており、6.0.1 で修正されるようです。
https://core.trac.wordpress.org/ticket/55837
6.0.1 までの間の修正コードを現在試している状況です。
できましたらまた追って返信いたします。
具体的のどの場所に何をしたいのかによって、書くコードが変わるので回答は難しいのですが、
単純に要素の追加なら以下を参考に親ファイル内の
do_action() の記述のあるところにアクションフックで挿入すれば良いのではないかなと思います。おそらくこれではないかと…思われます…
> 自作の入力画面を用意して
これがどういう入力画面を想定している（どうカスタマイズしたい）のかわからないので回答が難しいです。
※ 入力画面を作るよりも更新手順の動画を用意するなども有りかなと思います。
Lightningのご利用ありがとうございます。
基本 VK Blocks Pro の 「投稿リストブロック」 をご利用いただく想定でいます。
■ 最新の投稿 の利用について
VK Blocks Pro の投稿リストブロックでは本文は表示できないので、本文を表示するために WordPress標準の 最新の投稿 ブロックを使う場合で、アイキャッチ画像を表示して、アイキャッチに回り込み指定した場合、本文要素を文字だけで画像のまわりに普通に回り込ませ、画像の高さを越えたらそのまま回り込ませたいのか、アイキャッチ画像の下は余白になるレイアウトにしたいのか好みがわかれるので、スタイル指定していません。
また、投稿リストなのに本文を表示する場合、それに加えてアイキャッチが記事の最初左に表示となると、
「同じ本文なのに、投稿リストと記事詳細でレイアウトが違う」という形になります。最新の投稿 ブロックで全文を表示するなら
アイキャッチ表示+画像回り込みの組み合わせは使うべきではないと考えています。
投稿リストに本文を表示するケースで最初にアイキャッチ画像を表示したい場合は、最新の投稿にはアイキャッチ画像を表示しないで、必要に応じて本文内に画像を配置したほうが、投稿リストと記事詳細で同じレイアウトになると思います。
ただ、個人的には 最近の投稿 で記事全文を表示するのは一覧性が悪いので、全文 より 抜粋 のほうがおすすめです。
該当のURLがあれば調整のCSSの提案はしやすいです。
おそらく少し JavaScript をかじった方が見ればそんなに難しくはないと思います。
「JavaScript 特定のdom 要素を追加」
とかで検索すると参考になる記事が出てくるのではないかなと予想。
以下の理由でショートコードを使えるようにする対応は見送らせていただきます。
* セキュリティーホールの温床となりそう
* 該当箇所が多い
* すべてのページで表示されるボタンに対して、詳細ページ専用のパラメーターが付くのは実装方法として王道ではないその上で、URLにパラメーターを自動でつけたい場合は javascript などで実装する事ができます。
is_singular() の場合に JavaScript で、特定の対象セレクタの href に対して、 get_the_title() で取得したパラメーターを付与する
というような処理です。
具体的なコードについては、僕が時間をかけて個別の案件に回答しすぎると全体の開発が全く進まなくて全ユーザーに悪影響になるので、上記参考にトライするか、他の方の回答を待つか、 https://showcase.vektor-inc.co.jp/ 掲載の方に有償で発注などご検討ください。
G3 Pro Unit を 0.20.0 にバージョンアップした上で、
下記の子テーマの functions.php などに貼り付けるか…add_filter( 'header_top_tel_icon', function( $header_top_tel_icon ) { $options = get_option( 'lightning_header_top_options' ); if ( ! empty( $options['header_top_tel_icon'] ) ) { $header_top_tel_icon = $options['header_top_tel_icon']; } return $header_top_tel_icon; } ); add_filter( 'header_top_contact_icon', function( $header_top_contact_icon ) { $options = get_option( 'lightning_header_top_options' ); if ( ! empty( $options['header_top_contact_icon'] ) ) { $header_top_contact_icon = $options['header_top_contact_icon']; } return $header_top_contact_icon; } );プラグインとして扱いたい場合は
1. 下記を lightning-g3-pro-unit-allow-header-top-image.php みたいな名前で保存
2. lightning-g3-pro-unit-allow-header-top-image 似たいなフォルダを作って1のファイルを入れる
3. zip に圧縮して管理画面からインストールするか、サーバーに直接アップロードして有効化でいけると思います。
<?php /** * Plugin Name: Lightning G3 Pro Unit allow Header Top icon image * Description: アイコンフォントの入力欄で img タグを利用できるようにします * Version: 0.0.0 * License: GNU General Public License v2 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html */ add_filter( 'header_top_tel_icon', function( $header_top_tel_icon ) { $options = get_option( 'lightning_header_top_options' ); if ( ! empty( $options['header_top_tel_icon'] ) ) { $header_top_tel_icon = $options['header_top_tel_icon']; } return $header_top_tel_icon; } ); add_filter( 'header_top_contact_icon', function( $header_top_contact_icon ) { $options = get_option( 'lightning_header_top_options' ); if ( ! empty( $options['header_top_contact_icon'] ) ) { $header_top_contact_icon = $options['header_top_contact_icon']; } return $header_top_contact_icon; } );■ 原因
アイコンフォントを指定する入力欄に入力する内容は、
初期の頃は Font Awesome のクラス名のみを入力する方式だったが、
後に Font Awesome 5 の時にクラス名のルール変更や、の Font Awesome のサイト自体が i タグ全体をコピーする前提のUIのため、それに対応するため、アイコンフォント登録フォームを新規実装した箇所では i タグ全体を入力する方式で実装に変更→ 入力場所によってクラス名だけ入力するケースと i タグ全体を入力するケースがあったり、Font Awesome のバージョンが古い場合はクラス名だけ入力、 Font Awesome 5 以降の場合は i タグ全体で入力などバラバラになってユーザーが混乱する状態になった
→ ユーザーがどちらの形式でアイコンフォントを指定（入力）してあっても適切な i タグに変換して出力するように Font Awesome 制御用の独自ライブラリを使用して出力するように、 G3 Pro Unit の仕様変更
→ Font Awesome のアイコンフォントを出力するためのライブラリなので、iタグしか出力しないのが仕様として正しい
→ img タグは表示されなくなる。
—
■ 従来通り標準で入力欄に img タグも使えるように Font Awesome 出力用のライブラリを仕様変更できないか？
→ 「Font Awesome を適切に扱うためのライブラリ」なので、img タグを使えるように変更するのは間違っている
■ そのほかの対策
G3 Pro Unit の「ヘッダートップの電話アイコン」と「ヘッダートップの問い合わせアイコン」 に改変用のフィルターフックを追加して、管理画面で入力された内容をそのフィルターを通してそのまま出力するように改変用プラグインを用意するのでそれを各サイトに適用して運用いただくというのが一番妥当ではないかと思います。
ただし、この方法は改変する場所を決め打ちで変更するので、上記２箇所以外に、後からここもあそこもとなると手間なので、本当にその２箇所で良いか確認願います。
