HippoBlog
Web開発に関する備忘録や
日々の雑記ブログ
  • #WordPress
  • 2021年5月10日
ENTRY TITLE

[wordpress] このブログをリニューアルする(その3/ マークアップ)

TEXT BY @hippohack@hippohack
TEXT BY @hippohack@hippohack
  • このエントリーをはてなブックマークに追加

テーマ定義しながらHTMLコーディングしてるのでしばらく地味な作業になりそう。

⚙️ header

そうそう、CSSはモバイルファーストで書くつもり。

コミットはこのへん → add header style · hippohack/hippoblog-theme@bcfee88

🚀 記事一覧(entries)

思い立って経過の画面添付してみた。

コミットはこのへん → entries style · hippohack/hippoblog-theme@ee3665e

𓃯 追加

追加してみた。

SEOに効果があるかは未知数。。

コミット → add 𓃯 · hippohack/hippoblog-theme@860d4ba

もろもろのスタイル

  • もっとみるボタン
  • コピー
  • タグリスト

など。

zenn.devの影響で絵文字を多用するのがブーム。

コミット(この当たりの前後) → add tag list style · hippohack/hippoblog-theme@9b25664

サブページやるか

index.phpにルーティング的なものを定義したい。どうしようか、まず考える。。

テンプレも2つとかしかないので、これでいいやという判断。

if (is_page() || is_single()) {
  $component_name = 'single';
}

if (is_archive() || is_search()) {
  $component_name = 'archive';
}

if (is_404()) {
  $component_name = '404';
}

/themes/hippoblog_v2/components/pages/single.php を作成。

<?php get_template_part('components/organisms/header'); ?>

<main style="margin-top: 55px;">
  <div class="container">
    <?php var_dump($post); ?>
  </div>
</main>

<?php get_template_part('components/organisms/footer'); ?>

とりまこれで、$postがあるのを確認。

− 記事部分のスタイル定義 − タイトル出力 − タグ出力

コミット → WIP: サブページ · hippohack/hippoblog-theme@eda5313


なんだかんだやること多い。。。

つづく。

忙しくなってきたので次いつになるか未定です。


📣 宣伝です

MENTAでWordPress関連のメンターもやってます。良ければご相談お待ちしていますm(_ _)m

🔗 https://menta.work/user/22673

割引クーポン → 🎫 こちら


最後までお読みいただき、ありがとうございました。

ご意見などありましたら@hippohackへDMをお願いいたします。

  • このエントリーをはてなブックマークに追加