尝试将标准引导程序"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菜单锚点
为网站构建引导程序导航.
我在解决导航栏上的导航链接元素的最佳空间方面遇到了一些麻烦(并且继续看起来很适合移动设备).
我的导航栏代码是:
<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添加),我怎么能让我的代码适应呢?
我正在使用引导程序选项卡来构建“创建新咨询”表单,其基本结构如下:
<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)
然后,我发现选项卡出现了问题(例如,一次渲染多个选项卡等)。
我理解为什么会这样,但是我不确定跨多个选项卡实现表单的正确方法。
这是我的标题设置(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两个列中添加一个 类,但这会导致两个元素在所有宽度(桌面和移动)的列中居中.
这样做的正确方法是什么?
我正在尝试将 Webpack Encore 引入我的 Symfony 4 应用程序以管理 JS 和 CSS 资产。
我安装yarn和nodejs。
然后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) 我试图了解如何在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 …
我正在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,我不确定该放置该行的位置,以确保整个应用程序需要用户登录.放置它的位置是正确的吗?
我在桌面屏幕上使用 Bootstrap 4 和默认宽度的容器。
我希望我的应用程序的主要内容部分是大屏幕上最大 940 像素的容器。
我是简单地覆盖引导容器类,还是创建新的类 container-2?或者是其他东西?
编辑
我正在尝试修复在 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代码有问题吗?
构建 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) css ×4
bootstrap-4 ×3
symfony ×3
wordpress ×3
php ×2
doctrine-orm ×1
javascript ×1
jinja2 ×1
python ×1
symfony4 ×1
tabs ×1
webpack ×1
webpack-4 ×1
yarnpkg ×1