2013-3-22勉強会で、収まらなかった内容をパソコン倶楽部りんご:TOPページに実装しました。
WordPressのヘッダー画像に複数の画像をアップしておいて、fornt_pageの時は、header.phpでそれらを取得してcssのanimationで動かします。front_pageでない時は、Twenty Twelveの設定のまま(任意の画像に固定か、ランダムかを選択)です。animationの動作はFirefox16+、Google Chrome21+、Safari6+で確認しました。 続きを読む
タグ別アーカイブ: WordPress
WP固定ページに最新投稿一覧を表示する
front-page.php(固定ページの表示したい場所に記述)
1 2 3 4 5 6 7 8 9 10 11 12 |
<h2>最新BLOG</h2> <?php /*--ここから、最新の投稿記事取得一覧--*/?> <?php echo '<ul id="test">'; $posts = get_posts(); foreach($posts as $post): setup_postdata($post);?> <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li> <?php endforeach; echo '</ul>'; ?> |
2013-3-8勉強会
今日は、新メンバーのKIKOさんが参加されました。
お菓子が今回も更に充実!! KIKOさんからもたくさんいただきました!
KIKOさんは元漫画家さんという事で、イラスト作品も拝見させていただきました。さすがプロ!!
議題は以下の通り
- KIKOさんのマッサージ治療院のチラシデザインについて
- キャラメルメープルポップコーンのパッケージでマークアップとCSSの筋トレ
- サイトのTOPページをWwordPressにしたい
- WwordPressのユーザー一覧ページを作る
です。 続きを読む
WordPressのユーザー一覧ページを作る
2013-3-8の勉強会で、ランサーしょうじさんへお伝えしようとした内容を、改めて整理して実装してみました。
まず、ユーザー一覧ページを作る条件は以下の通りでした。
- 登録されたユーザーのアバターやプロフィール情報を自動取得して表示したい
- テーマはTwenty Twelveのクローン。テンプレートファイルの編集はアリとする。
- ページ自体は固定ページで作成
- 他の固定ページには影響を与えないこと
2013-3-1勉強会
WordPress 固定ページ追加について
本日、タカハシ先生に教えて頂いて、
フロントページ(front-page.php)を作成し、TOPの固定ページにしました。
ナビゲーション部分には、今の所
- topページ
- SHOPページへ戻る
- BLOG(front-page.phpを作成後、追加しました)
のボタンがあります。
BLOGのページですが、リンクは
http://サイト名.com/blog/なのですが、
色々試してみましたが過去の記事を、ページのメインに表示する事ができませんでした。
とりあえず、Twenty Eleven: 固定ページテンプレート (page.php)を
front-page.phpにペーストした状態です。
※フロントページは、現在
http://st-neverland.com/
この場合、BLOGページも固定ページ?を作成するのでしょうか?
club ringoの様に、topと違う表示にしたいのです。
質問が、分かりにくいですよね。。。すみません。
http://clubringo.com
は、ナビゲーションが cat=1とか、page_id=※※※ とか?になってますね。。。
頭が混乱してます。。。後日、この投稿内容は、修正します。(=..=)zzz
★追記★
WordPress を専用ディレクトリに配置する – WordPress Codex 日本語版
既存のサブディレクトリをルートディレクトリとして表示する場合
手順9.次の修正を行ない、ファイルを保存する。
修正前:require(‘./wp-blog-header.php’);
修正後: WordPress コアファイルの新ディレクトリ名を使います。
require(‘./wp/wp-blog-header.php’);
この手順のindex.phpファイルを修正前のファイルで上書きしてしまいました。(;_;)
修正箇所を変更しましたが、表示ができなくなりました。
require(‘./wp/index.php’);
と変更しました。
これが間違いでしょうか??(><)
表示が出来なくなり、index.htmlの表示に戻しましたが(><)
Twenty Twelve のフロントページテンプレートについて
Twenty Twelve で固定ページをフロントページにする
2/22勉強会の議事録です。
ワードプレスのテーマ・Twenty Twelve は、デフォルトではブログがフロントページ(トップページ)として表示されていますよね。
今回は固定ページをフロントページとして表示させる手順を説明します。
- 取り敢えず固定ページを作ってみる。
- 固定ページをフロントページにする。
ダッシュボード→固定ページ→新規追加→記事を書く。
ダッシュボード→設定→表示設定→フロントページの表示で固定ページを選択する。
固定ページをメニューに表示させる
- ダッシュボード→外観→ウィジェット
- 利用できるウィジェットの中から、固定ページを右側のメインサイドバー(又はフロントページウィジェットエリア等、表示させたいエリア)へドラッグ&ドロップする。
- ▼を開くと固定ページの名称や、固定ページの表示の並び順を変更出来ます。
Crayon Syntax Highlighterを入れました
Crayon Syntax Highlighter
phpやcssなどのコードをかっこ良く表示させるプラグインです。
投稿編集の本文の上にあるボタコンから「crayon」をクリックして、投稿に挿入したいコードを入力できます。
Twenty Twelveで投稿者のプロフィールを表示させる方法
Twenty Twelveには投稿者のプロフィールを表示させる機能がデフォルトで備わっています。
でも、初期設定のままでは表示されません。これを表示させる方法を発見したのでお知らせします。 続きを読む
サイボウズLiveの書き込みをWordPressに移す
サイボウズLiveの書き込みを、WordPressに移植してオープン化します。目的は以下の通りです。
- サイボウズLiveのグループメンバーが対象のクローズドな情報を、誰でも読める情報としてオープン化し、clubringoのコンテンツにする
- 現状のサイボウズLiveでは「掲示板」の「カテゴリ」で過去の情報を探すしかなく、情報が見つけ難いので、それを改善する
WordPressのテーマをFTPなしで追加する方法
FTPアクセスではなく、WordPressのダッシュボードから、ローカルにあるテーマを追加できます。
clubringoの初期テーマは、Twenty Twelveでとりあえず良いのですが、テンプレートファイルをいじり易くするために、Twenty Twelveを複製して、それを追加しました。
- ローカルにあるWordPressからTwenty Twelveのフォルダを探す。wp-content/themes/twentytwelve です。
- フォルダを複製し、フォルダ名をttcloneに変更。任意の名前で良いです。
- wp-content/themes/ttclone/style.css を開いて、Theme Name を ttclone に変更し保存。
- wp-content/themes/ttcloneフォルダを圧縮して ttclone.zip を作成。
- サーバ上のWordPressのダッシュボードの、外観/テーマ を開き、「テーマのインストール」タブを開く。
- 「アップロード」をクリックして、 ttclone.zip を選択する。
- テーマのインストールが成功したら有効化して完了。
これでテンプレートファイルをいじり倒しても大丈夫。
FTP環境でサーバにアクセスできれば、テンプレートの個別ファイルを必要に応じて個別に追加できるので、子テーマでもOKだが、ダッシュボードからだと個別にphpファイルが追加できない(プラグインであるかもしれないけど)。なのでTwenty Twelveのクローンを作った、という訳。
もちろん、Twenty Twelveテーマのアップデートがあっても、クローンはアップデートされないので、クローンで変更・実装を加えた箇所を記録管理しておく必要はある。そこは変更を加える度に、「運用」カテゴリをつけた投稿で記録して行く事にしましょう。
「ワードプレスで外部JS、cssを読み込ませる」について
11/2の授業の「ワードプレスで外部JS、cssを読み込ませる方法」について、未だ四苦八苦しています。
下記が現在の状況です。改善点があれば教えて下さい!
◆子テーマのフォルダに新しく***.jsというファイルを作り、これに自分用の設定を書いていく事にしました。
(※この子テーマのフォルダには、子header.php、taketori.jsとtaketori.cssも入っています)
◆その***.jsには
1 |
(new Taketori()).set({lang:'ja-jp',fontFamily:'sans-serif'}).element('div.post_content'); |
とだけ、記述しました。ちなみに↓
(new Taketori()).set({設定項目:値,設定項目:値}).element(‘縦書き対象要素ID’);
が、竹取の説明書きにある指定方法です。(竹取の説明はこちらです)
.element(‘縦書き対象要素ID’)には、自分のサイトをfirebugで見て、縦書きにしたい「投稿記事」に当たる部分の継承元が
div.post_contentでしたので、これを指定しました。
続きを読む
include_once
真中のぶです。
phpのinclude_onceでパーツの共通化。
これは、自分でデザインしたhtmlのサイトをWordPress化する際に必要な
大事な大事な考え方でもあります。
現在理解している範囲でまとめました。
第11回(2012/11/16)勉強会でやった内容です。
サンプル&解説はこちら(僕のサーバーにアップしました。)
↓
http://nobu-69.com/ringo/php-nobu/index.php
よろしくー。
第10回(11/9)勉強会報告
11月9日(金)の活動報告です。CSS、WordPress、PHPを学習しました。
- CSSのみで制御するフレキシブルな横並びの復習
- ワードプレスで外部JS、cssを読み込ませる方法
- PHPで簡単なテンプレートを作ってみよう
http://shoji.main.jp/log_20121109.html
私のサーバーにアップしました、上記URLからご覧ください。
ワードプレスをマルチサイト化する
今晩は。先週から騒いでいたwordpressのマルチサイト化の件、ご報告です。
私はムームードメインなのですが、それでもサブドメイン型でマルチサイト化したくて、まずこれについて書かれた解りやすい参考サイトに巡り会うのに時間が掛かかってしまい…ようやく見つけたこちらのサイト様のおっしゃる通りにやりました所、何とか設定出来ました。
http://echooed.wordpress.com/2011/12/05/
(結局、3回位wordpressをインストールし直したりして、まる一日掛かってしまった(–;) でも、これでwpを新たにインストールすることなく、複数のサイトを管理することが出来るなんて…凄い!)
やっとまたスタート地点に戻ってこれたので、これからサイト作りを頑張らねばです。
一応こんな感じです。