サイト制作

making

サイト制作

親ブログのユーザーのプロフィールを子ブログに表示する

スクリーンショット

これを親ブログのユーザーの情報で子ブログで表示させたい


おおざっぱな手順

  1. モジュールにモジュールidをつける
  2. BID1の管理画面にいってモジュールidの設定を変更する
  3. 他のフォルダから欲しいファイルをもってくる
  4. 管理ページで情報を入力

今回、親ブログのユーザーのプロフィールを子ブログに表示させるのに手こずってしまったので書こうと思います。結構ファイルを探すのが大変だった気がするので忘れないように書きます。

モジュールにモジュールidをつける

  • User_Profile(http://www.a-blogcms.jp/cheat/snippets/user_profile.html)
  • 「themes」→「blog」→「index.html」の順に辿っていき、index.htmlにモジュールが貼ってあるので探してください。設置されていない場合は適当なところに設置。そしてモジュールidをつける。

BID1の管理画面にいってモジュールidの設定を変更する


BID1の管理画面に行く。モジュールidを作成。このときにこの3つ設定が必要になります。

さて、この2つの操作で情報を出力するための環境が整いました。次は管理画面から入力するための設定です。

他のフォルダから欲しいファイルをもってくる

ここが一番時間がかかりました。それっぽいファイルがいろんなところにたくさんあるからです。themes/blog/admin/user/の中にありました。field.htmlは入力フォーム、preview.htmlは出力するための変数が書かれています。どっちのファイルも自分がプロフィールを出したいテーマのディレクトリにコピーします。

管理ページで情報を入力


スクリーンショット

プロフィールのボタン

これであとは記入するだけです!親ブログにいき、「プロフィール」のボタンをクリックします。するとプロフィール画面が増えています!あとは好きな情報を入力するだけです。


スクリーンショット

追加されたフォーム

これでおわりです。場所忘れちゃいそうなのでめもめも。


この記事をシェアする

著者

デザイナー

森田かすみ

名古屋のスタートアップで働く、デジタルプロダクトデザイナー。

2013年に新卒でWeb制作会社に入社し、受託制作のマークアップエンジニアとして勤務した後、CMS開発部門のデザイナーへ転身。

2023年5月にSaaSのプロダクトデザイナーへ転身。
現在は新機能にまつわるUXを考慮したUI設計、機能マーケティング支援などを担当。
ストレス発散方法はかっぱのイラストを描くこと。

おすすめ記事

この記事のハッシュタグ から関連する記事を表示しています。

他の方法で記事を探す

2024年4月

年間カレンダーへ
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30