プログラミング

プログラミング

table-cellとリストのcssで画像リンクを横並び:レスポンシブデザインはどうなる?

画像などの要素を横並びにするとき、 floatやdisplay:inline-blockなどの方法がありますが、 現在はtable-cellに落ち着いていますね。 tableのhtmlとcssの横並びは、おすすめできない ちなみに、それ...
プログラミング

5分でできるアドセンスでレスポンシブ広告ユニットのサイズ設定方法と使い方

Adsenseでレスポンシブ広告ユニットを導入しました。 わりと簡単ですし、一度、理解すると5分で導入できるため利用した方がいいなと思いました。 data-ad-format="auto”が追加されているレスポンシブ広告ユニット レ...
2017.09.27
プログラミング

ウィジェットのカテゴリ除外や消去・表示をする方法(in_category arrayの複数指定とis_single)

in_categoryやis_singleなどの関数を使って、 特定のウィジェットを除外・消去する方法をまとめていきます。アドセンス(Google Adsence)や広告なんかでよく使われますかね。 in_categoryで...
2017.12.15
プログラミング

table of contents plusのカスタマイズ【cssのデザイン】(WordPressのプラグイン)

Wordpressのプラグインで有名なtable of contents plusのcssのカスタマイズやデザインなどをまとめておきます。覚書をかねています。 table of contents plusプラグイン【公式】 ...
2019.04.14
プログラミング

初心者向けにjqueryのremodalの使い方とカスタマイズ

モーダルウィンドウのjqeryのプラグインはたくさんでていて、 どれを使うのか、ちょっと迷いましたが、いろいろと比較してRemodalを使うことにしました。 remodalを選んだわけ 決め手は次の2点です。 レ...
プログラミング

縦横碁盤目のような文字付き画像(アイコン)メニューを作成するCssのコード

Cssで画像(アイコン付き)とテキストを縦横に並べて碁盤の目のようなメニューを作成します。 完成したメニューはこちらです。 wordpress 電子書籍 test test test t...
プログラミング

スタイルシート(css)のコメントアウトでダブルスラッシュ(//)は使えない

今更なのですが、、スタイルシート(css)のコメントアウトでダブルスラッシュは使えません。 ずっとcssを使っていないと、他の言語のくせでたまに使えるんじゃないか、と勘違いしてしまう…^^; 希望としてはサポートしてほしいのです...
2015.12.03
プログラミング

サイドバーに画像つき手動リンクを設定する1番簡単な方法(画像と文字の縦並びのcss)

いろいろと手動リンクのプラグインがでています。 一応、使ってみたいのですが、どれもちょっとした不満やバグがあります。 WordPressのカスタムフィールドで手動の関連記事を表示する方法とマニュアルリンクプラグインの5つを紹介 ...
2016.12.23
プログラミング

css3のlinear-gradientで蛍光ペンのマーカーを作成(色と太さと透明度の関係)

css3のlinear-gradientを使うことにより、 蛍光ペンのマーカーのような効果を作成できます。 linear-gradientの本来の使い方 linear-gradientの命令は、ご存知の方も多いかと思いますが、...
プログラミング

WordPressのコンテンツ(記事)の幅を広げる

Wordpressのコンテンツ(記事)の幅を広げる覚書です。 コンテンツの幅を増やす基本 基本はコンテンツとサイドバーの比率を変えることですね。 コンテンツを足したら、そのかわり、サイドバーを引きます。 比率が全...
2019.03.20