リストスタイルのまとめ
- 2016.10.24
- まとめ
■最初のみ li:first-child ■最後のみ li:last-child ■リストが1つだけの時に適応 li:only-child ■交互に変更 li:nth-child(2n) { /* 偶数番目(2,4,6……番目) */ color: red; } li:nth-child(2n+1) { /* 奇数番目(1,3,5……番目) */ color: green; } ■特定のリストを変 […]
2016年10月
position: absoluteしている要素を中央寄せにする
- 2016.10.24
- absolute
.element { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
position: absoluteしている要素を上下中央に寄せる
- 2016.10.24
- absolute
.element { position: relative; top: 50%; transform: translateY(-50%); }
boaderにグラデーションを使う
- 2016.10.24
- グラデーション
左右向きのグラデーションを設定する。 要素の『before』でグラデーションを上に、 要素の『after』でグラデーションを下に設定する。 #content{ &:before{ content:""; display:block; height:1px; background: linear-gradient(to right, #ffffff 0%,$mainColor 60%,#ff […]
ページが印刷出来ないようにする（印刷時にページを白くする）
プリント機能を制御するのではなく、ページを真っ白にして対応する方法。 印刷時にはbodyの中身をdisplay: noneする。 @media print { body { display: none !important; } }
MovableTypeからWordPressへ記事をインポートする
【準備 -プラグイン-】 １、Movable Type・TypePad インポートツールプラグインをインストールする。 ※インストールされていない場合、【WP上で行うこと】項目１でインストールの手順が入る。 【MTで行う事】 １、MTにログインし、データをエクスポートしたい「ブログ」を選択する。 ２、表示されるメニューの「管理」→「ブログ記事のエクスポート」をクリック ３、「ブログをエクスポー […]
csvを用いてWordPressの投稿を行う手順
【準備 -プラグイン-】 ◯WP CSV Exporter 登録雛形のダウンロード。 カスタム投稿タイプに対応する為には、有料アドオンの追加が必要。 ◯Really Simple CSV Importer WordpressにCSVのインポート機能を追加する。 ◯Really Simple CSV Importer Media Plus 絶対パスで画像を指定すると、自動で「メディアに追加＞ […]
カテゴリー・タグそれぞれに属する投稿にサムネイル画像を自動指定する
◯Default Thumbnail Plusプラグインを利用する カテゴリー・タグ毎にアイキャッチ画像が決まっている場合に使用する。 設定 ＜ 投稿内の画像１枚目 ＜ 個別設定 の優先度なので、特定記事のみ変更するなどということも対応出来る。 ダウンロード
カスタムフィールドの画像フィールドからアイキャッチに画像を登録する
- 2016.10.21
- Advanced Custom Fields, function.php, アイキャッチ
下記をfunction.phpに記載する。 function acf_set_featured_image( $value, $post_id, $field ) { if ( $value != '' ) { update_post_meta($post_id, '_thumbnail_id', $value); } else { delete_post_meta($post_id, '_thu […]
ftp接続無しでWordPressディレクトリに接続する
- 2016.10.21
- ftp, wp-config.php, アカウント
プラグインのインストールや、プラグインの機能などファイルの保存や接続の際にFTPのアカウントを入力する必要がある。 都度入力を行わず、自動で接続出来るようにするには、下記をwp-config.phpに書き込む。 define('FS_METHOD', 'direct'); 最下部に書き込めば動作する。 別の場所に記載する場合には、下記のコードより上に書くこと。 /** Absolute path […]