Ultimate」というプラグインが便利だったので紹介します。UltimateとはWebサイトをカスタマイズするための、より高度なcss記述が引用できるプラグインで、Wordpressのエディター画面に存在するデフォルトのタグと同じように利用できます。Ultimateに搭載されているコードを引用して、いくつか例を表示してみました。楽天カード紹介記事こんな感じで、自分でCSSやPHPファイルを編集するための十分な知識が無くても、こういった設定・表示が導入できるようになります。知識のある場合には不要かもしれませんが、WEBサイト運営経験が低い場合には、役に立ってくれる機能です。Ultimateを使うことで簡単に実現可能です。記事編集画面のショートコードを挿入より、「行」というコードを選択して挿入するだけで、簡単に3列表示のテンプレートが導入できます。文字や画像を入れると以下のようになります。便利なことにレスポンシブデザインにも対応しているので、スマートフォン表示時などは自動で1列表示となります。タグ設定も組み合わせて利用することが可能です。設定を少し変更すれば4列や5列といった活用も可能です。Ultimateのショートコードでは、列の広さに合わせて縮小することが可能なので、割と利用しやすい印象です。本文中でももちろん活躍しますが、導入の一番の目的はこのサイトのテンプレートである賢威7のフッターをカスタマイズすることでした。写真が暫定ながら完成形です。Ultimateのプラグインに出会ったので試してみました。賢威7の場合、ダッシュボード→賢威の設定→フッターとアクセスし、自由記述欄に先ほどのショートタグを記入することで簡単にレスポンシブデザイン対応の3列表示のフッターの枠組みが完成します。facebookやtwitter画面、カテゴリーなどを表示させるだけであれば3列でも十分です。Ultimateを活用して挿入できるので、うまく組み合わせて活用すると良いでしょう。Ultimateから挿入しています。基本のフォーマットだと3行となってしまうため、4列にしたい場合にはショートコードの修正で対応可能です。size="1/4"]コンテンツ[/su_column][/su_row]赤字の部分を追加・修正することで、均等間隔の4列表示になりました。コンテンツの広さが均等で十分であればこのまま、仕上げればOKです。各列の幅もCSSの編集で調整可能このサイトの場合、4列表示を有効活用するため、4列表示は変わらないものの、各コンテンツの間隔を調整し、よりフッターエリアが広く使えるように若干カスタマイズしました。既存のコードはショートコード→カスタムCSS→box-shortcodes.css(列表示の場合)と進めば確認可能です。同じ画面よりCSS編集ができるようでしたが、操作が無事に反映されるか不安だったので、CSSファイルを保管しているサーバー経由で編集しました。格納場所は「使用ドメイン/public_html/wp-content/plugins/shortcodes-ultimate/assets/css/box-shortcodes.css」となっています。size="27/100"]と表記して活用しています。トータルの広さが100%を超えなければレスポンシブでスマホ用表示となるまで4列状態を維持してくれます。Ultimateというワードプレス用プラグインを導入、使用することにより、記事やデザインを装飾することが可能です。中でもお勧めは列(カラム)表示で、レスポンシブデザインにも対応していて使い勝手が良いと感じます。今回は賢威7テンプレートのフッター作成のために導入しましたが、他者との差別化のため、フッターカスタマイズに限らず上手にショートコードを活用してみてはいかがでしょうか。Plusを導入しました!新サイト完成しました!「100記事・月間1万PV突破!サイト運営方針と注目記事ついて」コメントをどうぞ返信をキャンセルする。2016の正規品入手方法と、違法に流通している商品の見分け方を紹介します。先日デスクトップPCの電源を交換する機会がありました。PC自体を組み立てたことはなくても、注意点を抑えていれば交換は意外と簡単に行うことができます。先日、おしりにできた皮膚の内側にあるシコリ・粉瘤(アテローマ)を治療しました。初心者向けにカスタマイズしていると説明文に書いている商品が数...ヤフオクで送料や送料差額によるクレームを防ぐ5つの方法!ヤフオクで遭遇するクレーム・トラブルの1つに「送料」にまつわるものが多く見受けられます。