PCサイトだと改行にいたらない文章量なので気にならない改行位置が、スマホサイトだとどうしても横幅が狭くなるので任意の場所で改行させることで見た目を調整したくなる時に便利です。
【注意】こちらBootstrap3バージョンなので、最新はBootstrap公式サイトをチェックしてください。
|
1 |
class="visible-xs-block" |
|
1 |
class="hidden-xs" |
|
1 |
<br class=”visible-xs-block”> |
▼min-width - 指定したところから @media (min-width: 768px) {/*幅768px以上で適用されるスタイル*/} @media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/} @media (…
スピードを求められるサイト制作の場合、WordPressとBootstrapの組み合わせが自分に合っているようです。 レスポンシブ対応でタブレットもさらっと出来るのでクライアント様にもスマホ対応だけでないって部分で喜ばれているように思います。 そこで！ WordPres…
Bootstrapのドロップダウンメニューはクリックでないと展開しないのをマウスホバーで展開する方法をご紹介！ JavaScript [crayon-673f328d579a7667816427/] HTML [crayon-673f328d579a9691…
FRIEND WordPressのテンプレートカスタマイズする時なんか、色々イジってのに「あれ～？反映されない…」ってことがあるとです… ME ふむふむ。その理由はページ読み込みスピードを上げるためのキャッシュが原因なんやで。 …
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-673f328d587c5235974591/] ▼例：以下のようなことがでけました。 …
WordPressのダッシュボードからサイトの色んな情報を表示することができる「ウィジェット」。 サイドバーで最新記事、最新コメント、アーカイブなんかを表示する方が多いと思います。 このウィジェットはテーマファイル内のfunctions.phpに書き加えることで色…
ME 記事詳細ページの閲覧回数をデータベースにカウントして、それを表示させる方法をご紹介！ １．functions.phpに以下のコードを書く [crayon-673f328d58870456654079/] ２．表示させたい場所に以下のコ…
WordPressでサイト制作を依頼された時に最低限チェックしておいた方が良いことを自分用にまとめました。 マストな設定 ・Googleアナリティスク＆サーチコンソール ・バックアップ ・SSL ・メタディスクリプション ・OGP ・PING設定 クライア…
SEO対策にマストな「パンくずリスト」。 ユーザーに現在ページがサイト上のどの位置にあるのかを示すのにも有効です。 WordPressの場合、パンくずリストはプラグインを使って設置する方法が一番簡単かとは思うんですが、プラグインを増やすことでサイトの表示スピードが遅くなっ…
Home
