1

空白の WordPress ダッシュボードを作成し、空きスペースに iframe を挿入しようとしたときに、iframe の高さは固定しかできないことがわかりました。

しかし、このカスタマイズをうまく統合するには、100% の高さが必要です。

このWordPress StackExchange Q&Aでは、完全に空白のダッシュボードを作成し、アイコンとタイトル、画面オプション、およびすべてのウィジェット (デフォルトおよびプラグインによって追加) を非表示にする手法を書きました。

空白ではない WordPress ダッシュボード

次の jQuery を使用して iframe を挿入すると、管理スタイルシートに追加する CSS に関係なく、100% の高さを占有しません...

$('#wpbody').html(
    '<iframe src="http://example.com" 
     frameborder="0" id="myframe"  
     style="height:100%;margin:0;padding:0;left:0;top:0" 
     scrolling="auto" width="100%" height="100%"></iframe>'
);

問題は、その iframe ですべての#wpbodyスペースを埋めてそのままにしておく方法です。

4

1 に答える 1

2

このブログ投稿 で解決策を見つけました(たくさんのジム、美しいコードに感謝します!) .

そのWordPress StackExchange Q&Aと組み合わせると、以下はダッシュボード画面内にフルサイズの iframe を表示します。

add_action( 'admin_head-index.php', 'wpse_73561_dashboard_scripts' );

function wpse_73561_dashboard_scripts() 
{
    ?>
        <style>
            .wrap h2, .postbox .handlediv, #icon-index { display:none }
            #wpcontent { margin-left:0 !important }
        </style>
        <script language="javascript" type="text/javascript">   
            function sizeIFrame() 
            {
                var helpFrame = jQuery("#myframe");
                var innerDoc = (helpFrame.get(0).contentDocument) 
                ? helpFrame.get(0).contentDocument 
                : helpFrame.get(0).contentWindow.document;

                helpFrame.height(innerDoc.body.scrollHeight + 35);
            }

            jQuery(function() 
            {
                sizeIFrame();
                jQuery("#myframe").load(sizeIFrame);
            });

            jQuery(document).ready(function($) 
            {
                $('#wpbody').html(
                    '<iframe src="http://example.com" 
                     frameborder="0" id="myframe" 
                     style="margin:0;padding:0;left:0;top:0" 
                     scrolling="auto" 
                     width="100%" height="100%"></iframe>'
                );
            });
        </script>   
    <?php
}
于 2012-11-22T02:38:07.790 に答える