标签: processwire

该站点是在 ProcessWire CMS 中构建的，因此用于导航的 PHP

这可能最好用图像来解释。

这就是导航的外观

这就是它的样子

我完全不知所措。我试过z-index: 999导航，但没有任何影响。我使用的是 Android (Galaxy S8)，在 Chrome 和 Edge 上都没有遇到任何问题，但是我的同事都在 iPhone 7 上告诉我导航隐藏在身体后面。

<div class="nav-mobile pure-u-1" id="menu" style="z-index: 999">
        <ul class="navbar-mobile pure-img pure-u-1" style="z-index: 999
        ">
            <img src="<?php echo $config->urls->templates?>images/crest.png">
            <div class="icon-center">
                <i class="fa fa-bars fa-4x icon" id="openbtn" onclick="openMenu()"></i>
            </div>
            <?php

            $homepage = $pages->get("/");
            $children = $homepage->children;
            $children->prepend($homepage);

            foreach($children as $child) {
                $class = $child === $page->rootParent ? " class='on'" : '';
                echo "<li class='pure-u-1-9 font' ><a$class href='{$child->url}'>{$child->title}</a></li>";
            }
            ?>
            <div> …

我试图在 head.inc 文件中包含一些代码，该文件将检查该页面是否以用户的位置语言可用，如果可用，它将重定向到该页面。显然，这对 UX 来说不是很好，但可惜我的客户很热衷。

我需要克服的唯一问题是，如果用户已经被重定向，那么不要对每个页面都这样做……存储用户被重定向的事实，并且在会话结束之前不要再次这样做。类似的东西。

我已经编写了下面的代码，但是 a) 我不确定这是最好的方法，b) 它似乎卡在重定向循环中（我认为我已经通过第二次会话检查避免了）。

我正在使用 ipapi.com 来检查用户的位置。我也在使用 ProcessWire 的“$session”，它实际上与 PHP session 相同。

if (!$session->get("lucentLightingRegion")) {

    $session->set("lucentLightingSessionRedirected", "false");
    if ($page->ipapiGetUserLocation()['continent_code'] === 'NA') {
        $session->set("lucentLightingRegion", "NA");
        if ($page->viewable('na')) {
            $url = $page->localUrl('na');
            $session->redirect($url);
        }
    } else {
        $session->set("lucentLightingRegion", "INT");
        if ($page->viewable('default')) {
            $url = $page->localUrl('default');
            $session->redirect($url);
        }
    }

} else {

    $sessionRegion = $session->get("lucentLightingRegion");

    bd($sessionRegion);

    if ($page->viewable($sessionRegion) && $session->get("lucentLightingSessionRedirected") == "false") {
        $url = $page->localUrl($sessionRegion);
        $session->redirect($url);
        $session->set("lucentLightingSessionRedirected", "true");
    }

}

我正在开发一个新闻栏目,这是我第一次使用ProcessWire.我有以下代码:

                <?php
                $articles           = $page->children("limit=2");

                if(!empty($articles)):        
                    foreach($articles as $article):
            ?>

                <div class="news-article">

                    <div class="row">
                        <div class="small-12 medium-12 large-9 columns">
                            <a href="<?php echo $article->url;?>"><h3 style="padding-bottom: 15px;"><?php echo $article->title;?></h3></a>
                            <?php echo substr($article->body, 0, 375); ?>...
                            <p><a href="<?php echo $article->url;?>">Read full story &gt;</a></p>
                        </div>
                        <div class="small-12 medium-12 large-3 columns">
                            <img src="<?php echo $article->images->url . $article->images; ?>" style="margin: 20px 0 20px 0;" />
                        </div>
                        <div style="clear: both;"></div>
                    </div>

                </div>

                <style>
                .news-article {
                    padding:                20px 0 0 0;
                    margin:                 20px 0 20px 0;
                }
                </style> …