タグ別アーカイブ: Twenty Twelve

wordpress

wordpressトップページ(固定ページ)のタイトルを非表示にする

wordpress固定ページでは自動的にページのタイトルが表示されます。固定ページ作成時につけたタイトルが表示されます。トップページ以外はいいんですが、トップページに『TOP』と表示してあるのは、かっこ悪いので消したい!という場合に、content-page.phpを編集します。
参考サイトhttp://www.nishi2002.com/3836.html

twentytwelve デフォルト状態

上記のものを下記のように書き換えます。

以上です。

wordpress

WordPressのユーザー一覧ページ用のテンプレート

「WordPressのユーザー一覧ページを作る」の記事の続きです。
「メンバーが多いのでページ送りをしたい」という旨のご質問コメントをいただいたので、実装してみました。お使いのWPのバージョンやテーマが違う場合は、適宜、読み替えて参考にしてください。 続きを読む

kuulei

WordPressの投稿メディア画像、縦写真がiphoneで見ると横になる。

質問内容は、記事のタイトルのまんまです。

アイキャッチ画像のように、デスクトップでは写真が縦に表示されているのに、iphoneでは横になってしまうのはなぜでしょうか?

よろしくお願い致します。

kuulei

wordpress

WPコンテンツを横並びにしたい。

WPでサイトを制作中です。↓
http://kuulei90.com/
トップページに画面いっぱい横長のアイキャッチ画像があります。その下に2つのコンテンツがあります。
①あいさつ文(これは直接固定ページにhtmlを書いた)
②pick up news!(これはfront-page.phpに記述。ニュースページに投稿があったら、サムネイル&抜粋文を自動で表示/clubringo.comと同じ仕組み)

この2つを横並びにしようとcssでfloatしてもなりません。

どうしたら横並びになりますでしょうか?

wordpress

WP テキストの背景に写真を表示させる

貴如意さんサイトのトップページ。http://kiraku07.info/
あいさつ文の背景に朝日の写真が表示されています。
WPで、このように固定ページに写真の上にテキストを表示させるには、どうしたらよいのでしょうか?

通常のHTML,CSSの場合はcssのbackground-imgで指定すれば良いのですが、
貴如意さんサイトを見ると写真とテキストは、それぞれdivで囲まれています。

それと、写真はレスポンシブになっています。それには何か指定が必要でしょうか?

よろしくお願い致します。

Youtube_logo

WP 動画挿入用プラグイン「Viper’s Video Quicktags」

動画挿入用プラグイン「Viper’s Video Quicktags」を入れてみました。

「YouTube」というボタンを押せばダイアログボックスが出てきますので、画像のurlを入れて下さい。
サイズも変えられるよ!
[youtube]http://www.youtube.com/watch?v=DC6J1kUd-64[/youtube]

参考サイト
http://wp-site.biz/4618

Mr. eyechatch

アイキャッチがある単独ページではヘッダー画像を表示しない

WordPressで複数ヘッダー画像をcssスライドショーで動かすで設定したヘッダー画像ですが、投稿にアイキャッチを入れることにした為、アイキャッチがある場合は邪魔になってきました。
そこでheader.phpを編集し、アイキャッチがある単独ページの場合はヘッダー画像を表示しないようにしてみました。

2013-4-19

2013-4-19勉強会

今回もお菓子をありがとうございます。(ランサーしょうじさん、かおりんごさん提供)
勉強会の概要は

  • “勉強会の議事録をトップページに表示させるには”について
  • カスタム投稿タイプの補足
  • 投稿にアイキャッチを入れよう

でした。 続きを読む

china

勉強会の議事録をトップページに表示させるには

一番新しい議事録投稿記事のタイトル&本文の最初の30文字位をトップページに、表示させたい。
とりあえず、固定ページのトップページには、その表示させたい場所を作りました。

議事録を投稿したら自動でそこに表示させるにはどうしたらよいでしょうか?

phpを書く。プラグイン。ウィジェット。

2013-04-19の勉強会での勉強の題材として取り上げて下さい。

よろしくお願い致します。

上記の内容を2013-04-19の勉強会でやりました。以下議事録です。

①外観ーテーマ編集ーFront Page Template 固定ページテンプレート(page-templates/front-page.php)を開きます。そこに投稿カテゴリーの最新記事を呼び出して出力するphpを書きます。

コードは以下の通りです。

今回は、「最新の勉強会議事録」「最新の質問と回答」「最新のコメント」の3つの最新情報をトップページに表示することにしたので、asideの中にsectionを3つ作りました。

メモ

numberposts 1は最新の投稿を1つという意味です。
category 4はカテゴリーのID番号です。

カテゴリーIDの調べ方は、投稿ーカテゴリーのページでカテゴリー名にカーソルを持っていくと、画面下に表示されますので記憶して下さい。記憶力に自信がない人はメモをとって下さい。鉛筆でも万年筆でもクレヨンでも結構です。

上記のphpを書く場所ですが、今回はトップページの画像スライドショウのすぐ下に表示させる事になったので、page-templates/front-page.php内の

の下に書きました。

書く場所は、表示させたい場所によって異なります。ご注意ください。

②出力が出来ましたので、今度は適当に見た目を整えていきます。asideやsectionにidで名前を付けたので、そのidをcssでカスタマイズします。今回は、style.cssの一番下に書きました。

以上です。(真中のぶ)

先ほど、iphoneで見たら変な風になってたので、media queryで直しておかなきゃ!誰かやりたい人がいれば、やってくれてもいいですよ。

質問
firebugで見ると、sectionの中にh1が2つある事になっていますが、これは大丈夫なのでしょうか??
(こちらは、解決済です。先生のコメント参照)

—————————————————–
追加情報 2013-04-27 真中のぶ

投稿のアイキャッチ画像のサムネイル表示を以下のスクリプトで実装出来るようです。

wp 2012 google web fontsを指定したらテキストが二重に表示されるは何故か?

制作中のサイト
http://kuulei90.com/
ページタイトル

h1 とh2にgoogle web fontsを使用しています。
デスクトップ(firefox)で見ると問題ないのですが、
iphoneで見ると文字が二重に表示されてます。
試しにデスクトップ(safari)で見たら
文字は二重にはなってないけど、太くなってしまっています。

フォントは、クローンのstyle.cssで指定してます。

何故でしょうか?

WP プラグイン all-in-one-event-calendar (イベント管理)を設置してみようぜ!の巻

Q.WP プラグイン all-in-one-event-calendar (イベント管理)ってどんなもの?
A.カスタム投稿タイプを利用したwordpressのpluginです。(plug me inではありません)
「パソコン倶楽部りんご」サイトのトップページにある「勉強会の予定」とメニューの「calender」というページの表(カレンダー)がそうです。(2つは同期してるので便利)イベントやスケジュールを管理するのに便利そうです。

ではやってみます。ちなみに僕も初挑戦。

まずは、all-in-one-event-calendarというプラグインをインストールして有効化する。有効化すると自動的にダッシュボードのメニュー(画面左に縦に並んでいる)にEventsという項目が追加されます。

メニューのeventsのsettingsで色々と設定します。最初に大事なのは、どのページにカレンダーを表示させたいか
です。カレンダー専用のページが必要なら、その表示させたいページをあらかじめ固定ページで作っておく必要があります。settingsで「どのページにカレンダーを表示するの~?」という項目があるので、あらかじめ作って置いた固定ページを選択。

これで、ページにカレンダーが表示されました。そしたら適当にAdd Newで予定をいくつかアップしてみましょう。英語だけど良く読めば難しくないです。

次は、トップページに予定の一部分を表示させます。これは、外観ーウィジェットで設定します。upcoming eventsというのが画面左にありますよね。それを画面右にドラッグする。トップページならフロントページウィジェットエリアだと思います。(人によって設定が違うと思うので「思います」としました。)ドラッグしたのをクリックすると、ちょっとした設定が可能です。何件表示させるとか。

大まかには、こんな感じです。色などはCSSとかで変えられると思います。(まだやってないけど)。
設定も色々あるので、これからやってみます。

こんな感じhttp://kuulei90.com/

これは、2013-04-12の勉強会で学びました。
——————————————–
先生。
これで大丈夫ですよね?

WP 2012 トップページに投稿ページの一部を表示させたい

現在制作中のサイトhttp://kuulei90.com/

クライアントさんの希望で、トップページに「次のライブ情報(日にちが近い1回分)」と「pick up(お勧めの1コ)」を載せたいという事です。

「次のライブ情報」は、投稿ページsheduleからと、「pick up」は、投稿ページnewsの一部を抜粋して表示といった感じです。クライアントさんがTopページ(固定ページ)を
いじらなくてもいいようにカスタムしようと思います。りんごのメンバー紹介とか近いのかなあ?

ザ未経験です。

雰囲気的にはPHPを書くんだろうなあーと感じています。
もしかしてプラグインであったらラッキーとも思っています。
視界が、ぼや~っとしています。

アドバイスやヒントを下さいませ。

よろしくお願いいたします!

WP TwentyTwelve ヘッダー画像をトップページにだけ表示させたい。

twenty twelveをカスタマイズ中です。
http://kuulei90.com/

ページによってヘッダー画像を変えたいと思っています。(ランダムではなく)

手順としては、
まず、外観ーヘッダーで設定するヘッダー画像をヘッダーだけに表示させようと思います。
ググッたらこちらのサイトがドンピシャだったのですが、記事の説明にある

が僕のheader.phpに見当たりません。どういうことでしょうか?
参考にしたサイト
http://presentnote.com/header_image-displayed-only-top_page/

教えて下さい。よろしくお願いします。

それができたら、固定ページの各編集画面に直接画像を設置しようと思います。
まだ、外観ーヘッダーで設定するヘッダー画像が残っている状態ですが、こんな感じ。
http://kuulei90.com/?page_id=20

/////////////////////////////////////////////////////////////////////////////////////////////
先生。早速の回答ありがとうございます。
理解しました。header.phpを以下の様に追加しました。

これで、解決しました。
次は各固定ページに、それぞれのページの内容に合った画像を挿入していきます。

この、先生のコメントに対するコメントは、普通に返信でやると、「crayon」が使えないので、ここに追加で書きましたが、
コメントを返信でやった方が、第三者が分りやすいと思うのですが、良い方法はありますか?

WP TwentyTwelve フッターの”Proudly powered by WordPress”を「Copyrightほにゃらら」に変更する

内容は記事のタイトルそのまんまです。
footer.phpを編集します。

4,5行目をコメントアウト。
7行目を追加。追加したら表示させたいテキストを入れる。テキストを入れる場所は、kuulei90.comと書いてある所。

That’s All….so easy