Wordpress buddypress3
•
0 gefällt mir•860 views
そろそろ新しいSNSくるんじゃないか。ワンチャン狙えるかも知れないじゃん等という10年前のITバブルから昨今のコンプガチャ経由世代のため、シリコンバレーの幻想に憑りつかれた戯言を夢見る30歳の独身男が、次世代型SNS構築を目指して奮闘する大いなる趣味の記録。
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Wordpress buddypress3
Ähnlich wie Wordpress buddypress3 (20)
Mehr von Shoichi Otomo
Wordpress buddypress3
- 1. -VM ubntu13.04-と BuddyPressを使って ローカルSNSを構築する実験 -vol3- wordpressのカスタマイズ1 2013/08/04 大友 翔一(GeoJackass) @geojackass http://geojackass.org
- 3. そもそも論 --.html, .CSS-- http://geojackass.org • Wordpressは大変便利なのですが、仕組みを 理解していないとカスタマイズ出来るメリット が激減します。 • そこで、そもそもの構成を把握するためにも、 素の.htmlとCSSをベタに書きます。 • 作製された.htmlとCSSを、ちょっとしたphpを 用いてwordpressのフレームに流し込みます。 • 今回は、というか通常は、デザイン部分をカ スタマイズします。
- 4. デザインに関連する部分 http://geojackass.org なので、作業dirは /opt/lampp/apps/wordpress/htdocs/wp-content/theme/ になります。 mkdir [dirname]/としてカスタマイズ用のdirを作成しましょう。 Ex) mkdir geojackass_theme いきなりlamppの下に作成するのが不安な場合、/home/[user]/Public/ あたりに作成してcpするのがいいかも知れません。
- 6. Emblem的なGUI的な http://geojackass.org dir path theme/geojackass_themeに screenshot.pngを配置します。 全くscreenshotではありませんが、 “screenshot.png”で保存します。 Dash boardのAppearanceに Screenshot.pngの画像が 反映されたのが確認できま す。
- 7. index.htmlを気合で書く http://geojackass.org Yuiはyahooが提供するJSと CSSのlibraryです。 今回はブラウザ間の差異を 吸収させるために用います。
- 8. index.htmlを.phpに分解する http://geojackass.org index.html header.php index.php sidebar. php footer.php
- 10. パーツごとに分解 --header.php-- http://geojackass.org 分割する範囲 <!DOCTYPE html>~ </div><!-- /header --> <title>~</title> ブログのtitle部分を動的に参照する。 <? php wp_title(‘|’, true, ‘right’); bloginfo(‘name’); ?> stylesheetの設定を有効にする href=“<?php echo get_stylesheet_url(); ?>
- 16. Widgetを有効にする2 http://geojackass.org Dir path /theme/geojackass_theme/ sidebar.phpを変更する。 <ul><li>タグで直接書き込んでいたもの から、 <?php dynamic_sidebar(); ?> とインクルードタグで動的に生成する。
- 19. Widgetを有効にする5 http://geojackass.org Available widgets内の使用したいwidgetを Darg and dropで Sidebar1エリアに持ってきます。