サポート » バグ報告と提案 » ページ編集画面で編集モードの切り替えをするとボタンのリンクが切れる

  • 初めまして。
    初めて投稿します。

    ページ編集画面で、テキストモードでボタンのリンクをつけた後、ビジュアルモードへ切り替えを行うとなぜかボタンのリンクがなくなってしまうという現象が発生しています。
    なので、現状テキストモードでしか編集できず、効率が悪いため非常に困っています。

    どなたかこういったご経験をされた方はいらっしゃいませんか?

    ヘルプの必要なページ: [リンクを見るにはログイン]

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • こんにちは、

    テキストモードとビジュアルモードを切り返しながら編集すると問題が起きるといった質問が時々ありますが、たぶんバグではありません。

    対処法はいくつかあると思いますが、WEBサイトを確認したところ 問い合わせリンク ダウンロードリンクを要所に貼り付けたいという事だと思いますので、

    件数が限られているなら、フィルターを使ってみるといいと思います。

    PHPなので自己責任で、(間違うとログインできなくなります。)

    
    <?php
    add_filter('the_content','my_link');
    	
    function my_link($content){	
    
    	$replace_pairs = array(
    		'%%download-link%%'=> '<input type="button" onclick="window.open(\'http://example.com/filedownload/\')" value="資料ダウンロード">',
    		'%%contact-link%%' => '<input type="button" onclick="window.open(\'http://example.com/contact/\')" value="サプライヤに申し込む">',
    		);	
    	return strtr( $content, $replace_pairs );	
    }
    ?>
    

    このフィルターを追加すると、ビジュアルエディターで%%download-link%%,%%contact-link%%と記述すると、ボタンが表示されると思います。

    リンクexample.comの部分は、読み替えてください。

    こんにちは

    リンクを新しいタブで開くのであれば、単純に a タグでいいのでは?

    <a href="http://example.com/filedownload/" target="_blank" rel="noopener"><input type="button" value="資料ダウンロード" /></a>
    <a href="http://example.com/contact/" target="_blank" rel="noopener"><input type="button" value="サプライヤに申し込む" /></a>

    ※ URL は実際の URL を記述してください。

    • この返信は2 ヶ月、 3 週間前に  ishitaka さんが編集しました。

    @ishitaka ご回答ありがとうございます!

    aタグにするとレイアウトが左寄せになってしまいます。
    text-align:centerで中央ぞろえにしようとしますが、うまくいきません
    これを中央ぞろえにするにはどうすればよいでしょうか?

    • この返信は2 ヶ月、 3 週間前に  taigamiwa さんが編集しました。
    • この返信は2 ヶ月、 3 週間前に  taigamiwa さんが編集しました。

    @nobita

    ご回答ありがとうございます!
    すみません、phpはどの箇所に張り付ければよろしいでしょうか?

    すみません、phpはどの箇所に張り付ければよろしいでしょうか?

    functions.phpですけど、@ishitaka さんのやり方が安全ですね

    以下のようにすると、多分、中央に揃いますよ

    
    <p style="text-align:center;">
    <a href="http://example.com/filedownload/" target="_blank" rel="noopener"><input type="button" value="資料ダウンロード" /></a>
    </p>
    

    @nobita

    解決しました!
    ありがとうございます。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。