月別アーカイブ: 2013年7月

wordpress

WordPressのプロフィール欄を拡張してTwitterやFaceBookページへのリンクを追加しました

パソコン倶楽部りんごのテーマを編集して、プロフィール欄を充実させました。メンバー紹介のページの、各メンバーの情報欄に表示します。こんな感じです。
authors-prof
ついでにメンバーの表示順を投稿数の多い順にもしました。

管理者連絡先情報の変更点

prof-edit

  • Twitterアカウントを登録可能にしました。IDだけ入れると、そのIDのTwitterページへのリンクを生成します。
  • FaceBookアカウントを登録可能にしました。同上。
  • 学習履歴を入力できる欄を追加しました。
  • 職業を入力できる欄を追加しました。
  • AIM、Yahoo IM、Jabber / Google Talkの入力欄を削除しました

パソコン倶楽部りんごサイトのアカウントを持っているメンバーは、ダッシュボード/ユーザー/あなたのプロフィールをひらいて、確認してみて下さい。
各項目の入力は任意です。Twitterや、FaceBookで、個人的に連絡を取ってもらって構わないよ、というメンバーは、そのIDを入力して下さい。
入力した内容は、メンバー紹介 の他に、「○○の全ての投稿を見る」というリンクから行ける、各自の作者ページ(私の場合はこのページ)でも、表示されます。

管理者連絡先情報の拡張の方法

WordPressのテーマ編集で、functions.phpに以下の内容を追加します。

必要ならば、その他にも色々と項目を追加できますね。

テンプレート内で出力する方法

追加した連絡先情報のデータは、get_user_metaで取り出せます。$uidという変数にユーザーのIDが入っているとして、Twitterのページへのリンクは以下のように作成できます。

WordPressのソースコードを見やすくしたい人はテーマエディタのプラグイン「Advanced Code Editor」なんていかがですか?

WordPressのソースコードを見やすくしたい人はテーマエディタのプラグイン「Advanced Code Editor」なんていかがですか?

以前「WordPressのソースコードを見やすくしたい!」という記事を書いて投稿しました。

その件について2013-07-26の勉強会でタカハシ先生が教えてくれました。

「Advanced Code Editor」というプラグインが良さそうですので、先ほど(2013-07-27)インストールして有効化しました。
参考にさせて頂いたサイトhttp://motoshige.net/blog/archives/3997
今回プラグインを探すのに「wordpress ソースコード」というキーワードを入力してたら、全くヒットしませんでした。
「wordpress テーマ編集 プラグイン」と入力したら、たくさん出てきました。

キーワード検索は、基本知識が必要ですね。コツというか。

—————————————
使用してみましたが、プラグインが重たいみたいなので、インストールしたままで無効にしました。2013-08-02

wordpress

WordPress コメントをどうぞを消す

制作&管理しているhttp://kuulei90.com/

投稿カテゴリー「blog」「news」「photo」があります。
3つのページ全部にコメント出来るようにしてましたが、コメント出来るページを「blog」だけにしたいとの要望。

”固定ページー編集ー表示オプションーディスカッションにチェックを入れるーコメントの投稿を許可するのチェックを外す” で出来ます。簡単それだけ!

固定ページ一覧に入って「あれれ….?」 続きを読む

2013-7-26 勉強会のリクエスト

質問というかリクエストです。よく通販サイトで商品の詳細説明のページで大きい画像があって、下に小さい画像が並んでて、小さい画像にマウスをのせると大きい画像に表示されるようになっています、どうなっているのか教えて頂きたいです。
こちらが参考サイトです

サイトのメンテナンスを行いました

2013-7-21に、以下の変更を行いました。

  • SNSボタン用のShareBarを重さ故に停止したので、その代わりに WP Social Bookmarking Lightを導入。重くないです。
  • 固定ページでもアイキャッチが使えるように、content-page.php に the_post_thumbnail() を追加。アイキャッチを登録すれば、固定ページでも表示されます。アイキャッチ登録がない場合は、これまで通り、横長のheader_imageが表示されます。
  • 各自のプロフィール欄を拡張する為に Twitter、FaceBookの入力欄を追加中。使えるようになったらお知らせします。

2013-7-12 勉強会

ランサーしょうじさんから先生にメールがあり、お元気でお仕事されているそうです。
安心しました。

勉強会の概要は

続きを読む

wordpress

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

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

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

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

ソースコード

WordPressのソースコードを見やすくしたい!

WPのcssやhtmlをコードを書いていて思うのですが、単色なので見ずらいと感じませんか?
DWや真魚2のようなテキストエディタのように、色分けされてたら、いいなと~と思いませんか?
例えばアイキャッチ画像の様に。

プラグイン探したのですが、見つかりません。

みんなで探してみましょう!

——————————————

2013-07-26の勉強会でタカハシ先生が教えてくれました。残念ながらランサーさんのコメントはありませんでした。
新しく記事を書きました。こちら↓
WordPressのソースコードを見やすくしたい人はテーマエディタのプラグイン「Advanced Code Editor」なんていかがですか?

高齢者に初めてのパソコン

高齢者が初めて手にするパソコンは何がいいか?

経緯

先日うちのおとうさんが天国に旅立ちました。お母さんと二人暮らしだったので、これからは一人暮らしになってしまいます。外国に住んでいる僕の妹は帰国中でお母さんの所にいますが、秋には外国に戻る予定です。僕はちょくちょく実家に顔を出そうと思いますが、さすがに毎日は行けません。分らないけど月に2、3回か。

70歳のお母さんは、携帯電話を持っているけどメールはやりません。(現在のところ難しくてできないのか、やる気がないのか不明)

妹と相談して、お母さんにパソコンを覚えさせて「skype」をやれるようにしたらどうかと思いました。外国にいる妹とテレビ電話が出来るというのは、いいかなと思います。慣れてきたらFaceBookとかも憶えてもらって、うちら子供達や甥っ子、姪っ子ともつながれば楽しくなる気がします。

お母さんは友達がいる方だし、パソコンなんて面倒くさいと最初は言うかもしれないけど、覚えたら絶対に便利で楽しいと思うので、是非すすめます。

質問

今度、妹とパソコンを買いに行くのですが、どんなのがよいでしょうか?ノートパソコンでいいかな?最近では、ipad的なものが多いですが、僕自身が持っていないのでいまいち分りません。
通信関係は、家にNTTの電話回線があるので光フレッツのネット契約をすればいいかと思います。

あと、本人次第ではあるけど、70歳の人にこんなのを勧めてみたらというパソコンで出来る事のアイデアがありましたら、どうぞよろしくおねがいします。

追記

今回の事でおもったのですが、パソコンやインターネットって若者の文化というか、若い世代の生活が楽しくなったり便利になるのが主ですよね。高齢化が進んでいる現在、お年寄りの一人暮らし等も増えてきて社会問題になっています。パソコンやネットという最新テクノロジーと高齢者は無縁だと思っていましたが、その決めつけてしまう考えを捨てれば、なにか社会に役立つ事があるんじゃないかな~と、ふと思いました。

phpでお問い合わせフォームを作る。そして確認画面から最初の編集画面に戻る際に入力したテキストをクリアーしないようにするには。

phpでお問い合わせフォームを作る。そして確認画面から最初の編集画面に戻る際に入力したテキストをクリアーしないようにするには。

phpでお問い合わせフォームを作る。
というのをやっています。だいたい出来たのですが問題点がいくつかあります。入力画面(contact.php)があります。そこで入力して「確認」をクリックすると確認画面(confirm.php)に行きます。その画面で表示されている内容でOKなら「送信」をクリックして指定した宛先に入力内容を送ります。もし内容を変更したい場合は、入力画面(contact.php)に戻り内容を入力しなおします。

問題点です。

上記の様にリンクすれば、入力画面(contact.php) に戻れますが、それまで入力したテキストはクリアーされてしまいます。「なんだよ~、電話番号の数字だけ変えたかったのに、全部消えちゃったよ!また最初から全部入力するのめんどくせ―!」となり、「申し込むのや―めた!」となる可能性があります。そうならない為にも、入力情報をクリアーせずに入力画面(contact.php)に戻るにはどうしたらいいでしょうか?

解決法です。

ブラウザの「戻る」ボタンで1つ前の画面つまり、入力画面(contact.php)に戻るという方法があります。これでやれば、入力情報はキープされます。ただし、「内容を編集する場合はブラウザの戻るボタンで戻って下さい」と書いておかないといけません。これは、カッコ悪いので避けたいところです。
ここでいい解決法があります。 続きを読む

media queryがうまくいかない。横幅をキープしてしまう。

制作中のサイトでmqをやっています。
バンドのプロフィールのページのバンド紹介の下にあるメンバー2人の紹介のセクション「section id=”futari_profile」なのですが、画面を狭くしていくと、
フロートが解除されていい感んじになります。そしてもっと狭くしていくと、あるところからメンバー紹介セクション下段が、
幅をキープしてしまい、横スクロールが出現してしまいます。

http://kuulei90.com/?page_id=25

なぜでしょうか?

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

wordpress

WordPress cssで見ためをいじる。

りんごサイトのトップページの左側に最新記事の投稿が出るようになってますよね。

現在制作のサイトも同じ仕組みで「blog」の最新投稿がトップに載るようにしました。
http://kuulei90.com/
見た目(h1・p・img)をりんごのようにしようとcss作業していますが、うまくいきません。(画面の幅を狭くすると画像の上に文字が来てしまいます。りんごのは、画像の右側に文字があります。)
なにがちがうんでしょうか?phpの読み込む順番とか?

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

htmlファイルにfaviconの設定しよう

WPでは簡単にファビコンの設定ができます。以前、記事にも書きました。
WP Twenty Twelve 簡単にファビコンを設置出来るプラグイン”All in one Favicon”

WPではなく普通にhtmlで作成した場合は、上記の様に簡単ではありません。(とは言っても簡単です)

イラレ等で作成したイラストを自動でファビコン用のファイルに生成してくれる無料のサービスがあります。僕はいつも、こちらにお世話になっております。
http://ao-system.net/favicon/index.php

是非チャレンジしてみて下さい!