the_contentにおいて制御文字のバックスペースを削除

wp-cli DBの置換

置換時の注意点

  • 前側が置換元で、後側が置換後
  • 必ず最後のスラッシュは無しにする

本番前のテスト

実際の置換

GUIDは残しておく

参考サイト

Bootstrap v3 において特によく使いそうなコード

CDN Getting started · Bootstrap

グリッド CSS · Bootstrap

テキスト操作 CSS · Bootstrap

ボタン CSS · Bootstrap

レスポンシブ時の表示非表示 CSS · Bootstrap

画像を角丸にするなど CSS · Bootstrap

widgetの追加

widgetエリアを一つ追加する (twentysixteenテーマより)

  • functions.phpに記載

上記のwigetを表示する

WordPressでjQueryを利用するときのカプセル化

$がそのままだと、つかえないのでカプセル化

もしくは

アイキャッチのある時と無い時、そしてサイズ指定

  • has_post_thumbnailで条件分岐
  • the_post_thumbnailでアイキャッチ画像表示

アイキャッチの画像サイズ指定

  • テンプレートタグ/the post thumbnail – WordPress Codex 日本語版
  • the_post_thumbnail(); // パラメータなし -> ‘post-thumbnail’
  • the_post_thumbnail( ‘thumbnail’ ); // サムネイル (デフォルト 150px x 150px :最大値)
  • the_post_thumbnail( ‘medium’ ); // 中サイズ (デフォルト 300px x 300px :最大値)
  • the_post_thumbnail( ‘large’ ); // 大サイズ (デフォルト 640px x 640px :最大値)
  • the_post_thumbnail( ‘full’ ); // フルサイズ (アップロードした画像の元サイズ)
  • the_post_thumbnail( array( 100, 100 ) ); // 他のサイズ

文字数を制限して表示する

下記はWordPressの記事タイトルが20文字以上になった場合に20文字で切り取り、その後に...をつけるというコード

ssh configとそれを利用したssh接続

ssh接続の際に、予め~/.ssh/内において config というファイルを作成し、その中で設定を行う。

鍵認証の場合

パスワード認証の場合

実際にsshにてリモートサーバにアクセスする場合は以下の通り

markdownの記法

参考

Smart Custom Fieldsで値を表示する

一般的なSmart Custom Fieldsの利用方法。この方法を取ると、プレビューが可能になる

参考
https://2inc.org/blog/category/products/wordpress_plugins/smart-custom-fields/

このサイトで利用しているプラグインリスト

当サイトで利用しているプラグインのリストです。なるべくカスタマイズを行わずに、プラグインとデフォルトのテーマの機能だけで、進めていきたいと今は考えています。

WordPressで必要となるcssをscssで読み込む

WordPressのエディター機能より中央寄せなどを行った際に、想定通りに動かすためのSCSS

レスポンシブなYouTubeの埋め込み

html

scss

Noto Sans Japaneseを利用する(cdn利用)

2017-03-01現在、コチラのサイトでも利用中のNoto Sans Japaneseです。CDNからの読み込みも比較的早く、ストレス無く利用できておすすめです。

フォントの読み込み

フォントの適用(デフォルトテーマの場合)

パンくずリストを構造化を含め導入する

利用プラグイン

ソースコード

MySQL関連の操作

インポート

エクスポート

ログイン

ログイン後の操作

データベース一覧を見る

データベースを作成

データベースを削除

mysqlからログアウト

owlcarouselを利用したカルーセル

  • レスポンシブへの対応
  • スワイプ可能
  • ナビゲーションのON,OFF

など使い勝手がよい

リソース

まず、上記URLより元のCSSとJSを読み込む。その上で下記のsnippetで利用する

カルーセルのコード

追加するCSS

カルーセルの設定のjs

記事に該当するタクソノミーを取得

pre_get_postsのサンプル

利用シーン

  • 通常のループとは異なる表示件数でページ遷移したい場合など、通常ループを利用しつつ、改変したい場合はコチラを利用。
  • 通常のループをサブループで作ることは極力避ける

WordPressのアーカイブにおけるページナビゲーションをスマホも含めていい感じにする

WP SiteManager を利用する場合

the_post_navigationを利用して記事の次前の表記内容を変更する

ページ分割の装飾

分割を行う場合のタグ

利用するテンプレートタグ

装飾するためのSCSS

Smart Custom Fields の繰り返しフィールドの利用

参考
https://2inc.org/blog/category/products/wordpress_plugins/smart-custom-fields/

一般的なループ

get_postsを利用したサブループ

ポイント

  • 最初に global をよびだすことで、excerptも呼び出せる
  • 投稿がない場合にはループの外にあるタグも表示しないようにする

参考