小编Mik*_*ead的帖子

Wordpress - 如何将绝对链接更改为相对链接

我刚刚为客户完成了我的第一个 Wordpress 站点,并通过 FTP 传输将文件发送到他们的服务器。我刚刚收到以下评论——

……有些东西好像没有正确显示,或者链接不正确……看起来好像他们使用了绝对链接而不是相对链接,所以有些东西没有正确拉动……

我什至没有意识到这会是一个问题,因为我认为所有链接无论如何都需要更改。是否有可以在functions.php文件中修改的代码函数?我已经看到有一个wp_make_link_relative和以下过滤器 -

add_filter( 'post_link', 'wp_make_link_relative' );       // Normal post link
add_filter( 'post_type_link', 'wp_make_link_relative' );  // Custom post type link
add_filter( 'page_link', 'wp_make_link_relative' );       // Page link
add_filter( 'attachment_link', 'wp_make_link_relative' ); // Attachment link
add_filter( 'get_shortlink', 'wp_make_link_relative' );   // Shortlink
Run Code Online (Sandbox Code Playgroud)

我应该将这些应用到我的functions.php 文件中吗?这会解决所有问题还是我需要应用其他任何东西,例如插件?

php wordpress

6
推荐指数
1
解决办法
4612
查看次数

JavaScript - 必须刷新页面以显示粒子滑块徽标效果

我正在使用HTML 5 Blank Child Theme从Wordpress加载前端站点.我有一个使用粒子滑块的徽标效果,当我的屏幕尺寸> 960px时; 对于屏幕尺寸<960px我有一个平面徽标图像.这一切都很好,但是当我在徽标之间重新调整大小时,必须手动刷新页面(即按下cmd+ r)才能再次显示PS效果.如何纠正此问题,以便在重新调整尺寸后自动显示效果?

这是我的代码 -

粒子slider.php

<?php /* Template Name: particle-slider */ ?>
<!-- particle-slider template -->

    <div id="particle-slider">
        <div class="slides">
            <div class="slide" data-src="<?php echo home_url(); ?>/wp-content/uploads/2017/10/havoc_logohight.png"></div>
        </div>
        <canvas class="draw" style="width: 100%; height: 100%;"></canvas>
     </div>
     <script type="text/javascript">
        var ps = new ParticleSlider({ 'width':'1400', 'height': '600' });
     </script>
  <div id="logo"> <img src="<?php echo home_url(); ?>/wp-content/uploads/2017/10/havoc_logo.png"> </div>

  <!-- particle-slider template -->
Run Code Online (Sandbox Code Playgroud)

style.css文件

/* RWD for logo */

@media screen and (max-width: 960px) {


    #particle-slider …
Run Code Online (Sandbox Code Playgroud)

javascript css wordpress jquery resize

0
推荐指数
1
解决办法
695
查看次数

CSS / HTML-悬停时出现流浪破折号

我在包含产品合作伙伴徽标的网站上有一节。总共约有28个徽标-其中10个是指向单独产品页面的链接。当我将鼠标悬停在它们上方时,右下角会出现一个破折号,并且我找不到它的来源,这使我发疯。它出现在除最后一个链接的所有链接徽标图像上-再次,我看不到与该徽标图像的区别。这就是我的意思-

带有破折号的徽标出现

带破折号

无破折号

没有

它看起来像是一页代码中的破折号,但我什么都看不到-

partners.php

<div class="row">
  <div id="partnerimages" class="col-md">
    <a href="<?php the_permalink(76); ?>" id="adia">
      <?php if( get_field('axe_img') ): ?>
      <img src="<?php the_field('axe_img'); ?>" />
      <?php endif; ?>
    </a>
    <?php if( get_field('beachrotana_img') ): ?>
    <img src="<?php the_field('beachrotana_img'); ?>" />
    <?php endif; ?>
    <a href="<?php the_permalink(78); ?>" id="adia">
      <?php if( get_field('bloom_img') ): ?>
      <img src="<?php the_field('bloom_img'); ?>" />
      <?php endif; ?>
    </a>
    <a href="<?php the_permalink(80); ?>" id="adia">
      <?php if( get_field('bodytree_img') ): ?>
      <img src="<?php the_field('bodytree_img'); ?>" />
      <?php endif; ?>
    </a> …
Run Code Online (Sandbox Code Playgroud)

html css wordpress css3

-1
推荐指数
1
解决办法
112
查看次数

标签 统计

wordpress ×3

css ×2

css3 ×1

html ×1

javascript ×1

jquery ×1

php ×1

resize ×1