Bootstrap Blocks
説明 WordPress 用 Bootstrap Gutenberg ブロック。このプラグインは、Bootstrap のコンポーネントやレイアウトオプションを Gutenberg ブロックとして追加します。 特徴 Bootstrap v4 と v5 をサポート CSS Grid をサポート (実験的) フィルターでフルカスタマイズが可能 設定は設定ページ、またはプログラム中の定数で ブロックのテンプレートは、テーマで上書きが可能 このプラグインの完全なドキュメント (英語) は、GitHub: https://github.com/liip/bootstrap-blocks-wordpress-plugin#readme でご覧いただけます。 利用可能なブロック Bootstrap Container (コンテナ) 設定: フルード(可変): 有効にすると、コンテナは使用可能な幅全体を使用
Understrap Docs
Explore the in-depth documentation for the Understrap theme framework.
Bootstrapを利用したWordPressテーマ設計の秘訣 – Capital P – WordPressメディア
WordPress受託業界では、HTML+CSS+JSが完全に組まれたモックアップを渡されてそれをWordPressテーマにするということが多くある。最近ではKunoichi MarketというWordPressのマーケットプレースを作ってもいるので、汎用テーマを作る機会も多い。 そんな中、CSSフレームワークを利用したモックアップがWordPressのマークアップに適さないというケースが多々ある。今回はBootstrapを例に挙げ、CSSフレームワークを採用する際のティップスを紹介しよう。 秘訣1. コンパイルしよう Boostrapのみならず、多くのCSSフレームワーク・ライブラリではCDN版が用意されているため、URLを書くだけで簡単に導入できる。 <?php // Bootstrapを読み込み wp_enqueue_style( 'bootstrap', 'https://stac
七転八起 - wordpress + vue.js + bootstrapでブログをSPA化しました。
得意：Laravel, vue.js, react, ReactNative。 趣味：音楽・ドラム・作曲・歴史。 本ブログをSPA化しました。 元々フロントエンドの開発や技術に興味があって、ブログのデザインもやってみたかったので、 勉強がてら作りました。 ブログはwordpressを使っており、 フロントエンドはvue.js, jquery, デザインやcssフレームワークはbootstrap, fontawesomeを使いました。 ブログに関する情報はwordpressのREST APIを使って、axiosで取得するようにしました。 javascriptは最近流行りのwebpackでコンパイルする形で作成してます。 昨日リリースすることができましたが、 ノウハウや悩んだことなどを書いていこうと思います。 どうやって勉強したか Vue.js 公式 まずは公式の「学ぶ」から、使い方を勉強して
Bootstrapを始めよう - よつば手帖
Bootstrapについて デザイン寄りのWebデザイナーさんにとって、BootstrapとかFoundationとかなかなかとっつきにくいかもなという印象を持っています。Bootstrapの出始めの頃はデザインバリエーションへの展開例も少なくデザイナーの立場からはあまり興味をひかれませんでした。 便利な事は認知されてたかもしれませんが「Bootstrap臭」という言葉が出来るほど、画一的なデザインが多く、デザイナーが使うものでは無いと思っていました。 デザイナーこそBootstapを身につけるべき しかし今は違った認識を持ってます。スピード感のある制作手法とレスポンシブデザインによるマルチデバイスへの対応のしやすさなどのメリットがたくさんあります。 WebデザイナーこそむしろBootstrapなどのフレームワークを積極的に使っていくべきだと思います。1か
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。 Read less
_s を使ったテーマ作成 アーカイブ | Gatespace's Blog
_s（underscores） というスターター・テーマを利用したテーマ開発の手順を書いていきます。 http://underscores.me/ なお、ある程度テーマの作成（カスタマイズ）に慣れた人向けの内容となりますので、ご了承ください。
第14回ゼロから始めるWordPress勉強会 〜「Sass+Bootstrap+_sでテーマを作ろう」を開催しました
おはようございます。 よつばデザイン：後藤さん、コワーキングスペース茅場町：田中さん、InAdvanceonlyの小林さんの４人で主催している「ゼロから始めるWordPress勉強会」を昨日9月17日にコワーキングスペース茅場町で開催しました。 第14回ゼロから始めるWordPress勉強会 〜「Sass+Bootstrap+_sでテーマを作ろう」＆質問大会！〜 – Co-Edo WordPress 勉強会 | Doorkeeper 今回のゼロから始めるWordPress勉強会はSassとフレームワークを活用したテーマ作りを勉強します。 Sassって何？ Sassについてゼロから解説いたします（小林） Bootstrapって何 … 最終的に29名もの方々にご参加いただきました。 みなさん、ありがとうございます！ 今回のテーマは「Sass+Bootstrap+_sでテーマを作ろう」 今までは
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
19. <div class="menu-mainmenu-container"> <ul id="menu-mainmenu" class="menu"> <li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu- item-30"><a href="http://localhost/wp/">HOME</a></li> <li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page current- menu-item page_item page-item-2 current_page_item current_page_parent menu-item-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料、Bootstrap 4をそのまま簡単に使用できるWordPressのテーマファイル -UnderStrap
Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, Bootstrapなどのチートシートのまとめ
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog