Question

这里总Wordpress新手问题。我想在我的网站的目标网页上添加一个按钮，其中包含指向用户访问的浏览器平台的应用程序的最新版本的链接 - 类似于Firefox在其网站上的内容：https://www.mozilla.org/en-US/firefox/new/ < / p>

所以URL看起来像这样： http://www.example.com/downloads/osx，但我希望将其重定向到更具体的内容，例如http//www.example.com/myapp_1.6.3.dmg（因此，每次发布新版本时，我都不必更新我的功能）。

这通常是怎么做的？看起来我可以编写一个短代码来执行浏览器嗅探，然后使用[bracket syntax]从页面调用短代码。但那又怎样？重定向在哪里定义？我只需要有人在这里连接点。

其他人试图解决此问题的更新。这就是我所做的。

的functions.php

在我的子主题的functions.php中，我添加了一个函数，用于根据浏览器报告的操作系统生成URL，并在init事件中注册该函数：

add_action('init', 'register_my_shortcodes');

function register_my_shortcodes() {
    add_shortcode( 'download_os_button', 'download_os_button_shortcode' );
}

function download_os_button_shortcode() {
  // Set the URL to whatever OS the browser is telling us (this can be spoofed)
  if ( stristr( $_SERVER['HTTP_USER_AGENT'],"mac") ) {
    $url = 'downloads/osx';
    $text = 'Free Download - Mac';
  } elseif ( stristr( $_SERVER['HTTP_USER_AGENT'],"windows") ) {
    $url = 'downloads/windows';
    $text = 'Free Download - Windows';
  } else {
    // Linux or mobile -- just point them to the general downloads page
    $url = 'download/';
    $text = 'Downloads';
  }

  // Return this as a hyperlink
  return '<a class=download-btn href=' . $url . '>' . $text . '</a>';
}

WordPress页面短代码

现在短代码[download_os_button]可以放在WordPress页面中，并根据操作系统发出以下其中一项：

<a class="download-btn" href="http://www.example.com/downloads/windows">Free Download - Windows</a>
<a class="download-btn" href="http://www.example.com/downloads/osx">Free Download - Mac</a>
<a class="download-btn" href="http://www.example.com/download/">Downloads</a>

请注意，还必须在.css文件中定义download-btn样式，使其显示为按钮。

其余的重定向内容可以通过几种方式处理。在我们的服务器管理员的建议下，我最终使用了两个.php文件 - 每个平台一个 - 来重定向;分别为.../httpdocs/downloads/osx/index.php和.../httpdocs/downloads/windows/index.php。 osx目录中的那个看起来像这样：

<?php
    header('Location: http://www.example.com/myapp_1.6.3.dmg');
?>

它要求每次发布产品时，这两个文件中的重定向都会得到更新。

另外，对于那些注意到Linux /移动超链接的URL拼写的人，我有一个单独的WordPress页面，其中包含完整的下载列表。如果你单独使用.php路由，请确保你有不同的拼写或.php文件结构将接管你，你将看不到你的WordPress页面。

Answer 1

1）.htaccess文件中的短代码和重定向

您可以创建一个包含2个属性的自动关闭wordpress短代码。 text和url：

// Copy this Shortcode to the function.php file located in your active child theme or theme.

if( !function_exists('download_dmg_shortcode') ) {

    function download_dmg_shortcode( $atts ) {

        // Attributes
        extract( shortcode_atts(
            array(
                'url' => '',
                'text' => '',
            ), $atts )
        );

        // Code
        return '<a class="button-dmg" href="' . $url . '">' . $text . '</a>';
    }
    add_shortcode( 'dload_dmg', 'download_dmg_shortcode' );

}

您将以这种方式使用它：
[dload_dmg url="http://www.example.com/downloads/osx" text="Download my App" /]

您可以在代码中更改类名，并添加更多html标记，以满足您的需求。

您以不同的方式进行重定向，但您可以在.htaccess文件中执行此操作，例如：

<IfModule mod_rewrite.c>
    RewriteEngine On
    RedirectMatch permanent /downloads/osx http//www.example.com/myapp_1.6.3.dmg
    # You can add this to force download for .dmg files:
    AddType application/octet-stream .dmg
</IfModule>

2）在onclick事件中包含javascript的短代码（最佳解决方案）

此自动关闭wordpress短代码还有2个参数，text和url。但这次url是重定向链接：

// Copy this Shortcode to the function.php file located in your active child theme or theme.

if( !function_exists('download_dmg_shortcode') ) {

    function download_dmg_shortcode( $atts ) {

        // Attributes
        extract( shortcode_atts(
            array(
                'url' => '',
                'text' => '',
            ), $atts )
        );

        // Code
        return '<a class="button-dmg" href="http://www.example.com/downloads/osx" onclick="event.preventDefault(); window.location.href = \''.$url.'\';">' . $text . '</a>';
    }
    add_shortcode( 'dload_dmg', 'download_dmg_shortcode' );
}

您将以这种方式使用它：
[dload_dmg url="../myapp_1.6.3.dmg" text="Download my App" /]
您需要微调url参数添加或删除../的路径，具体取决于激活短代码的页面路径。它与域名无法正常工作......

shortcode generator

如何在wordpress中创建特定于浏览器的下载链接

1 个答案: