タイトル通り。 Wordpressで使用しているフォームプラグイン MW WP FORMのファイル添付ボタンをカスタマイズする。 chromeとedgeでデザインが異なること、またレスポンシブを考えての変更。1.HTML <dt>画像</dt> <dd><label for="file_upload" class="fileup_label"><span class="fileup_btn">ファイルを選択</span></label>[mwform_image name="画像" id="file_up</dd>…

参考サイト design.webclips.jp基本的にiframeを縦横比をアスペクト比に合わせたボックスで囲う、という形。 CSSでiframeのwidthとheightをボックスに合わせて100%にするので、問題ない。 <style> .video_wrap { width: 100%; height: 56.25vw; position: relative;</style>…

参考→ ウィジェットで表示される月別アーカイブを年別、年まとめ表示に変更する方法 | - WP topics -とはいえ、サイドメニューの幅はそんなにないし、縦に長くなると意味がないので、アコーディオンにした。 基本テーマがhabakiriでbootstrap使用なので、ア…

BASIC認証をかけたのに、サイドメニューの最近の投稿ウィジェットやカテゴリウィジェットで存在が見えるのはどうよ問題が発生したので、ちょっと対処。 面倒くさかったので、わりと力業だけど、表示されなければ良いと割り切った。functions.phpに追記。 // …

参考はこちら→https://smileworks.biz/tips/wp_php/24481.functions.phpに以下の記述を追記する。 function basic_auth($auth_list,$realm="Restricted Area",$failed_text="認証に失敗しました"){ if (isset($_SERVER['PHP_AUTH_USER']) and isset($auth_li…

tinymce回りのキャッシュがかなり強力なようで、反映したりしなかったりで面倒くさい。記述がミスってるのかキャッシュの問題なのか分からないし。 ということで、キャッシュクリアのためにfunctions.phpに以下記述を追加した。 function extend_tiny_mce_be…

affingerでは基本機能としてビジュアルエディタにタグが設置されている。ボタンを押せば（あるいはセレクトボックスから選択すれば）、指定のタグが編集画面に入力されるという優れもの。 現在、ボタンとして表示されているのは「ADs」「SC」「ボタンA」「ボ…

前回のentyri_metaカスタマイズがポンコツだったので、再度あれこれ。 フィルターフックについては、マニュアルが若干違うというか、汎用的な書き方しているためコピペすると失敗するので、改めて。 functions.php class Habakiri extends Habakiri_Base_Fun…

フッターを固定してオフキャンバスナビゲーションメニューのレイヤーに隠れないようにしたい。 ということで。 オフキャンバスナビゲーションが出たときに下になるレイヤー（グレーで覆われる範囲）は、id:contentsで指定されている。なので、ヘッダーやフッ…

ナビゲーションを閉じたときにぱっと切り替わるのが納得いかなかったので。 .responsive-nav-contents, .off-canvas-nav { transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -web…

<link rel="stylesheet" href="https://www.rakuten.ne.jp/gold/xxxx/css/sp_rakuten.css" type="text/css" =""> <iframe src="https://www.rakuten.ne.jp/gold/xxxx/sp_header.html" class="sp_nav_menu" =""></iframe ="">意図的にタグの記述方法を間違えることで、楽天のチェックをスルーするらしい。 GOLDへのスタイルシートやインラインフレームをこれで呼び出す。</iframe></link>

参考：https://liginc.co.jp/330259 サイトがなくなると困るので、こちらにもメモ。（１）テーブル→リスト HTML <table> <thead> <tr> <th>Big heading</th> <th>Big heading</th> <th>Big heading</th> <th>Big heading</th> </tr> </thead> <tbody> <tr> <th>Title</th> <td>Content</td> <td>Content</td> <td>Content</td> </tr> <tr> <th>Title</th> <td>C…</td></tr></tbody></table>

左上、宛名（個人名）の上の行に会社名を追加した。 data/class/SC_Fpdf.phpを $text = $this->arrDisp['order_company_name'].' 様'; $this->lfText(27, 55, $text, 10); //購入企業名 $text = $this->arrDisp['order_name01'].' '.$this->arrDisp['order_n…

メディアクエリ @media print { }ちなみに、印刷用ページ（A4）は大体700pxらしい。 なので、レイアウトデザインにもよるが、 @media print { body{ zoom: 72%; } }こうすることで、なんとなく印刷時にデザインが収まるようになる。かも。

Wordpressのテーマ「Habakiri」で、entry-metaをカスタマイズした。entry-metaは、投稿記事の更新日とかカテゴリとかある部分のところ。 マニュアル https://habakiri.2inc.org/manual/filter-hooks/では、フィルターフックが使える。 実際、たとえば空タグ…

「タグの一覧」ではなく「タグに紐づいている記事一覧」。関連記事一覧ですな。 参考：http://zero.edition.jp/archives/207 ただし、いろいろと動かなかったので、最終的には変えています。 functions.php function tag_article_list( $atts) { extract( sh…

ワンポイントで見出しをフェードインさせたいときなんかに。 作ればいいのでしょうが、まぁワンポイント程度だと作り込むのは面倒くさい。 参考：http://qiita.com/stkdev/items/62c9f55500eff729fe4a CSSをダウンロードして、クラスを指定する。 ディレーシ…

レスポンシブ対応だそうです。実際に使ったときは、モックアップ的なやつなのでレスポンシブ関係ねえ！でしたが、まぁ今後使うこともあるかもしれないので。 参考：http://blog.8bit.co.jp/?p=14459 参考：http://kwski.net/jquery/1201/ ＤＬ：https://gith…

2万円以下は送料無料と管理画面で設定しているのに、なぜか購入金額1万円でも送料が無料となるパターンが発生。 あれこれ試してみた結果、注文時の購入商品が14種類だとセーフ、15種類だとアウトと判明。（個数は関係ない） どうも、大量購入→セッションデー…

デフォルトの状態だと「【店舗名】メールタイトル」となる。 基本的に気にはならないが、人によっては店舗名を後につけたい、あるいは店舗名が長いのでメールには省略した店舗名を入れたい、ということもあるかもしれない。 data/Smarty/templates/default/m…

入力内容によって送信先などを変更するカスタマイズ。 実際にやったのは、返信メールのテンプレートを変更するということですが、参考にしたのは送信先の変更です。あまり変わりはないですが。 参考：http://qiita.com/dounokouno/items/21dcf87f2e43a73be55…

同じサイトで使っている他フォームとの整合性の問題で、 ・入力した時点で住所を出すのではなく、検索ボタンを押すと住所が自動入力される ・存在しない郵便番号の場合は、アラートを出す で、最終的にこうなった。 <script type="text/javascript"> $(".post-btn").click(function() { $("#…

右往左往したのでメモ。 基本的には、子テーマ用配布のfunctions.php内にあるfunction add_wp_head_custom内に書いてadd_actionのコメントアウトを外せばいいが、多少修正する必要がある。 というのも、そのままだと、add_actionの優先順位が１のため、wp_he…

忘れないように考え方メモ 入れ子にすることで、背景途中からストライプにするのはたぶん無理 ボックスの途中からストライプにする場合、単色＋ストライプなら可能 「全面ストライプ」の上に「単色＋透過100％のグラデ」の背景を重ねる感じ background-posit…

プラグインで追加するとソートできなかったので、functions.phpでの改造となりました。 必要かと言われるとあまり必要ないかもしれませんが、まぁ一応。 functions.php /* 投稿一覧にID追加 */ function add_posts_columns_postid($columns) { $columns['pos…

あれこれのたくた迷走したあと、基本に戻ってエラーログを確認したところ、dtb_other_delivテーブルでエラーが発生していることが判明。 で、よくよく調べると、そういえば会員登録時に項目を追加したなぁ、と……。 会員登録のときに（例）shop_nameを追加し…

IE10および11において、どうしてそうなってるのかさっぱりわからないままですが、ひとつの要素に対してbackground:linear-gradientとborder-radiusの両方を適用すると、なぜかグラデーションが吹っ飛ぶ事象が。 ちなみに、ひとつずつ適用させるとちゃんと表…

テーマの切り替えではなく、コンテンツの中身の変更。 参考：http://kawatama.net/web/810 まず、functions.phpに以下のコードを追加する //PCでのみ表示するコンテンツ function if_is_pc($atts, $content = null ) { $content = do_shortcode( $content); …

参考：http://mae.chab.in/archives/2527 youtubeでなくてもいいけど、基本iframeタグは幅と高さを指定する。 <iframe width="500" height="300" ...></iframeただしこのままだと、500px×300pxがスマホでも確保されるため、横スクロールが発生することになる。 その対応。 HTML <div class="wrap_y</iframe>…

禁止タグとして設定されているため、記事本文等にiframeタグは使えない。それを使えるようにする方法。 参照 http://ameblo.jp/wazameba/entry-10736090264.html １．フリープラグインに以下のソースを記述する。 <script src="http://www.google.com/jsapi"></script> <script>google.load('jquery','1')</script> <script>!function(e){e…