GG资源网

简单学习markdown语言以及如何在wordpress运用(wordpress添加css样式到后台的方法)

简单学习markdown语言以及如何在wordpress运用

站长寄语

最近发现使用markdown语法编辑文章,体验非常好,而在wordpress上本身没有markdown语法支持,只能依靠插件,这里就不得不说到一款插件,名字叫做jetpack,安装好它之后,就可以在编辑文章时选择markdown语法编辑了,同时,还有另一种不错的方法,分享给大家,于是就有了今天这篇文章。

经验分享

  • 先来说一下利用jetpack这款插件内的markdown语法是如何能在wordpress使用。其实很简单,只需要在后台编辑文章时,在块元素旁的“+”,在弹出页面内搜索markdown就出来了,如下图所示。

  • 再来说一下另一种不错的方法,此时就需要用到站长之前介绍的一款微软出品的应用visual studio code,具体可以参看这篇文章《少年,不想试试在一种编辑器运行40多种编程语言吗》。
  • 下载安装后,我们需要像文章所说,仿照安装code runner,依次搜索安装Markdown All in One和 Markdown Preview Enhanced,前者是运行markdwon的支持插件,后者是markdown的预览插件。
  • 随后,新建一个页面,右下角选择markdown语法来编辑。

  • 如果你想可视化,只需要点击右上角像书本一般的图标就可以出现了,如下图所示。

  • 随后,将编辑好的markdown语法内容,另存为html格式,复制html格式内容,在wordpress编辑后台以html代码编写粘贴即可。

温馨提示

如果你想学习到markdown的相关内容,可以看一下下面的内容。

  • # 标题1
  • ## 标题2
  • ### 标题3
  • #### 标题4
  • ##### 标题5
  • ###### 标题6

分别代表:

这个就比较简单了,随便写,不用加任何编程符号了。

这个比较简单,就是在一句话的后面键入两个或更多的空格,这样就完成了换行。

要加粗文本,请在单词或短语的前后添加两个星号或下划线。要加粗一个单词的中部以强调,请在字母周围添加两个星号。

有两种方式,一种是**文字**,一种是__文本__。

要斜体显示文本,请在单词或短语的前后添加一个星号或下划线。要斜体突出单词的中间部分,请在字母周围添加一个星号,中间不要带空格。

有两种方式,一种是*文字*,一种是_文本_。

要同时突出显示带有粗体和斜体的文本,请在单词或短语的前后添加三个星号或下划线。

有四种方式,一种是***文字***,一种是___文本___,一种是__*文本*__,一种是**_文本_**。

要建立块引用,只需要在前面加上“>”这个符号即可。

块引用可以包含多个段落。在段落之间的空白行上添加一个“>”。

块引用可以嵌套。在要嵌套的段落前面添加一个“>>”。

块引用可以包含其他Markdown格式的元素。并非所有元素都可以使用,您需要进行实验以查看哪些元素有效。

要创建有序列表,请在订单项中添加数字和句点。数字不必按数字顺序排列,但列表应以数字开头。

要创建无序列表,请在订单项前添加破折号(-),星号(*)或加号(+)。缩进一个或多个项目以创建嵌套列表。

要在保留列表连续性的同时在列表中添加另一个元素,请将该元素缩进四个空格或一个制表符,如以下示例所示。

  • 颜色红色绿色粉色

格式一般是:![描述文本](www.example.com)

要向图像添加链接,请将图像的Markdown括在方括号中,然后在括号中添加链接。

[![Markdown语法学习](https://xxx.xxx.xxx/ "一个有趣,有料,有深度的网站")](https://xxx.xxx.xxx/)

格式一般是在代码前后加一个符号:

如果要表示为代码的单词或短语包含一个或多个反引号,则可以通过将单词或短语括在双反引号()中来对其进行转义。

这是一段代码

要创建代码块,请在代码块的每一行缩进至少四个空格或一个制表符。

<html>
<head>
</head>
</html>

要创建水平线***,请单独在一行上使用三个或更多的星号(*),破折号(---)或下划线(___)。

要创建链接,请将链接文本括在方括号(例如[行运设计师])中,然后立即在URL后面加上括号(例如:https://xxx.xxx.xxx/)中的URL 。

[行运设计师](https://xxx.xxx.xxx/)

那么在文章中出现就会变成这样:行运设计师

您可以选择为链接添加标题。当用户将鼠标悬停在链接上时,这将显示为工具提示。要添加标题,请将其括在URL后面的括号中。

[行运设计师](https://xxx.xxx.xxx/ "一个有趣,有料,有深度的网站" )

那么在文章中出现就会变成这样:行运设计师

要将URL或电子邮件地址快速转换为链接,请将其括在尖括号中。

<https://xxx.xxx.xxx>
<xxx@xxx.com>

实际效果就是这样的:

  • https://xxx.xxx.xxx
  • xxx@xxx.com

要显示原义字符,否则将用于设置Markdown文档中的文本格式\\,请在字符前面添加反斜杠。

要添加表,请使用三个或多个连字符(---)创建每列的标题,并使用竖线(|)分隔每列。您可以选择在表的任一端添加竖线。

| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |

呈现出的效果如下图所示

您可以通过:在标题行内的连字符的左侧,右侧或两侧添加一个冒号(),以使列中的文本左,右或居中对齐。

| Syntax | Description | Test Text |
| :--- | :----: | ---: |
| Header | Title | Here's|this |
| Paragraph | Text | And more |

呈现出的效果如下图所示

在表格内显示竖线,可以使用html代码(|)。

Markdown基本语法允许您通过将行缩进四个空格或一个制表符来创建代码块。如果发现不方便,请尝试使用受保护的代码块。根据Markdown处理器或编辑器的不同,您将在代码块之前和之后的行上使用三个反引号()或三个波浪号(~~~)。

~~~

{ "firstName": "John", "lastName": "Smith", "age": 25 }

~~~

许多Markdown处理器都支持代码块的语法突出显示。此功能使您可以为编写代码的任何语言添加颜色突出显示。要添加语法突出显示,请在受防护的代码块之前的反引号旁边指定一种语言。

json

{ "firstName": "John", "lastName": "Smith", "age": 25 }

注释使您可以添加注释和参考,而不会使文档正文混乱。创建注释时,带有注释引用的链接将出现带有链接的上标编号。读者可以单击链接跳至页面底部的注释内容。

要创建注释参考,请在方括号([^1])内添加插入符号和标识符。标识符可以是数字或单词,但不能包含空格或制表符。标识符仅将注释参考与注释本身相关联-在输出中,注释按顺序编号。

在括号内使用另一个插入符号和数字添加注释,并用冒号和文本([^1]: My footnote.)括起来。您不必在文档末尾添加脚注。您可以将它们放在除列表,块引号和表之类的其他元素之外的任何位置。

Here's a simple footnote,[^1] and here's a longer one.[^bignote]

[^1]: This is the first footnote.

[^bignote]: Here's one with multiple paragraphs and code.

Indent paragraphs to include them in the footnote.

{ my code }

Add as many paragraphs as you like.

一些Markdown处理器允许您创建术语及其对应定义的定义列表。要创建定义列表,请在第一行上键入术语。在下一行,键入一个冒号,后跟一个空格和定义。

First Term : This is the definition of the first term.

Second Term : This is one definition of the second term. : This is another definition of the second term.

您可以通过在单词中心放置一条水平线来“删除”单词。结果看起来像这样。此功能使您可以指示某些单词是一个错误,并不表示要包含在文档中。若要删除单词,请~~在单词前后使用两个波浪号。

~~我是删除线~~

实际展示效果如下图所示:

我是删除线

任务列表使您可以创建带有复选框的项目列表。在支持任务列表的Markdown应用程序中,复选框将显示在内容旁边。要创建任务列表,请在任务列表项之前添加破折号(-)和方括号,并[ ]在其前面加上一个空格()。要选择一个复选框,请x在方括号([x])之间添加in 。

- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media

在展现的效果如下图所示:

  • [x] Write the press release
  • [ ] Update the website
  • [ ] Contact the media

wordpress添加css样式到后台的方法

今天给大家分享wordpress自定义后台样式的方法,方便我们根据自己的想法自定义后台。

我们只需要在主题函数function.php中加入以下代码

这样就等于给后台引入了一个admin-my.css的样式,我们只需要把css代码加到这个文件里面就可以,

修改后台的样式了。

由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 简单学习markdown语言以及如何在wordpress运用(wordpress添加css样式到后台的方法)

发表回复

CAPTCHAis initialing...