pkei さん あと、Cocoonの「フロントページタイプ」は、サイト型のトップページを簡単に構築でき、表... ありがとうございます。 解決しました！ [解決済] Cocoon設定のプレビューが表示されません のリ... @leafytreeさん わざわざ ありがとうございます。 ・縦横比を維持しつつ長辺に合わせたアイキャ... ブロック等への各種設定値受け渡しにwp_localize_script関数が使用されていますが、 bloc... 前略、eisuke さん 私は、サーバー関連については疎く、サッパリわかりません。 ただ、書き... pkei さん 個人的には、トップページは、あくまで、サイトの玄関口としての固定ページとし、ブログ記事のイ... 前略、pkei さん 先日、新着記事ショートコードで、エントリーカードっぽい表示にするCSSのコードを書い... いつもお世話になっております。 まだまだ初心者です。 よろしくお願いします。 トップページを固定ペ... この度「Cocoon」というテーマを知り早速インストールしてみました。 こちらを参考にし2つのテーマ... RE: スマホのヘッダーメニューの親メニューをクリックしても、子メニューが表示されない. 使いやすいワードプレスのデフォルトテーマ、Twenty Seventeen。このテーマでブログを始めて1カ月以上たちました。慣れてくると色々とカスタマイズしたくなってきます。今回は、初期状態では左寄せのヘッダー部分のサイトタイトル、キャッチフレーズを中央寄せにしてみます。ほんとに数十秒で終わります。, このように左に寄ったタイトルとキャッチフレーズを綺麗に中央寄せにするためには、タイトルの部分を個別に指定するのではなく、custom-headerでヘッダー全体を指定して、中央寄せの文を記述します。, サイトタイトルにテキストではなくロゴ画像を使用している場合も、先ほどの記述をすることによって中央寄せにできます。, 中央寄せに関しては以上で終わりですが、ついでにヘッダーの高さも調整したいと思います（完全にお好み設定です）。個人的な印象ですが、デフォルトの状態ではロゴの大きさに対してヘッダーの縦幅が広すぎる気がします。なんとなくもっさり感があるので、ヘッダーの縦幅を狭くしてスリムな印象に仕上げたいと思います。, ヘッダーの高さをちょうど良い具合に調整するには、style.cssに以下の記述をします。, これでヘッダーがスリムになって、ロゴとのバランスもとれたと思います。一方で、人によってはくっつきすぎとか窮屈とか思われるかも知れません。好みによって数値を変えてみてください。, 最後に一つ問題が。ホーム画面だけはほかの画面と仕様が違うのか、上記の記述をするとヘッダー部分が狭くなりすぎてロゴが隠れてしまいました。ホーム画面の調整だけは以下のように別途記述します。, 本当に一瞬でできました。この程度のカスタマイズでも超初心者の僕は分からない部分を検索しながら1時間くらいかけてやっています。道のりは険しいです。, Twenty Seventeenのテーマに関しては、ホーム画面だけはヘッダー部分の仕様が違うみたいなので注意です。ちなみに、僕はヘッダーに画像を使っていないので、画像を使っている場合はヘッダーの縦幅を狭くする際に画像の見せたい部分などの調整も必要になってくるかも知れません。. WordPressでブラウザーのタブにサイト名が表示されない場合の対処なのでR WordPressの記事内の一部のコンテンツにパスワードをかけるのでR WordPressからInstagramへの投稿をするのでR ver.2 WordPressで文字(フォント)の大きさを WordPressのレイアウトが崩れた時によくあるのが、アップデートが原因になっているケースです。WordPress本体やテーマ、プラグインは、必要に応じて更新版が提供されます。アップデートをしないとセキュリティの観点からもリスクが高まりますので、定期的にアップデートをしていきたいものですよね。しかし、アップデートをキッカケにホームページの見た目がおかしくなってしまうこともありま … WordPressの始め方 必須スキル｜WordPressで表を作成方法！初心者でも簡単な3つの方法を紹介！ WordPressを利用して記事を書く場合、 ユーザーの視認性を高める ためにできる限り使った方が良いのが、次の4つ。 表 箇条 記事のタイトルを出力する 記事のタイトルを表示するには次のようにします。 theがついているのでWordPressループ内で使用します。たとえば次のようにして、記事のタイトルのみを一覧表示することができます。 WordPressのサイトタイトル WordPressファイルをインストールした際、サイトタイトルの記入を求められたと思います。その時は深く考えずに仮のタイトルを記入したため、後になって変更したいという方も多いのではないでしょうか。 WordPressの状態を確認する (サイトヘルス) 環境設定をする WordPressのメンテナンスをする WordPressを更新する カスタマイザに移行した機能 ヘッダー画像をアップロードする / タイトルの文字色を選ぶ 背景画像をアップロードする / 背景色を WordPressの配布テーマでオリジナルデザインのサイトを作りたい人必見！デザインを変更するコードをコピペで使えるようご紹介！CSSが分からない、PHPって何？そんな方でもできるカスタマイズ方法をわかりやすくお教えします。 ホーム Staff Blog WordPress CSSでプチカスタマイズ！Lightning標準デザインのロゴとヘッダーメニューを中央に配置する（PC版のみ）方法 こんにちは！WEBデザインをしている久納です。 この記事は「WordPress Theme Lightning & BizVektor 他 Advent Calendar 2017」の12月5日の記事になります。 AFFINGER5のサイト名を中央にする方法について解説しました。設定完了までの手順を図で解説し、1分ほどで設定が出来るようになっています。AFFINGER5初心者の方は、是非 … 今回は「WordPress」有料テーマの「AFFINGER5(WING)」を使って簡単にヘッダーのサイトタイトルを中央寄せにする方法をお伝えする。作業は2クリック、作業時間は30秒。簡単なので安心してほしい。 WordPressで【アイキャッチ画像】を設定する方法を初心者向けに解説した記事です。アイキャッチ画像とは、ブログの記事冒頭や記事一覧ページに配置されているサムネイル画像です。この画像で記事が見られる確率が上がるので設定しておきましょう。 前提・実現したいこと wordpressでHPを作成しました。固定ページで作成したもののレイアウトが左寄りになっているので、中央に配置したいです。スマホでも綺麗なレイアウトなしたいです。 該当のソースコード (page.php) 使いやすいワードプレスのデフォルトテーマ、Twenty Seventeen。このテーマでブログを始めて1カ月以上たちました。慣れてくると色々とカスタマイズしたくなってきます。今回は、初期状態では左寄せのヘッダー部分のサイトタイトル、キャッチ WordPress で記事に画像や写真を挿入すると思いますが、文章の中央に配置するにはどうしたらいいのか調べてみました。あわせて画像の貼り方、アップロードの方法、便利なプラグインについてもおさらいします。 WordPress（ワードプレス）で「ウィジェット」を編集する方法を紹介した初心者向けの記事です。ウィジェットはブログパーツのように、固定の位置に特定の機能を表示させることができます。サイドバーやフッターのカスタマイズにお役立てください。 めっちゃ簡単です。CSSの追記だけで完結します。 [st-step step_no=”1″]CSSエディタ（追加CSS）を開く[/st-step] ワードプレスのダッシュボードから外観→カスタマイズ→追加CSS この画面にたどり着けばOK！ ただ、今後のカスタマイズとか更新を考えるとプラグイン「Simple Custom CSS」とか入れておくとなおよし。別の話なので今度紹介します。 [st-step step_no=”2″]以下のCSSをコピーする[/st-step] [st-midasibox title=”ヘッダーメニュー中央寄せ… ページタイトルのセパレータを「 | 」から「 - 」に変更したいです。 「記事タイトル – ブログ名」の様な形式なるようにするには、 子テーマのfunctionにどのような記述を追加すれば可能なのでしょうか？ お手数をおかけしますが、よろしくお願い まずはLightningをインストールしましょう。 WordPress管理画面 – 外観 – テーマ – 新規追加と進み、「テーマを検索…」に「Lightning」を入力。 すると、Lightningが出てきますので、インストールボタンをクリック。 次に有効化ボタンが出てくるので、続けて有効化まで行いましょう。 有効化が完了すると、サイトのテーマがLightningに変わります。 ヒキガエルさん フッターモバイルボタンから、スライドインメニューを表示すると、サブメニューも表示されるかと... ヒキガエルさん Cocoonのマニュアルページを読み返してみましたが、やはり、以下記述があるようです。 ... @ichiichiichi さん 外出していたので、不十分な回答となり、すみませんでした。 エ... リフィトリーさん、わいひらさん、 ご回答いただきありがとうございます。 投稿・編集画面の構造が理解でき... 本当の意味での解決ではありませんが、 「インデックス」の「カードタイプ」の「縦型カード2列」にすることで、... 前略、ヒキガエルさん 表示スペースの関係かと思われますが、それは、そのような仕様だったと思います。 ... PCだと問題ないのですが、スマホだと小メニューが表示されないで困っています。 何か原因に心当たりは無いでし... @leafytree さん ありがとうございます。 ちょっと混乱してきました。 ＜今のサイト＞ ... ichiichiichiさん あと、カードガードタイプの大きなカードも、トリミングされないかもしれません。... Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】, Cocoon 2.2.3公開。WordPress5.5デフォルトのLazy Loadが優先されるように調整。. ロゴ画像の用意ができたら、画像をサーバーにアップロードします。 まず、使用しているFTPサーバーの子テーマフォルダ内に「images」フォルダがない場合、子テーマ内に「images」フォルダを作成します。（子テーマを使用しない方は、親テーマの「images」フォルダを直接いじっていきます。） 作成後、「images」フォルダに先ほど作成したロゴ画像のファイルをアップロードし、フォルダに格納します。 こんにちは！ライターのmuramatsuです。 Wordpressで記事を書いていて画像を挿入したいな、と思うことが必ずあると思います。 画像アップロードして挿入する方法はとっても簡単にできてしまいます。 しかし、何も考えずにアップロードしてしまうと、 「記事が重くて開くのに時間が掛る！ ブロックエディタでは段落や見出しなどテキストが含まれるブロックに配置方法を設定するツールバーオプションがが用意されています。ここではブロックエディタを使って段落ブロックなどに入力したテキストに対して「左寄せ」「中央寄せ」「右寄せ」の配置方法を設定するについ … フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。, また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。, また、有用な返信があった場合は「いいね！」リンクもご活用ください。返信者の励みになります。, （CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。, フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。, 記事タイトルを中央寄せで表示するにはどうしたらいいでしょうか。編集画面のタイトル入力欄で
を使えば、タイトルが中央に表示されるのですが、ブログカードのレイアウトが崩れてしまいます。ブログカードのレイアウトが崩れずに記事タイトルを中央寄せする方法を教えて頂けないでしょうか。, 最新の投稿: cocoonのインストールができません 最新のメンバー: anan0904 最近の投稿 未読の投稿 タグ, フォーラムアイコン: フォーラムには未読の投稿はありません フォーラムには未読の投稿があります すべて既読にする, トピックアイコン: 返信されていません 返信 有効 人気 固定 非承認 解決済 非公開 クローズ, 性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。 それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。, ◎安く始められる ◎LiteSpeedを用いた高速サーバー（完全SSD） ◎http/3（高速化プロトコル）に対応 ◎東京・大阪でリージョン選択が可能 ◎プランのアップ・ダウングレードが自由自在 ◎同サービス内でドメイン管理が可能 ◎ディスク容量が多い ◎転送量が多い ◎毎日無料バックアップ（14日分） ◎DBは14日以内なら無料自動復旧可能 ◎ファイルも14日以内なら無料自動復旧可能 ◎アダルト・出会い系サイト可 ◎ドメインとサーバー代のチャージ払いが可能 ○サーバ引っ越し依頼が可能（有料）, 1年以上の契約をする場合は、クーポンコード入力でさらに10％割引（※2021/6/30まで）。, とにかく速い。サイトに表示スピードを求めるならココ。 管理画面がシンプルで使いやすい。, ◎nginxを用いた高速サーバー（完全SSD） ◎プランのアップ・ダウングレードが自由自在 ◎同サービス内でドメイン管理が可能 ◎ディスク容量が多い ◎転送量が多い ○http/2（高速化プロトコル）に対応 ◎毎日無料バックアップ（14日分） ◎DBは14日以内なら無料自動復旧可能 ◎ファイルも14日以内なら無料自動復旧可能 ◎サーバ引っ越しツールあり（無料） ○サーバ引っ越し依頼が可能（有料） ◎ドメインとサーバー代のチャージ払いが可能, 安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。, ◎nginxを用いた高速サーバー（完全SSD） ◎老舗サーバーなので安定感抜群 ◎ディスク容量が多い ◎転送量が多い ◎同サービス内でドメイン管理が可能 ○http/2（高速化プロトコル）に対応 ○毎日無料バックアップ（14日分） ○DBは7日以内なら無料自動復旧可能 ×ファイルは有料かつ手動での復旧 ×プラン変更でCPUのスペックアップができない ×プラン変更しても即時反映されない ×アダルト・出会い系サイト不可, 常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。 LiteSpeedやHTTP/2を日本で初めて導入したサーバー。, ◎LiteSpeedを用いた高速サーバー（完全SSD） ◎http/3（高速化プロトコル）に対応 ◎プランのアップ・ダウングレードが自由自在 ◎同サービス内でドメイン管理が可能 ◎転送量が多い ◎ディスク容量が多い ◎毎日無料バックアップ（14日分） ◎DBは14日以内なら無料自動復旧可能 ○ファイルは14日以内なら無料復旧可能（※手動） ◎アダルト・出会い系サイト可 ◎ドメインとサーバー代のチャージ払いが可能 ○サーバ引っ越し依頼が可能（有料）, 格安な値段で始められる高機能サーバーです。 性能も備えつつ最安ならここ。 ただし少し機能は弱い。, ◎LiteSpeedを用いた高速サーバー（完全SSD） ◎激安プランが用意してある ◎値段あたりのスペックが高い（コスパ良し） ◎サーバ引っ越し依頼が可能（無料） ◎アダルト・出会い系サイト可 ○http/2（高速化プロトコル）に対応 △プランのアップは可能だがダウンは不可 △毎日自動バックアップ（1日分） △前日のバックアップからのみ復元できる（無料）. Cocoonカスタマイズです！オリジナルのボックスを作ります！Cocoonにあるボックスはシンプルで使いやすいですが、それよりも見やすくてオシャレなボックスを紹介します！コピペで出来るので簡単かと思います！他にもCocoonカスタマイズしてますのでそちらも良かったらご覧ください！ 前回はビジュアルエディタの使い方を説明しましたが、ちょっと長くなって私の集中力がなくなってしまったので、書ききれなかった画像の挿入方法について解説します。アイキャッチ画像と記事内の画像その前にこの記事のタイトルの下にある画像を見てください。 同様に、サイトタイトル(当ブログの場合、「WordPress設置ブログ」の部分)の他に、キャッチフレーズ(「WordPress悪戦苦闘日記」の部分)も、右上にずらしたいので、227・228行目も修正する。 修正したstyle.cssを、ftpソフトでアップロード お世話になります、会員制プラグイン、Simple Membership についてですが、 やはりテーマとの... @eisukeさん 解決方法を書いてくださり、ありがとうございます。他の方の参考になるかと思います。. ブログに新しい記事を投稿するには、画面左側の「投稿」メニューの中にある「新規追加」メニューをクリックして下さい。 「新規投稿を追加」画面が表示されます 記事の作成画面では画面上部に「記事のタイトル」、画面中央に「記事の本文」を入力する場所があります。 今回は次のように入力してみました。 記事の作成はこれで完了です。 今回紹介する内容は「はてなブログで中央寄せの記事を書く方法」です。 実装方法は「CSSを使った方法」と「記事本文から設定する方法」があるので、どちらか選んでカスタマイズしてみてください。 それぞれの違いは以下の通り。 どちらも超簡単にカスタマイズできるので、早速チェックしていきましょう。 記事タイトルを中央寄せで表示するにはどうしたらいいでしょうか。編集画面のタイトル入力欄で を使えば、タイトルが中央に表示されるのですが、ブログカードのレイアウトが崩れてしまいます。 WordPressの見出しデザインを変更したいと考えていますか？本記事では、プラグインを使って簡単に見出しデザインを設定する方法について解説しています。見出しデザインを簡単に変更したい方は、是非ご覧ください。 WordPress保守管理 うぇぶ屋がご提供するWordPressサイト制作にてホームページを制作後、ホームページを運用していく上でとても大切となる「更新」「運用」「メンテナンス」についてコスパの高いプランをご提供しております。 ワードプレスにCocoonがインストールできません。 サーバーはミックスホストを使用しており、３つ目のサイ... パソコンのデスクトップにテーマをダウンロードし、ワードプレスでアップロードしようとしたのですが、以下のエラーメ... @leafytree ご丁寧にありがとうございます。 SSL、子テーマともに確認してみたいと思います。... @leafytreeさま お忙しいところお返事いただきましてありがとうございます。 なるほど！ いろい... 以下で横並びになります。 .widget-entry-cards .a-wrap { display: ... RE: Cocoonで会員制サイトプラグイン Simple Membershipについて、. WordPress テーマの TCD「Be」か「MAG」を使っていれば必見！コピペですぐに使える囲み枠装飾を 30 種類ご紹介します。気になったものがあれば試してみてください。