2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

WordpressのテーマファイルでMarkdownを使う

Last updated at Posted at 2018-04-26

本当はVueとかで書きたいのですが、
既存のWordpressで構築しているサイトの修正とかだと
そのままテーマファイルをいじるしかなくて、
でも、最近MarkdownとかPugとか記述を省略して書ける言語に
触れ続けているのでWordpressのテーマファイルを見ると
気持ち悪く・・・

そこで簡単なHTMLを吐き出すようなページはMarkdownで
できないかと試して見てできたやつ

こちらの記事を参考に
https://www.buildinsider.net/web/bookphplib100/038

php-markdownなるものをひっぱてきて
テーマファイルのどこかに格納
私は

テーマファイル
├ vendor
│  ├ composer.json
│  ├ License.md
│  ├ Micheif
│  ├ Readme.md
│  ├ Readme.php
├ contents.md
├ style.css
├ functions.php
...

みたいな感じで配置しました。

それでMarkdownを使いたいテーマファイルのところで


<?php
/*
Template Name:テンプレートの名前
*/

// 1初期設定
require_once(get_stylesheet_directory()."/vendor/Michelf/Markdown.inc.php");
use Michelf\Markdown;
// 2HTMLへの変換
$text = file_get_contents(get_stylesheet_directory()."/contents.md");
$html = Markdown::defaultTransform($text);
?>

<?php get_header(); ?>

<main>
<?php print $html; ?>
</main>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

みたいな感じでやるとMarkdownで書いたものを
HTMLとして吐き出せました。

記事をMarkdownで書くプラグインも色々あるようですね。
https://webshufu.com/markdown-on-save-improved/

まぁEmmetとかもあるからHTMLぐらいチャチャっとかけよと言われればそれまでなのですが、まぁちょとこうゆうのも新鮮でいいかなと・・・

Pugにもpug-phpってのがあるので同じようなことができるかも・・・
こっちの方がWordpressの関数とかもかけて色々できそうですね。
https://github.com/pug-php/pug

2
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?