2016年11月

1/2ページ

アクセス権なのか? 画像もプラグインもアップロードできない!

ローカルでテンプレートを修正しようと思い、All-in-One WP Migration でコピー。 その後、プラグインをインストールしようと思ったら、アップロードの時点で、突然以下のようなのが出てあちゃ〜(@_@) wp-content/uploads/2016/11 を作成できませんでした。この親ディレクトリのアクセス権はサーバーによる書き込みを許可していますか ? ググってみると「アクセス権 […]

カスタム投稿のスラッグからタイトルと本文を表示

頻繁に書き換えるデータを格納しておくために、カスタム投稿を使用する場合があります。 基本的に1データだったりするので、そのIDから設定したタイトルとかカスタムフィールド値を引っ張り出せば良いのですが、無意味な数字よりも(なんとなく)意味のわかるスラッグで呼び出したかったりするのです。 という訳で、カスタム投稿のスラッグ名からデータを読み込んでくる方法。 rankingというカスタム投稿に、rank […]

スタイルシートでワイルドカード(*)のような表現をしたい

例えば、.row-1〜row-20まであって全てに同じスタイルを指定したい場合 ①20回同じことを書く ②row-0を用意して、row-0とrow-xx(xxは1〜20の値)の両方を指定する <div class=”row-0 row-20″>のように ③スタイルシートに正規表現を使う が考えられると思います。2つや3つなら①の方法で同じことを書いちゃう場合もあ […]

Google Map のスタイルをカスタマイズする

サイトにはめ込んだGoogle Map がベージのイメージとイマイチ合わないってことあります。 クライアントさんから「グレーのマップで」とか要望される場合もあります。 Σ(´∀`;) GoogleMapをカスタマイズする方法 さて、そんなときどうするかをきっちり説明してくださっている方がいます。 KOTORI blog さん。いつもありがとうございます。 GoogleMapsの色を変更する方法 & […]

カスタムフィールドの値を表示する(ACF )

ACF(Advanced custom fields)プラグインによってカスタムフィールドを追加しているときに、そのカスタムフィールドの値を表示したり、取得したりするのは、以下のACFの関数を使えば簡単です。 投稿したカスタムフィールドを表示する関数 [crayon-5e8ae2cf7819f162288494/] 本家の説明ページ(もっちろん英語) 投稿したカスタムフィールドの値を取得する [c […]

Page Builder by SiteOrigin はどこまで使えるのか!?

フロントページのような凝ったデザインをする場合には、子テーマファイルにfront-page.phpなどをつくり、コツコツとコードを書いたり、cssを書いたりして作り上げていく場合が多いかもしれません。 Bootstrapを使ってというひとも結構いるようです。 ほぼHTMLコードで、PHPを使っているわけでもなく、そこまで凝ってはいないんだけど少し凝っている(笑)という場合。 クライアント様サイトで […]

マウスオーバー時のゆっくり透過

簡単ですね。 コピペなら(笑) [crayon-5e8ae2cf7836c408221872/] どうして同じようなのが4つも並んでいるの?とか、それぞれのことが気になって仕方ないという人は 調べたら?(笑) ざっくり説明すると フェードイン・アウトの速度を変えたけれぱ、0.3sの値を変えれば良い 透過時の濃淡を調整したければ、opacity=6.0の値を変えれば良い です。

relativeとabsoluteで、ちゃちゃっと簡単に画像を重ねる

画像の上に画像を重ねて配置する方法です。 下(後ろ側)に配置される画像やボックスにposition:relativeを指定。上(重ねる側)にposition:absoluteと(topやleftなどの)親要素からの位置を指定です。 以前は下の画像を背景にしてしまえば簡単済んだことなんですが、イマドキはスマホのことを考えなけれりゃならないので、背景画像のサイズの指定で悩んじゃったりします。 そういう […]

  • 2016.11.16
  • ,

疑似要素と擬似クラス

何気で使っている疑似要素。 ん? 疑似要素じゃなくて、擬似クラスか? :afterはどっち? :hoverはどっち?   1度きっちりと整理しといたほうが良いな   という訳で、YATのブログさんの記事でお勉強です。 CSSの擬似要素と擬似クラスの違いを明確に |https://wp.yat-net.com/name それぞれの仕様や構文をさらにさらに詳しくお勉強するために、MDNさん、 […]

↑上へまいりま〜す