Upgrade to Pro — share decks privately, control downloads, hide ads and more …

a-blog cms zoom up 2021/03 WordPressサイトから a-blo...

Avatar for Tsutsui Shinobu Tsutsui Shinobu
March 10, 2021
Business
0
210

a-blog cms zoom up 2021/03 WordPressサイトから a-blog cmsへの移行案件で工夫したこと / Point of migrate WordPress to a-blog cms

a-blog cms zoom up 2021/03 での発表資料です。

Avatar for Tsutsui Shinobu

Tsutsui Shinobu

March 10, 2021
Tweet

More Decks by Tsutsui Shinobu

See All by Tsutsui Shinobu
a-blog cms zoom up 2020/11 上場企業にa-blog cmsを導入する際の提案書と仕様書のつくりかた / a-blog cms points of proposals
Avatar for Tsutsui Shinobu shinobu
0
240
a-blog cms zoom up 2020/08 Ver. 2.11.0でこっそり追加された スタンドアローン起動を使ってみる / a-blog cms standalone
Avatar for Tsutsui Shinobu shinobu
0
58
a-blog cms awards 2020 応募サイト「日報サイト」について / a-blog cms awards 2020 technology prize
Avatar for Tsutsui Shinobu shinobu
0
150
a-blog cms Training Camp 2019 Autumn 拡張アプリ『Form2Entry』を使って ユーザ参加型のコンテンツをつくる / a-blog cms Form2Entry
Avatar for Tsutsui Shinobu shinobu
0
140

Other Decks in Business

See All in Business
株式会社justInCaseTechnologies_会社説明資料
Avatar for jicTech jictech_saiyo
0
420
AIが99%の採用業務を行う時代にリクルーターしかできない「1%」のこと
Avatar for akyun akyun
0
500
HENNGE会社紹介資料/company_introduction
Avatar for HENNGE hennge
3
170k
BetAIDay_07_culture_natsumi_yoshida
Avatar for Natsumi Yoshida nacchan
0
290
Seibii（セイビー） 会社概要資料 | Company Deck
Avatar for 株式会社Seibii seibii2019
0
210
AI時代における変革の入口-100年後も語られる25年のために- #scrumosaka / The entry point to transformation in the AI era For 25 years that will be talked about 100 years from now
Avatar for kyonmm kyonmm
PRO
6
1.3k
エンジニアのための事業貢献入門/A business introduction for engineers
Avatar for Daisuke Sato dskst
86
24k
パーソルイノベーション_会社案内
Avatar for パーソルイノベーション 採用チーム pinotalentbranding
1
29k
Sapeet Recruiting materials
Avatar for Sapeet sapeet
0
4.4k
ホットリンク会社紹介スライド / We are hiring
Avatar for 株式会社ホットリンク｜Hotto Link Inc. hottolink_pr
1
14k
もっと！「契約交渉よりも顧客との協調を」 〜協調を助ける契約と関係づくり〜
Avatar for sasakendayo sasakendayo
1
430
30枚でわかるフォトラクション
Avatar for 株式会社フォトラクション photoruction
0
1.3k

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
283
13k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
332
22k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
1k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
KATA
Avatar for Megan Lloyd mclloyd
31
14k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.4k

Transcript

  1. a-blog cms zoom up 2021/03 WordPressサイトから a-blog cmsへの移⾏案件で⼯夫したこと 2021年3⽉9⽇ 筒井

    志信

  2. PHPに偏った内容も出てきますので、 肩の⼒を抜いてご視聴いただければ幸いです。 実⽤的要素 芸⼈的要素 13 本⽇お話する内容

  3. 「先頭に固定表⽰」 を実装

  4. WordPressは任意の記事を先頭に表⽰できる

  5. 記事に固定表⽰⽤のカスタムフィールドを作成

  6. 記事に固定表⽰⽤のカスタムフィールドを作成

  7. Entry_Summaryの表⽰設定の「ソートフィールド名」を設定 表⽰順を「フィールド（降順）」 ソートフィールド名を「entry_pickup」で設定

  8. 「先頭に固定表⽰」を実装 応⽤編

  9. 記事に優先表⽰⽤のカスタムフィールドを作成

  10. 記事に固定表⽰⽤のカスタムフィールドを作成

  11. Entry_Summaryの表⽰設定の「ソートフィールド名」を設定 表⽰順を「数値フィールド（降順）」 ソートフィールド名を「entry_priority」で設定

  12. アイキャッチ画像を インポートして表⽰

  13. WordPressのエクスポート機能でエクスポート

  14. a-blog cmsのインポート機能でインポート

  15. a-blog cmsのインポート機能では アイキャッチ画像がインポートされない

  16. アイキャッチ画像を表⽰ CSVインポート ＼正攻法なら／

  17. WP All ExportなどでCSV形式でエクスポートする

  18. WP All ExportなどでCSV形式でエクスポートする ただし、a-blog cms側のentry_idとの突き合わせや、 複数の画像が記載されているので調整が必要

  19. アイキャッチ画像を表⽰ サムネイルIDを使⽤

  20. インポート時にmeta_keyからアンダースコアを削除する post_metaの部分がカスタムフィールドとして登録される ただし、先頭にアンダースコアが ついているものは無視される

  21. インポート時にmeta_keyからアンダースコアを削除する アイキャッチ画像のカスタムフィールドのキーから アンダースコアを外すことで カスタムフィールドとして登録する

  22. 通常のa-blog cmsの記事はサムネイルを表⽰する

  23. アイキャッチ画像のIDがあればIDを表⽰する

  24. アイキャッチ画像のURLはデータベースに格納されている

  25. アイキャッチ画像のIDに対し、校正オプションを適⽤する

  26. アイキャッチ画像のIDから画像のパスを取得する

  27. a-blog cmsの記事のサムネイル表⽰ WordPressの記事のサムネイル表⽰

  28. アイキャッチ画像を表⽰ 本⽂中のURLを使⽤

  29. 本⽂に画像を登録していたら表⽰する

  30. 本⽂中にsrc=“wp/wp-content/uploads/” があれば取得

  31. 本⽂を整形して表⽰

  32. 本⽂の微調整を校正オプションで対応

  33. 本⽂の微調整を校正オプションで対応（Movable Typeの場合）

  34. インポートに 失敗したときは

  35. 管理画⾯がCSV-IMPORTで埋め尽くされる🥺

  36. SQLコマンドで削除する (エントリーIDが14以降を削除する場合） DELETE FROM `acms_entry` WHERE `entry_id` >= 14; DELETE

    FROM `acms_field` WHERE `field_eid` >= 14; DELETE FROM `acms_column` WHERE `column_eid` >= 14; DELETE FROM `acms_fulltext` WHERE `fulltext_eid` >= 14; UPDATE `acms_sequence` SET `sequence_entry_id` = 13; ⚠⾃⼰責任

  37. WordPressで a-blog cmsの ように開発する おまけ

  38. a-blog cmsのテンプレート継承機能は Laravelのbladeテンプレートに近い

  39. a-blog cmsのテンプレート継承機能は LaravelのBladeテンプレートに近い

  40. Bladeテンプレートをスタンドアローンで使⽤できる https://github.com/EFTEC/BladeOne

  41. None

  42. ・@extends、@sectionの継承機能を使うことができる ・マスタッシュ構⽂で<?php ?>を書かなくても良い ・フィルタ（校正オプション）も使うことができる ・⾃動的にエスケープされるので⽐較的安全 WordPressへの抵抗感がなくなるためおすすめ☺

  43. 編集中であることを 表す表⽰は欲しい！ https://usortblog.com/shounin-flow/ より

  44. おしまい