小编Tim*_*URA的帖子

Wordpress菜单 - 将类添加到锚点

尝试将标准引导程序"nav-link"类添加到Wordpress菜单呈现的锚点.至今 ...

1 /我可以将变量传递给wp_nav_menu()

<?php wp_nav_menu(array(
                            'theme_location' => 'header-menu',
                            'menu_class' => 'navbar-nav',
                            'container' => 'false'
        ) );
        ?>
Run Code Online (Sandbox Code Playgroud)

并将类应用于菜单,并删除包含div.

2 /然后我使用Wordpress外观>菜单UI将"nav-item"类应用于li标签.

问:如何将类应用于wordpress菜单锚点

wordpress wordpress-theming

11
推荐指数
2
解决办法
1万
查看次数

如何在Bootstrap 4中均匀分隔Navbar元素

为网站构建引导程序导航.

我在解决导航栏上的导航链接元素的最佳空间方面遇到了一些麻烦(并且继续看起来很适合移动设备).

我的导航栏代码是:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-toggleable-md">
  <div class="container">
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul id="menu-main-nav" class="navbar-nav">
        <li id="menu-item-42" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-6 current_page_item menu-item-42"><a href="XXX" class="nav-link">HOME</a></li>
        <li id="menu-item-963" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-963"><a href="XXX" class="nav-link">SERVICES</a></li>
        <li id="menu-item-40" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a href="XXX" class="nav-link">ABOUT US</a></li>
        <li id="menu-item-40" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><a href="XXX" class="nav-link">CONTACT</a></li>
      </ul>
    </div>
  </div>
</nav>
Run Code Online (Sandbox Code Playgroud)

我目前有四个导航元素.我首先考虑将width = 25%添加到nav-link类.但是认为这会为移动视图带来问题.

另外,如果我最终在导航栏中添加第五项(从WordPress Appearnce> Menus添加),我怎么能让我的代码适应呢?

css wordpress twitter-bootstrap bootstrap-4

8
推荐指数
1
解决办法
1万
查看次数

Bootstrap-跨多个选项卡实现表单

我正在使用引导程序选项卡来构建“创建新咨询”表单,其基本结构如下:

<div class="tab-content">

  <div class="tab-pane fade show active" id="step1">
    <form method="post" action="/consults">

    </form>
  </div>

  <div class="tab-pane fade" id="step2">
    <form method="post" action="/consults">

    </form>
  </div>

  ...etc

</div>
Run Code Online (Sandbox Code Playgroud)

我的表单有5个选项卡式部分,每个选项卡中都有一个表单元素。

现在,我想在整个选项卡集合中使用一个表单元素(一次将所有表单数据提交到数据存储区)。我尝试了这个:

<div class="tab-content">

  <form method="post" action="/consults">

    <div class="tab-pane fade show active" id="step1">   

    </div>
    <div class="tab-pane fade" id="step2">

    </div>
    ...etc

  </form>

</div>
Run Code Online (Sandbox Code Playgroud)

然后,我发现选项卡出现了问题(例如,一次渲染多个选项卡等)。

我理解为什么会这样,但是我不确定跨多个选项卡实现表单的正确方法。

javascript tabs twitter-bootstrap

5
推荐指数
2
解决办法
1万
查看次数

移动设备上的Bootstrap 4中心标题元素

这是我的标题设置(bootstrap 4):

<div class="container">
<div class="row">
<div class="col-md-6">
  <div class="navbar-brand"><img src="..."></div>
</div>
<div class="col-md-6 text-right">
  <div class="header-btn-grp">
  <div class="header-call-us">Get a Quote, Call Today!</div>
  <a role="button" class="btn btn-danger btn-lg header-btn" href="tel:123">Ph : <strong>...</strong></a>
  <div class="header-address">XXX</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)

正如桌面上预期的那样,徽标位于左侧,按钮位于右侧.

在较小的设备上,我希望徽标和按钮在中心对齐.

我曾尝试在.text-md-center两个列中添加一个 类,但这会导致两个元素在所有宽度(桌面和移动)的列中居中.

这样做的正确方法是什么?

css twitter-bootstrap bootstrap-4

5
推荐指数
1
解决办法
6397
查看次数

Symfony 4 - Webpack Encore bootstrap css 不在输出中

我正在尝试将 Webpack Encore 引入我的 Symfony 4 应用程序以管理 JS 和 CSS 资产。

我安装yarnnodejs

然后composer require encore然后yarn install

我有app.js文件在assets/js/.

/*
 * Welcome to your app's main JavaScript file!
 *
 * We recommend including the built version of this JavaScript file
 * (and its CSS file) in your base layout (base.html.twig).
 */

// any CSS you require will output into a single css file (app.css in this case)
require('bootstrap');
require('../css/app.css');

// …
Run Code Online (Sandbox Code Playgroud)

symfony webpack yarnpkg webpack-encore webpack-4

5
推荐指数
2
解决办法
5073
查看次数

jinja2链接到静态文件

我试图了解如何在jinja2中创建指向静态文件的链接。

我查找的所有内容都与Flask有关,而在此阶段我仅使用webapp2。

我的main.py文件如下所示:

import os
import urllib

from google.appengine.api import users
from google.appengine.ext import ndb

import jinja2
import webapp2

JINJA_ENVIRONMENT = jinja2.Environment(
    loader=jinja2.FileSystemLoader(os.path.dirname(__file__)),
    extensions=['jinja2.ext.autoescape'],
    autoescape=True)

class MainPage(webapp2.RequestHandler):
    def get(self): 
    template = JINJA_ENVIRONMENT.get_template('/templates/base.html')  
    self.response.out.write(template.render())

class ConsultsPage(webapp2.RequestHandler):
    def get(self):
    template = JINJA_ENVIRONMENT.get_template('/templates/consults.html')  
    self.response.out.write(template.render())

class CreateConsultPage(webapp2.RequestHandler):
    def get(self):
    template = JINJA_ENVIRONMENT.get_template('/templates/create-consult.html')  
    self.response.out.write(template.render())

app = webapp2.WSGIApplication([
    ('/', MainPage),
    ('/consults', ConsultsPage),
    ('/schedule/create-consult', CreateConsultPage)
], debug=True)
Run Code Online (Sandbox Code Playgroud)

我的base.html模板包含指向“ / css”,“ / js”,“ / images”等中的静态文件的链接。

当我查看localhost:8080 /和localhost:8080 /时,所有静态文件都在工作。页面看起来不错。

但是,结构localhost:8080 / consults / create-consult中的下一个级别未链接到静态文件。

当我查看源代码时,我看到css链接已渲染为localhost:8080 / consults / css …

css python google-app-engine jinja2

2
推荐指数
1
解决办法
6768
查看次数

App Engine - PHP Symfony - 如何使用app.yaml进行登录

我正在App Engine flex环境中运行Symfony PHP项目.

我的app.yaml看起来像这样:

runtime: php
env: flex

runtime_config:
  document_root: public
  front_controller_file: index.php

env_variables:
    APP_ENV: "prod"

manual_scaling:
  instances: 1

resources:
  cpu: 1
  memory_gb: 0.5
  disk_size_gb: 10
Run Code Online (Sandbox Code Playgroud)

我需要让整个应用程序需要从GSuite帐户登录.在其他使用处理程序的项目中,在处理程序下我会放置行:

login: required
Run Code Online (Sandbox Code Playgroud)

但是对于这个项目的app.yaml,我不确定该放置该行的位置,以确保整个应用程序需要用户登录.放置它的位置是正确的吗?

php google-app-engine symfony

2
推荐指数
1
解决办法
94
查看次数

将 Bootstrap 容器类设置为 940px max

我在桌面屏幕上使用 Bootstrap 4 和默认宽度的容器。

我希望我的应用程序的主要内容部分是大屏幕上最大 940 像素的容器。

我是简单地覆盖引导容器类,还是创建新的类 container-2?或者是其他东西?

编辑

在此处输入图片说明

css twitter-bootstrap bootstrap-4

2
推荐指数
1
解决办法
1805
查看次数

PHP 致命错误 - 无法取消设置字符串偏移量

我正在尝试修复在 Google App Engine 上运行的 WP Plugin Contact Form 7 的问题。

补丁代码为:

<?php 
/*
Plugin Name: Fix Contact Form 7
*/    
add_filter('wp_mail', 'fix_wp_mail_filter', 11);
function fix_wp_mail_filter($args) {
    unset($args['headers']['X-WPCF7-Content-Type']);    
    $new_wp_mail = array(
        'to'          => $args['to'],
        'subject'     => $args['subject'],
        'message'     => $args['message'],
        'headers'     => $args['headers'],
        'attachments' => $args['attachments'],
    );      
    return $new_wp_mail;
}
Run Code Online (Sandbox Code Playgroud)

现在,当我测试联系表单时,我在浏览器中收到 500 错误,并检查 App Engine 请求日志,显示以下错误:

PHP 致命错误:

无法取消第 8 行 /base/data/home/apps/s~aura-www/20170807t210800.403218500896707567/wordpress/wp-content/plugins/cf7_fix_plugin.php 中的字符串偏移量

PHP代码有问题吗?

php wordpress google-app-engine

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

Symfony 4 - 如何在表单提交后为重定向中的路由设置实体 ID

构建 Symfony 4.1 应用程序。在我的 ProfileController ...

我有一个带有表单的 booking_new 方法来创建一个新的预订:

/**
 * @Route("/profile/booking/new", name="profile_booking_new")
 */
public function booking_new(EntityManagerInterface $em, Request $request)
{

    $form = $this->createForm(BookingFormType::class);

    $form->handleRequest($request);
    if ($form->isSubmitted() && $form->isValid()) {
        /** @var @var Booking $booking */
        $booking = $form->getData();
        $booking->setUser($this->getUser());

        $em->persist($booking);
        $em->flush();

        return $this->redirectToRoute('profile_booking_show');

    }

    return $this->render('profile/bookings/booking_new.html.twig',[
        'bookingForm' => $form->createView()
    ]);
}
Run Code Online (Sandbox Code Playgroud)

然后我有一个 booking_show 方法来渲染单个预订页面,并将路由设置为预订 ID:

/**
 * @Route("/profile/booking/{id}", name="profile_booking_show")
 */
public function booking_show(BookingRepository $bookingRepo, $id)
{
    /** @var Booking $booking */
    $booking = $bookingRepo->findOneBy(['id' => $id]);

    if (!$booking) { …
Run Code Online (Sandbox Code Playgroud)

symfony doctrine-orm symfony4

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