あなたがほとんどの人たちと同じなら 初心者ブロガー 中級者であっても、HTML/CSS の知識がないことは間違いありません。 たくさんの ブロガー (私のように)使用したい プラグイン を使用して投稿やページにボタンを追加できるようにします ショートコード. しかし、これらのショートコード-ショートコード- 覚えるのが難しく、構成するのが難しい.

この記事では、ボタンを追加する方法を紹介します WordPress ショートコードを使用せずに.

WordPressの世界が初めての方は、発見してください WordPressのブログ7の手順をインストールする方法

最初に行う必要があるのは、インストールしてアクティブ化することです プラグイン « ショートコードボタンを忘れます '。

これを有効にしたら プラグイン、あなただけを作成する必要があります 新刊 または、既存のボタンを変更すると、ビジュアルエディタにタイトル付きの新しいボタンが表示されます « 挿入ボタン » (アドオン ボタン).

FASB-editorbutton

パブリケーションまたはページに新しいボタンを挿入するには、ボタンをクリックする必要があります ボタンを挿入する. これにより、新しいボタンを設計できるウィンドウが表示されます。

designyourbutton

ボタンのテキストとURLを追加してから、テキストと背景の色を選択するだけです。 次に、オプションのドロップダウンメニューをクリックします 「タイプ」あなたのボタンの形状を選択します。 ボタンのサイズを選択することもできます。

発見して知識を完成させる ショートコードのワードプレスを使用して管理する方法

タブをクリックすると « アイコン »、ボタンのテキストの前後に追加できるアイコンが表示されます。 これらの アイコン より正確にはアイコンフォントです。

buttonswithicons

ボタンの作成プロセス中に、各変更のリアルタイムプレビューを表示できます。 見た目に満足したら、クリックするだけです インサート.

この記事をチェックして賞賛する これらの無料のショートコードでWordPressの項目の設計を改善する方法

エディターから位置合わせ方法を選択して、ボタンを中央、左、または右に位置合わせすることもできます。 ボタンをダブルクリックしてボタン編集ウィンドウを表示し、必要に応じてボタンを編集できます。

このレベルでは、ショートコードを使用せずに WordPress にボタンを追加するオプションがあります。 ただし、あなたを離れる前に、次の XNUMX つに相談することをお勧めします。 WordPressのプラグイン ショートコードを効率的に管理できるプレミアム。

1。 WPベーカリー・ページ・ビルダー

以前は Visual Composer として知られていた WPBakery Page Builder は、もう 99 つのプレミアムで非常に人気のあるページ ビルダーです。 この人気の多くは、WPBakery Page Builder にはほぼ XNUMX% の WordPressテーマ テーマフォレストによる。 しかし、非常に多くの Web サイトで使用されているという事実は変わりません。

wpベーカリーページビルダーe1544277016913
Divi Builderと同様に、WPBakery PageBuilderではビジュアル編集とバックエンド編集の両方が可能です。 ElementorやDiviBuilderのようなものと比較すると、WPBakery PageBuilderのスタイリングオプションは少し制限されています。 線を適切に制御できますが、個々の要素のスタイルオプションはもう少し制限されています。

独自のCSSを使用する場合は、カスタムCSSクラスまたはIDを個々の要素に追加するか、実際のスタイルをページレベルに追加できます。

WPBakery Page Builderに特に注目すべき独自の機能があるかどうかはわかりません。 しかし、彼が持っているのは拡張機能の巨大なコミュニティです。 Divi Builderと同様に、WPBakery Page Builderは、無効にするとコンテンツに多数のショートコードを残します。 チュートリアルを見る

ダウンロード | デモ | ウェブホスティング

2。 Divi Builder

Divi Builder は、Elegant Themes で高く評価されている高品質のページ ビルダーです。 通常、WordPress の Divi テーマの一部として使用されますが、Divi Builder はスタンドアロンのプラグインでもあり、他のテーマでも使用できます。 WordPressテーマ.

ディビ e1544278044306

前のXNUMXつのビルダーとは異なり、Divi Builderでは、フロントエンドのビジュアルインターフェイスとバックエンドのインターフェイスを使用してコンテンツを編集できますが、ほとんどのユーザーは最初のインターフェイスを好みます。 。

基本的に、サイドバーの代わりに、すべてポップアップとフローティングボタンになっています。 これにより、316の異なるプレゼンテーションパックにまたがる40の事前に設計されたテンプレートにアクセスできるほか、独自の設計をテンプレートとして保存することもできます。

Diviの特徴の1つは、常に彼が提供するスタイルのコントロールでした。 3つの異なるタブで、レスポンシブコントロール、カスタマイズ可能な間隔など、さまざまな設定を構成できます。

CSSエディターには基本的な検証と自動完了が含まれているため、カスタムCSSを追加することもできます。 Divi Builderの批判のXNUMXつは、常にショートコードに依存しているということです。 つまり、オフにすると、コンテンツに多数のショートコードが残ります。 これは少し気のめいることですが、Shortcode Cleanerのようなプラグインが存在するようになったので、それほど問題にはなりません。 

ダウンロード | デモ | ウェブホスティング

その他の推奨リソース

これらの推奨リソースも参照して、WordPress Webサイトをマスターしてください。

まとめ

それだけです! この記事がボタンの追加に役立つことを願っています WordPress ショートコードを使用せずに。 提案や発言があれば歓迎します。

また、ご相談ください あなたが初心者ブロガーならリソース。 しかし、n私たちはあなたに さまざまなソーシャルネットワークでこの記事を共有してください。

...