カテゴリー別アーカイブ: 質問と回答

wordpress

wordpressの子テーマ function.phpについて(オーバーライドとは?)

wenty twelveの子テーマを作りサイトをカスタム中です。

WPのthemesの中にtwenty-childというディレクトリを作り親からコピーしてきたstyle.cssを設置してそれでcssを上書きをしています。
header.phpとfooter.phpも同じように親からコピーしてtwenty-childというディレクトリに入れました。

念のためfunction.phpもコピーして子テーマtwenty-childに入れました。

function.phpはオーバーライドできませんとあります。
functions.php の使用方法

オーバーライド?….読んでもよくわかりません。ただコピーするだけじゃだめなんですか?

教えて下さい。

/////////////////////////
子テーマfooter.phpをカスタマイズしようとしたら、エラー表示が出てfunction.phpの77行目がおかしいと言ってた(多分)だからfooter.phpは上書きできないと。
だから子テーマのfunction.phpをいったん削除したら、問題なくfooter.phpのカスタマイズが出来ました。

function.phpは他のphoとは違った特別なものっぽい。(多分)

////////////////////////
2014-05-30 の勉強会で謎がとけました。

オーバーライドとは?

例えばfooter.phpやheader.phpは、オーバーライドできます。「オーバーライドできます」と言うことは親テーマに書いてある内容を読み込んで、さらに子テーマに上書きした内容も読み込みます。ということではありません!

オーバーライド「できる」という事は、親のファイルは「読み込まれず無視」されるという事です。

functions.phpがオーバーライドできないと言うことは、親テーマと子テーマに同じ内容のもの(functions.php)があると駄目なのです。どちらも読み込んでしまうから、「あんた同じものがあるじゃないのよ!」と叱られてしまうわけです。叱られないようにするには、子テーマのfunctions.phpには追加した内容だけ書くようにします。まず最初に子テーマのfunctions.php内には親テーマに書いてあることは、削除しておきます。こうしておけば同じものが2つあるわけじゃないので、叱られません。ほっ

下記のものは、親テーマfunctions.phpからコピーした子テーマfunctions.phpです。(親テーマの内容を削除した状態のものです。)
(注意!)コメントアウトの部分は削除しないでください。下記参照。

これで問題ありません!

子テーマfunctions.phpに何か追加したい場合は、この状態から追加していきます。

IE6,7,8でmediaqueries.jsが効かない

http://manakaa.com/timo.html

headに以下の呪文を入れたが効きません。

メディアクエリは

こんな感じでリンクしてあるのですが、これだとダメなんでしょうか?

なんかリンクに問題があるような…..
いろいろやりましたが問題解決に至らずです。

明日の勉強会でお願いします。

mac 解凍ソフト

マック初心者です。
.sitという圧縮ファイルが解凍できません。なにか解凍ソフトをインストールする必要があるようですが、いくつかやってみたがインストールできません。

このフリーソフトいいよ、というのがあれば教えて下さい。

FireFox Javascript有効

なにかいじっていたら、いつのまにかFireFoxのJavascriptが無効になったらしい。有効にする為に検索したら、ツールのオプションをクリックとあるが、ツールにオプションがない。あと、Firefoxから環境設定でコンテンツにjsについてのチェックボックスがあると書いてあるが、チェックボックス自体がない。

imac osx 10.9.1
Firefox 26.0

です。

スマートフォン向け jQuery touch slide swipeで画像表示させる その2(解決)

前回質問したスマートフォン向け jQuery touch slide swipeで画像表示させるについて、ひとまず解決したので内容を書きます。

これは、カラーミーの商品詳細ページ(スマートフォンのテンプレート)で使用しました。
カラーミーはプランによって、商品詳細ページに掲載できる画像の枚数が決まっています。
私は4枚までのプランなので、今回は4枚の画像をスワイプさせました。
カラーミーショップは独自タグがあって画像を読み込む為に、if文?が使われています。
これがカスタマイズする時に、探し出すのが少し難しいのです。
今回は1枚目の画像とカラーミーのデフォルトで、<商品画像その他>とわかれている部分を4枚連続で表示できるようにhtmlを変更してます。そこに、下記のCSSを使用しました。CSSはコメントアウトしてる部分を変更しました。
※今回の大事な所
.deviceを100%
.swiper-containerにmax-width
他にも大事な指定はあると思いますが、ここが大事なのかな?と思います。
スマホを縦にした時は全体画像が見えて、画像の上に矢印が見えるようになります(矢印にz-indexを指定)。
横にスマホを回転した時は画像の大きさはそのままで、.deviceが100%になります。
画像の大きさを100%にすると横に回転した時に、商品の全体画像の一部が表示されて全体画像が見えないので、画像サイズは固定したほうが見やすいと思いました。
公開したページ(スマートフォン用)こちら 

html

css

こんなに長くなりましたが、まとめてみました。
足りない所があると思います。
まだまだこれからも、カラーミーショップのテンプレート(PCとスマートフォン)をカスタマイズしていくつもりです。
また、宜しくお願いします!
ありがとうございまいた。

スマートフォン向け jQuery touch slide swipeで画像表示させる

Android、iphone、ipadなどで、スワイプ(フリック)操作による画像切り替えをしたいです。
2013-10-18 Friday 勉強会の議事録
jQuery Slide Panel
真中さんのサイトを参考に、jQuery本体を読み込む方法をやりました。
jQuery carousel

スワイプの参考サイトはhttp://www.idangero.us/sliders/swiper/demos.php
DemosのDefaultを参考にしています。
スワイプ(フリック)操作による画像切り替えをするまではできました。
作業中のページは商品詳細ページ
できれば、スマホで見て下さい。m(-..-)m
.device(外枠の黒い部分)width 100%にしました。
画像を読み込んだのですが、画像サイズの指定がうまくいきません。
画像をきちんと表示させるには、%で指定するのでしょうか?
CSSの問題ですよね?その場合、paddingやmarginの事を考えて指定しなければいけないですよね?
雑ですみませんが、画像でまとめてみました。(~_~)

他のサイトを色々見て、スマホを横にした時に表示範囲で画面に均等に画像が表示されるのも良いと思ったのですが、どうでしょうか?これだと、表示画像が小さくなりますよね?

宜しくお願いします。

iflameタグについて

iflameで動画をhtmlに埋め込む

http://phussa.net/index.html
こちらのサイトの作業をしています。トップページのニュース欄にYouTubeの動画をiflameタグで貼付けていました(これをAとします)。今回の依頼はトップページにUSTREAMを埋め込むという事ですので、配信停止中はクロスフェード画像表示にして埋め込みました(これをBとします)。YouTubeもUSTREAMも各サイトの自動埋め込みタグ生成機能を利用しました。

????????
ustreamを埋め込んだらAもBも、もともと最初にあったAが表示されました。2カ所同じものになってしまいました。あれれ?と思い、Aを削除してBだけにしました。そしたら今度はBの部分にはustreamが表示されるはずなのにAのYouTubeの内容が表示されています。

一回タブを閉じて新しいタブで開いたら直りました。

他のPCでも確認しました。ブックマークからサイトに入ると、やはりBにはA(YouTube)が表示されてました。タブを閉じて新しいタブでブックマークから入らずにアドレスを打ち込んで入ると直りました。(Bには、ちゃんとUSTREAMが表示された)

これは、どういう事がおきているのでしょうか?
1つのhtmlファイルにはiflameは1つしかいれられないのでしょうか?そんなわけないですよね。

どうぞよろしくお願いします。

文字参照でhtmlタグをhtmlファイルに表示させる

文字参照で htmlタグを htmlファイルに 表示させる。

2013-10-25の勉強会で、僕がタカハシ先生に質問をして解決した事の1つを説明します。

htmlタグをhtmlファイルに表示させたい場合は、このサイト(WordPress)だったら「crayon」というプラグインを使えばいいのですが、そういうシステムが無い場合の対処法です。
jQueryや自動生成サービスなどもありますが、ほんの数行なら自分でどうにかしたいものです。(例えば議事録に1行書きたいとか)

文字実体参照で解決!

<section >
ほげほげ
</section >

上記の「<」と「>」は文字参照で表示させていて、htmlタグではないので<section >と表示されているわけです。
WPプラグインの「crayon」はそれを自動生成してくれているわけです。

サイト制作で、&とか©など使った事ありますよね。

文字参照でググるとたくさん出てきます。

国内のブラウザシェア

国内のブラウザシェアについて知りたいのですが、確実な情報を得るにはどこのサイトで見るのがよいのでしょうか。個人のブログとかのサイトは出てくるのですが、正式?というか、確実な情報を発表している信頼のあるサイトを知っていたら教えてください。

例えばマイナビニュースはどうでしょうか?http://news.mynavi.jp/news/2013/09/02/066/

大学のコンピューターリテラシーという科目のレポートでブラウザについて考察しなさいというのがあって、それを書くのに参考資料として使います。あまり個人のブログ等での情報はNGになります。ちなみに大学(ムサビ)のレポートはwikipediaなどの三次資料はNGです。

マックのFTPソフト

データファイルをローカルからサーバーに転送するのに今まではffftpフリーソフトを使用していました。(windows xp)

この度マック(Mountain Lion)にしたので、どうすればいいでしょうか?マックは初めてです。ffftpフリーソフトはwindows用のソフトウェアなんですよね?先ほど知りました。
FFFTPのように左右にローカルとサーバーが表示されているものが使い慣れてていいんですが。サーバーとか苦手なので、今までと似た感じが安心する。でも、今までと違くても簡単ならそれもアリかなあ。

調べたらFileZillaがffftpに似ててよさそう。http://www.marbee.info/2012/08/21/3268/
どう思いますか?

マックユーザーのみなさん
マックおすすめのフリーソフト教えてください。

ワードプレスでエラー発生!Fatal error: Cannot redeclareの対処法を教えて下さい

もう、どないしよう?!Σ(|||▽||| )…

先程自分のサイトのテーマを変えてみようかと思い、他のテーマを有効化してサイトを表示ボタンをクリックした所、

Fatal error: Cannot redeclare change_number_of_posts() (previously declared in /home/users/0/lolipop.jp-****0cda4/web/wp-content/themes/rustic-child/functions.php:52) in /home/users/0/lolipop.jp-****0cda4/web/wp-content/themes/rustic/functions.php on line 58

というエラーメッセージが出てしまい、それっきり管理画面にも戻れなくなってしまいました…

ちなみに、有効化したテーマは「rustic」で、「rustic-child」という子テーマが存在します。
子テーマは、親テーマの「rustic」をファイルごとコピーして、「rustic-child」とし、編集するのはstyle.cssファイルのみ。
今迄にこのテーマ(親子どちらも)を有効化してこのようなエラーが出た事は一度もありません。

調べてみると「Fatal error: Cannot redeclare」というのは、同じ名前の関数が複数存在する場合に起こるエラーらしいので、上記に書かれている内容から、親テーマと子テーマの関数が干渉しているっぽい?

で、あれこれググってみた結果、
こちらこちらのサイトさまの内容が当てはまっている様なのですが、実際、どこをどう手直ししたら良いのかいまいち分からず、大変困っております。

phpに詳しい方、どうか解決法を教えて下さい!
宜しくお願いします!(><)

PHPお問い合わせフォーム

本を見ながら作ったPHPお問い合わせフォームですが、セキュリティーの問題が解決しそうにありません。
難しいです。先生に無料のフォームを利用するのも解決策の1つと言われました。
(本で勉強してやったことは実際の実務に使えなくても、PHPの理解に大いに役にたった。)

このサイトのフォームを使ってみようと思います。
http://www.php-factory.net/mail/01.php

質問

メールフォーム Shift-JIS版
メールフォーム UTF-8版
メールフォーム EUC-JP版

3つあるのですが、やはりUTF-8版がよいですかね?

よろしくお願いします。

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

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

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

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

kuulei

お問い合わせフォームから一日一件、謎の空のメールが届くのはなぜ?

制作したサイト「GLOSSY」
http://glossy-wax.com/
お問い合わせフォームをPHPで制作しました。

入力ページがあり、確認ページがあり、「送信完了。ありがとう」ページの3つで構成されています。
必須項目があり、それが無記入だと確認ページで入力ページに戻るボタンが表示されます。
必須項目が全部記入されていると、送信ボタンが表示され送信可能になります。

なのに、最近一日一件、お問い合わせフォームから情報が空のメールが送信先に届くのですが、
原因として考えられるのはなんでしょうか?

よろしくお願いします。

phpのシステムエラーで一日一回メールを送信しているとも考えられないし、誰かがいたずらするにしても必須項目に
文字を入れないと送信ボタンは出現しないし、テスト送信は何度も行いまして問題なかったし、

謎です。

解決しました。

thanksページに検索ロボットがクロールしてきたせいでした。リファラのチェックなどを見直し、謎メールは来なくなりました。

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